@cntrl-site/components 1.0.12-1 → 1.0.12-2
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 +5 -1
- package/dist/index.mjs +8 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3861,7 +3861,7 @@ a.${t}-list-item {
|
|
|
3861
3861
|
overflow-wrap: anywhere;
|
|
3862
3862
|
word-break: break-word;
|
|
3863
3863
|
}
|
|
3864
|
-
`}const De=["AColumn","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],qe=["AColumn","BColumn","CColumn","DColumn","EColumn"],yc={AColumn:"AColumn",BColumnWidth:"BColumn",CColumnWidth:"CColumn",DColumnWidth:"DColumn",EColumnWidth:"EColumn"},vc=["textFontFamily","textFontSettings","textFontSize","textLineHeight","textLetterSpacing","textWordSpacing","textTextAppearance"];function Go(t,e){return`${t}${e.replace(/^text/,"Text")}`}function bc(t){return{textFontFamily:t.textFontFamily??"Arial",textFontSettings:t.textFontSettings??{fontWeight:400,fontStyle:"normal"},textFontSize:t.textFontSize,textLineHeight:t.textLineHeight,textLetterSpacing:t.textLetterSpacing??0,textWordSpacing:t.textWordSpacing??0,textTextAppearance:t.textTextAppearance,textColor:t.textColor}}function xc(t,e){const n=o=>{const i=Go(e,o),l=t[i];return l!==void 0?l:t[o]};return{textFontFamily:n("textFontFamily")??"Arial",textFontSettings:n("textFontSettings")??{fontWeight:400,fontStyle:"normal"},textFontSize:n("textFontSize"),textLineHeight:n("textLineHeight"),textLetterSpacing:n("textLetterSpacing")??0,textWordSpacing:n("textWordSpacing")??0,textTextAppearance:n("textTextAppearance"),textColor:t.textColor}}function Si(t,e){var r,s;const n=t.textFontSize??.01,o=n*1.2,i=Math.max(t.textLineHeight??n,o),l={fontSettings:{fontFamily:t.textFontFamily,fontWeight:((r=t.textFontSettings)==null?void 0:r.fontWeight)??400,fontStyle:((s=t.textFontSettings)==null?void 0:s.fontStyle)??"normal"},fontSize:n,lineHeight:i,letterSpacing:t.textLetterSpacing,wordSpacing:t.textWordSpacing,textAppearance:t.textTextAppearance,color:t.textColor??"#767676"};return pe(Vt(l,e))}function Cc(t,e){const n={};let o=!1;for(const i of vc)if(t[i]!==e[i]&&t[i]!==void 0){o=!0;for(const l of qe)n[Go(l,i)]=t[i]}return o?n:null}const Xt=["AColumnWidth","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],je=["AColumnPaddingLeft","BColumnPaddingLeft","CColumnPaddingLeft","DColumnPaddingLeft","EColumnPaddingLeft"],Ve=["AColumnPaddingRight","BColumnPaddingRight","CColumnPaddingRight","DColumnPaddingRight","EColumnPaddingRight"],Ke=["AColumnPaddingBottom","BColumnPaddingBottom","CColumnPaddingBottom","DColumnPaddingBottom","EColumnPaddingBottom"],Sc={textColor:"text-color",backgroundColor:"background-color",dividerColor:"divider-color",textHoverColor:"text-hover-color",backgroundHoverColor:"background-hover-color",dividerHoverColor:"divider-hover-color"},$c=["hover","focus","filled","success","error"],$i=.004,Qe=.004,Yo=50,pn=1440,mn=Yo/pn;function ur(t){const e=typeof t=="number"&&t>0?t:pn;return Yo/e}function wc(t){let e=t??null;for(;e;){const n=e.style.getPropertyValue("--cntrl-article-width").trim();if(n){const i=parseFloat(n);if(Number.isFinite(i)&&i>0)return i}const o=getComputedStyle(e).getPropertyValue("--cntrl-article-width").trim();if(o){const i=parseFloat(o);if(Number.isFinite(i)&&i>0)return i}e=e.parentElement}return pn}const pr={AColumnWidth:.02,BColumnWidth:.02,CColumnWidth:.02,DColumnWidth:.02,EColumnWidth:.02};function Nn(t){const e=typeof t.wrapperWidth=="number"?t.wrapperWidth:1;return Math.max(0,e)}function Tc(t,e=1){const n=e/t;return Object.fromEntries(Xt.map(o=>[o,n]))}function Lc(){return Object.fromEntries([...je.map(t=>[t,0]),...Ve.map(t=>[t,0])])}function _c(){return Object.fromEntries(Ke.map(t=>[t,0]))}function Fn(t){return Object.fromEntries(Xt.map(e=>[e,typeof t[e]=="number"?t[e]:pr[e]]))}function mr(t,e,n){const o=t-mn,i=e+n;if(i<=0||i<=o)return{paddingLeft:e,paddingRight:n};if(o<=0)return{paddingLeft:0,paddingRight:0};const l=o/i;return{paddingLeft:e*l,paddingRight:n*l}}function Hn(t,e,n){const o=qo(t,e,n);if(t<=0)return[];const i=o.slice(0,t-1).reduce((l,r)=>l+r,0);return[...o.slice(0,t-1),Math.max(0,e-i)]}function Ec(t,e,n){const o={};for(let i=0;i<t;i+=1){const l=je[i],r=Ve[i],s=typeof n[l]=="number"?n[l]:0,d=typeof n[r]=="number"?n[r]:0,u=mr(e[i]??0,s,d);u.paddingLeft!==s&&(o[l]=u.paddingLeft),u.paddingRight!==d&&(o[r]=u.paddingRight)}return o}function qo(t,e,n){if(t<=0)return[];const o=Xt.slice(0,t).map(u=>n[u]);if(t===1)return o;const i=o.slice(0,t-1),r=i.reduce((u,c)=>u+c,0)+mn;if(e>=r)return o;const s=[...i];let d=r-e;for(let u=s.length-1;u>=0&&d>0;u-=1){const c=s[u]-mn;if(c<=0)continue;const L=Math.min(d,c);s[u]-=L,d-=L}return[...s,o[t-1]]}function Pc(t,e,n){if(t<=1)return{};const o=qo(t,e,n),i={};for(let l=0;l<t-1;l+=1){const r=Xt[l];o[l]!==n[r]&&(i[r]=o[l])}return i}function wi(t){return Array.isArray(t.columnsOrder)&&t.columnsOrder.length>0?t.columnsOrder:[...De]}function Wc(t,e){return t.length!==e.length?!1:t.every((n,o)=>n===e[o])}function Fc(t,e,n,o){const i=Math.min(o,t.length,Xt.length),l={};for(let r=0;r<i;r+=1){const s=t[r],d=e.indexOf(s);if(d===-1)continue;const u=Xt[d],c=je[d],L=Ve[d],v=Ke[d],h=Xt[r],p=je[r],g=Ve[r],$=Ke[r],f=n[u],x=n[c],b=n[L],R=n[v];typeof f=="number"&&(l[h]=f),typeof x=="number"&&(l[p]=x),typeof b=="number"&&(l[g]=b),typeof R=="number"&&(l[$]=R)}return l}function Rc(t,e,n){const o=Cc(t,e);o&&(t={...t,...o});const i=ur(n==null?void 0:n.designWidth),l=t.columns,r=e.columns,s=Nn(t),d=Nn(e),u=t.type==="B"||t.type===void 0&&e.type==="B",c=typeof l=="number"?l:typeof r=="number"?r:De.length,L=b=>{if(u)return b;const R=Fn({...e,...b}),W=Nn(b),_=Hn(c,W,R),y=Ec(c,_,{...e,...b});return Object.keys(y).length===0?b:{...b,...y}};if(typeof l=="number"&&l!==r){const b={...t,...Tc(l,s),...Lc()};if(u)for(const R of Ke)typeof e[R]=="number"&&(b[R]=e[R]);else Object.assign(b,_c());return b}const v=wi(t),h=wi(e);if(!Wc(v,h))return L({...t,...Fc(v,h,e,c)});if(s<d&&typeof c=="number"&&!u){const b=Fn({...e,...t});return L({...t,...Pc(c,s,b)})}if(u){const b=typeof t.textPaddingLR=="number"?t.textPaddingLR:0,R=Math.max(0,(s-i)/2);return b>R?{...t,textPaddingLR:R}:t}const p=Fn({...e,...t}),g=Hn(c,d,Fn(e)),f=Hn(c,s,p).some((b,R)=>b<(g[R]??b)),x=Xt.some(b=>{const R=t[b],W=e[b];return typeof R=="number"&&typeof W=="number"&&R!==W});return f||x?L(t):t}function Ic(t,e,n,o){const i=e.slice(0,t).reduce((r,s)=>r+s,0),l=n.slice(t+1,e.length-1).reduce((r,s)=>r+s,0);return Math.max(mn,o-i-l-mn)}function Ac(t,e){return Math.random()*(e-t)+t}function kc(t){return Object.fromEntries(Xt.map(e=>[e,typeof t[e]=="number"?t[e]:pr[e]]))}function go(t,e,n=0){return Object.fromEntries(e.map(o=>[o,typeof t[o]=="number"?t[o]:n]))}function Mc(t,e,n,o,i,l){return t.slice(0,e).map((r,s)=>{const d=je[s],u=Ve[s],c=Ke[s];return{key:r,textPrefix:yc[r],widthKey:Xt[s],width:n[Xt[s]],paddingLeftKey:d,paddingRightKey:u,paddingBottomKey:c,paddingLeft:o[d],paddingRight:i[u],paddingBottom:l[c]}})}function Oc({settings:t,content:e,isEditor:n,isPreviewMode:o,activeEvent:i,layoutId:l,onUpdateSettings:r}){const{prefix:s}=S.useScopedStyles(),d=!!(n&&o),{columns:u,type:c,wrapperWidth:L,entriesCount:v,cellMinHeight:h,dividerWidth:p,showVisibility:g,cut:$,showCut:f,cutCellMinHeight:x,cutLabel:b,imageSize:R,imageOnHover:W,entryHoverEffect:_,rowPaddingTop:y,rowPaddingBottom:w,rowPaddingTopB:E,columnsOrder:H,textPaddingLR:F,textColor:O,textFontFamily:z,textFontSettings:V,textFontSize:K,textLineHeight:C,textLetterSpacing:k,textWordSpacing:I,textTextAppearance:A,backgroundColor:P,dividerColor:N,textHoverColor:Q,backgroundHoverColor:st,dividerHoverColor:ot}=t,[ut,M]=m.useState(void 0),[J,ht]=m.useState(null),pt=W==="On",gt=($??0)>0,D=c==="B",at=m.useRef(null),[B,T]=m.useState(pn),U=ur(B),q=Math.max(0,((L??0)-U)/2),Z=Math.min(F??0,q),it=Math.max(Z,Qe),rt=((L??0)+U)/2;m.useLayoutEffect(()=>{if(!n){T(pn);return}const ft=()=>{T(wc(at.current))};ft();const Tt=at.current;if(!Tt)return;const Ht=new ResizeObserver(ft);Ht.observe(Tt);let Bt=Tt;for(;Bt&&!Bt.style.getPropertyValue("--cntrl-article-width");)Bt=Bt.parentElement;return Bt&&Ht.observe(Bt),()=>Ht.disconnect()},[n,l]),m.useEffect(()=>{M(void 0)},[$,f,e,v]);const et=Si(bc(t),n),dt=m.useMemo(()=>Object.fromEntries(qe.map(ft=>[ft,Si(xc(t,ft),n)])),[t,z,V,K,C,k,I,A,O,n]),j=S.buildColorVars(s,{textColor:O,backgroundColor:P,dividerColor:N,textHoverColor:Q,backgroundHoverColor:st,dividerHoverColor:ot},Sc,$c),X=i&&i!=="default"?`${s}-state-${i}`:"",lt=`${_==="Default"?`${s}-entry-hover-default`:_==="Blinds"?`${s}-entry-hover-blinds`:""} ${X}`.trim(),nt=(g==null?void 0:g[0])??!1,ct=(g==null?void 0:g[1])??!1,Ct=m.useRef(t),Lt=m.useRef(l);m.useEffect(()=>{if(!r||!n){Ct.current=t,Lt.current=l;return}if(Lt.current!==l){Ct.current=t,Lt.current=l;return}const ft=Ct.current,Tt=Rc(t,ft,{designWidth:B});Ct.current=t,Tt!==t&&r(Tt)},[t,r,n,l,B]);const Pt=m.useMemo(()=>kc(t),[t.AColumnWidth,t.BColumnWidth,t.CColumnWidth,t.DColumnWidth,t.EColumnWidth]),Dt=m.useMemo(()=>go(t,je),[t.AColumnPaddingLeft,t.BColumnPaddingLeft,t.CColumnPaddingLeft,t.DColumnPaddingLeft,t.EColumnPaddingLeft]),St=m.useMemo(()=>go(t,Ve),[t.AColumnPaddingRight,t.BColumnPaddingRight,t.CColumnPaddingRight,t.DColumnPaddingRight,t.EColumnPaddingRight]),At=m.useMemo(()=>go(t,Ke),[t.AColumnPaddingBottom,t.BColumnPaddingBottom,t.CColumnPaddingBottom,t.DColumnPaddingBottom,t.EColumnPaddingBottom]),Kt=m.useMemo(()=>Array.isArray(H)&&H.length>0?H:[...De],[H]),yt=m.useMemo(()=>Mc(Kt,u,Pt,Dt,St,At),[Kt,u,Pt,Dt,St,At]),Wt=Nn(t),$t=m.useMemo(()=>Xt.slice(0,u).map(ft=>Pt[ft]),[u,Pt]),Mt=m.useMemo(()=>qo(u,Wt,Pt),[u,Wt,Pt]),kt=m.useMemo(()=>Hn(u,Wt,Pt),[u,Wt,Pt]),Rt=m.useMemo(()=>yt.map((ft,Tt)=>mr(kt[Tt]??0,ft.paddingLeft,ft.paddingRight)),[yt,kt]),It=m.useMemo(()=>{const ft=v===0?1/0:v;return(e??[]).slice(0,ft).map((Ht,Bt)=>({id:Bt,cells:Object.fromEntries(De.map(he=>[he,Ht[he]??""])),image:Ht.image,link:Ht.link}))},[e,v]),Ut=gt?ut??$:It.length,oe=m.useMemo(()=>gt?It.slice(0,Ut):It,[It,gt,Ut]),Jt=gt&&Ut<It.length,oo=oe.length>1||Jt,io=[nt?`${s}-divider-top`:"",ct||oo?`${s}-divider-bottom`:""].filter(Boolean).join(" "),ro=()=>{const ft=ut??$;if(!f){M(It.length);return}M(Math.min(ft+f,It.length))},bt=ft=>S.scalingValue(ft,n??!1),Xe=D?E??0:y??0,Sn=w??0,vt=h??0,Qt=D?"rowPaddingTopB":"rowPaddingTop",jt=yt[0],Ot=yt[yt.length-1],Gt=Rt[0],Ze=Rt[Rt.length-1],gr=jt&&Gt?Math.max(Gt.paddingLeft,Qe):0,Xo=Ot&&Ze?Math.max(Ze.paddingRight,Qe):0,hr=Wt,fr=ft=>{if(!pt)return;const Tt=ft.image;if(!(Tt!=null&&Tt.url)){ht(null);return}if((J==null?void 0:J.rowId)===ft.id)return;const Ht=(R==null?void 0:R.min)??80,Bt=(R==null?void 0:R.max)??320;ht({rowId:ft.id,url:Tt.url,objectFit:Tt.objectFit??"cover",widthPx:Ac(Ht,Bt)})},yr=()=>{ht(null)};return a.jsxs(a.Fragment,{children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:fc(s)}}),a.jsx("div",{style:j,children:a.jsxs("div",{ref:at,className:`${s}-wrapper ${lt}${io?` ${io}`:""}${D?` ${s}-type-b`:""}`.trim(),style:{width:S.scalingValue(L??0,n)},onMouseLeave:pt?yr:void 0,children:[a.jsxs("div",{style:{width:"100%"},children:[oe.map((ft,Tt)=>{var Je;const Ht=(((Je=ft.link)==null?void 0:Je.length)??0)>0,Bt=Ht?"a":"div",he=gc(Tt,oe.length,nt,ct,Jt,p??0,n??!1);return a.jsxs(Bt,{className:`${s}-list-item`,...Ht?{href:ft.link,target:"_blank"}:{},style:he,onMouseEnter:pt?()=>fr(ft):void 0,children:[(Xe>0||d)&&a.jsx("div",{...d?{"data-controls":Qt,"data-controls-axis":"y","data-controls-min":"0"}:{},className:`${s}-row-padding-handle`,style:{height:bt(Xe)}}),a.jsx("div",{className:`${s}-list-cols-row`,style:D?void 0:{minHeight:bt(vt)},children:yt.map((ie,Re)=>{const $n=Re===yt.length-1,wn=Rt[Re],Tn=ie.paddingBottom,ao=mc(ft.cells[ie.key]),vr=D&&ao&&(Tn>0||d),br=D?{minHeight:bt(vt)}:$n?{}:{width:bt(kt[Re])},xr=D?{paddingLeft:bt(Z),paddingRight:bt(Z)}:{paddingLeft:bt(wn.paddingLeft),paddingRight:bt(wn.paddingRight)};return a.jsxs("div",{children:[a.jsx("div",{className:`${s}-list-col${$n?` ${s}-list-col-last`:""}`,style:{...xr,...br},"data-test":ie.width,children:a.jsx("span",{className:`${s}-list-col-title`,style:dt[ie.textPrefix]??et,children:ft.cells[ie.key]??null})}),vr&&a.jsx("div",{...d?{"data-controls":ie.paddingBottomKey,"data-controls-axis":"y","data-controls-min":"0"}:{},className:`${s}-row-padding-handle`,style:{height:bt(Tn)}})]},ie.key)})}),!D&&(Sn>0||d)&&a.jsx("div",{...d?{"data-controls":"rowPaddingBottom","data-controls-axis":"y","data-controls-min":"0"}:{},className:`${s}-row-padding-handle`,style:{height:bt(Sn)}})]},ft.id)}),Jt&&a.jsx("div",{className:`${s}-cut-item`,style:{minHeight:bt(x??0),...hc(ct,p??0,n??!1)},children:a.jsx("div",{className:`${s}-list-cols-row`,style:D?{paddingLeft:bt(Z),paddingRight:bt(Z)}:{justifyContent:"center"},children:a.jsx("button",{type:"button",className:`${s}-cut-label`,style:et,onClick:ro,children:b})})})]}),d&&!D&&jt&&Ot&&a.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[a.jsx("div",{"data-controls":jt.paddingLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(kt[0]-((Gt==null?void 0:Gt.paddingRight)??0)),"data-controls-static-handle":"",className:`${s}-padding-control-handle`,style:{position:"absolute",top:0,left:0,width:bt(gr),height:"100%",pointerEvents:"auto",zIndex:2}}),a.jsx("div",{"data-controls":Ot.paddingRightKey,"data-controls-axis":"x","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(kt[yt.length-1]-((Ze==null?void 0:Ze.paddingLeft)??0)),"data-controls-static-handle":"",className:`${s}-padding-control-handle`,style:{position:"absolute",top:0,left:bt(hr-Xo),width:bt(Xo),height:"100%",pointerEvents:"auto",zIndex:2}})]},"column-edge-padding-handles"),d&&!D&&yt.slice(0,-1).map((ft,Tt)=>{const Ht=yt[Tt+1],Bt=Ic(Tt,Mt,$t,Wt),he=Mt.slice(0,Tt+1).reduce((Tn,ao)=>Tn+ao,0),Je=Rt[Tt],ie=Rt[Tt+1],Re=Math.max(Je.paddingRight,Qe),$n=Math.max(ie.paddingLeft,Qe),wn=he-$i/2;return a.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[a.jsx("div",{"data-controls":ft.paddingRightKey,"data-controls-axis":"x","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(kt[Tt]-Je.paddingLeft),"data-controls-static-handle":"",className:`${s}-padding-control-handle`,style:{position:"absolute",top:0,left:bt(he-Re),width:bt(Re),height:"100%",pointerEvents:"auto",zIndex:2}}),a.jsx("div",{"data-controls":ft.widthKey,"data-controls-axis":"x","data-controls-min":String(Yo),"data-controls-max-fraction":String(Bt),"data-controls-variant":"column-width",className:`${s}-col-resize-handle`,style:{position:"absolute",top:"0px",left:bt(wn),width:bt($i),height:"calc(100%)",pointerEvents:"auto",zIndex:4}}),a.jsx("div",{"data-controls":Ht.paddingLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(kt[Tt+1]-ie.paddingRight),"data-controls-static-handle":"",className:`${s}-padding-control-handle`,style:{position:"absolute",top:0,left:bt(he),width:bt($n),height:"100%",pointerEvents:"auto",zIndex:2}})]},`${ft.widthKey}-junction`)}),d&&D&&a.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[a.jsx("div",{"data-controls":"textPaddingLR","data-controls-paired":"","data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(rt),"data-controls-static-handle":"",className:`${s}-text-padding-lr-handle`,style:{position:"absolute",top:0,left:0,width:bt(it),height:"100%",pointerEvents:"auto",zIndex:2}}),a.jsx("div",{"data-controls":"textPaddingLR","data-controls-paired":"","data-controls-axis":"x","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(rt),"data-controls-static-handle":"",className:`${s}-text-padding-lr-handle`,style:{position:"absolute",top:0,left:bt(Math.max(it,Wt-it)),width:bt(it),height:"100%",pointerEvents:"auto",zIndex:2}})]},"text-padding-lr-handles"),pt&&J&&a.jsx("img",{className:`${s}-hover-image`,src:J.url,alt:"",style:{width:On(J.widthPx),objectFit:J.objectFit}})]})})]})}const Nc=`import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
3864
|
+
`}const De=["AColumn","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],qe=["AColumn","BColumn","CColumn","DColumn","EColumn"],yc={AColumn:"AColumn",BColumnWidth:"BColumn",CColumnWidth:"CColumn",DColumnWidth:"DColumn",EColumnWidth:"EColumn"},vc=["textFontFamily","textFontSettings","textFontSize","textLineHeight","textLetterSpacing","textWordSpacing","textTextAppearance"];function Go(t,e){return`${t}${e.replace(/^text/,"Text")}`}function bc(t){return{textFontFamily:t.textFontFamily??"Arial",textFontSettings:t.textFontSettings??{fontWeight:400,fontStyle:"normal"},textFontSize:t.textFontSize,textLineHeight:t.textLineHeight,textLetterSpacing:t.textLetterSpacing??0,textWordSpacing:t.textWordSpacing??0,textTextAppearance:t.textTextAppearance,textColor:t.textColor}}function xc(t,e){const n=o=>{const i=Go(e,o),l=t[i];return l!==void 0?l:t[o]};return{textFontFamily:n("textFontFamily")??"Arial",textFontSettings:n("textFontSettings")??{fontWeight:400,fontStyle:"normal"},textFontSize:n("textFontSize"),textLineHeight:n("textLineHeight"),textLetterSpacing:n("textLetterSpacing")??0,textWordSpacing:n("textWordSpacing")??0,textTextAppearance:n("textTextAppearance"),textColor:t.textColor}}function Si(t,e){var r,s;const n=t.textFontSize??.01,o=n*1.2,i=Math.max(t.textLineHeight??n,o),l={fontSettings:{fontFamily:t.textFontFamily,fontWeight:((r=t.textFontSettings)==null?void 0:r.fontWeight)??400,fontStyle:((s=t.textFontSettings)==null?void 0:s.fontStyle)??"normal"},fontSize:n,lineHeight:i,letterSpacing:t.textLetterSpacing,wordSpacing:t.textWordSpacing,textAppearance:t.textTextAppearance,color:t.textColor??"#767676"};return pe(Vt(l,e))}function Cc(t,e){const n={};let o=!1;for(const i of vc)if(t[i]!==e[i]&&t[i]!==void 0){o=!0;for(const l of qe)n[Go(l,i)]=t[i]}return o?n:null}const Xt=["AColumnWidth","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],je=["AColumnPaddingLeft","BColumnPaddingLeft","CColumnPaddingLeft","DColumnPaddingLeft","EColumnPaddingLeft"],Ve=["AColumnPaddingRight","BColumnPaddingRight","CColumnPaddingRight","DColumnPaddingRight","EColumnPaddingRight"],Ke=["AColumnPaddingBottom","BColumnPaddingBottom","CColumnPaddingBottom","DColumnPaddingBottom","EColumnPaddingBottom"],Sc={textColor:"text-color",backgroundColor:"background-color",dividerColor:"divider-color",textHoverColor:"text-hover-color",backgroundHoverColor:"background-hover-color",dividerHoverColor:"divider-hover-color"},$c=["hover","focus","filled","success","error"],$i=.004,Qe=.004,Yo=50,pn=1440,mn=Yo/pn;function ur(t){const e=typeof t=="number"&&t>0?t:pn;return Yo/e}function wc(t){let e=t??null;for(;e;){const n=e.style.getPropertyValue("--cntrl-article-width").trim();if(n){const i=parseFloat(n);if(Number.isFinite(i)&&i>0)return i}const o=getComputedStyle(e).getPropertyValue("--cntrl-article-width").trim();if(o){const i=parseFloat(o);if(Number.isFinite(i)&&i>0)return i}e=e.parentElement}return pn}const pr={AColumnWidth:.02,BColumnWidth:.02,CColumnWidth:.02,DColumnWidth:.02,EColumnWidth:.02};function Nn(t){const e=typeof t.wrapperWidth=="number"?t.wrapperWidth:1;return Math.max(0,e)}function Tc(t,e=1){const n=e/t;return Object.fromEntries(Xt.map(o=>[o,n]))}function Lc(){return Object.fromEntries([...je.map(t=>[t,0]),...Ve.map(t=>[t,0])])}function _c(){return Object.fromEntries(Ke.map(t=>[t,0]))}function Fn(t){return Object.fromEntries(Xt.map(e=>[e,typeof t[e]=="number"?t[e]:pr[e]]))}function mr(t,e,n){const o=t-mn,i=e+n;if(i<=0||i<=o)return{paddingLeft:e,paddingRight:n};if(o<=0)return{paddingLeft:0,paddingRight:0};const l=o/i;return{paddingLeft:e*l,paddingRight:n*l}}function Hn(t,e,n){const o=qo(t,e,n);if(t<=0)return[];const i=o.slice(0,t-1).reduce((l,r)=>l+r,0);return[...o.slice(0,t-1),Math.max(0,e-i)]}function Ec(t,e,n){const o={};for(let i=0;i<t;i+=1){const l=je[i],r=Ve[i],s=typeof n[l]=="number"?n[l]:0,d=typeof n[r]=="number"?n[r]:0,u=mr(e[i]??0,s,d);u.paddingLeft!==s&&(o[l]=u.paddingLeft),u.paddingRight!==d&&(o[r]=u.paddingRight)}return o}function qo(t,e,n){if(t<=0)return[];const o=Xt.slice(0,t).map(u=>n[u]);if(t===1)return o;const i=o.slice(0,t-1),r=i.reduce((u,c)=>u+c,0)+mn;if(e>=r)return o;const s=[...i];let d=r-e;for(let u=s.length-1;u>=0&&d>0;u-=1){const c=s[u]-mn;if(c<=0)continue;const L=Math.min(d,c);s[u]-=L,d-=L}return[...s,o[t-1]]}function Pc(t,e,n){if(t<=1)return{};const o=qo(t,e,n),i={};for(let l=0;l<t-1;l+=1){const r=Xt[l];o[l]!==n[r]&&(i[r]=o[l])}return i}function wi(t){return Array.isArray(t.columnsOrder)&&t.columnsOrder.length>0?t.columnsOrder:[...De]}function Wc(t,e){return t.length!==e.length?!1:t.every((n,o)=>n===e[o])}function Fc(t,e,n,o){const i=Math.min(o,t.length,Xt.length),l={};for(let r=0;r<i;r+=1){const s=t[r],d=e.indexOf(s);if(d===-1)continue;const u=Xt[d],c=je[d],L=Ve[d],v=Ke[d],h=Xt[r],p=je[r],g=Ve[r],$=Ke[r],f=n[u],x=n[c],b=n[L],R=n[v];typeof f=="number"&&(l[h]=f),typeof x=="number"&&(l[p]=x),typeof b=="number"&&(l[g]=b),typeof R=="number"&&(l[$]=R)}return l}function Rc(t,e,n){const o=Cc(t,e);o&&(t={...t,...o});const i=ur(n==null?void 0:n.designWidth),l=t.columns,r=e.columns,s=Nn(t),d=Nn(e),u=t.type==="B"||t.type===void 0&&e.type==="B",c=typeof l=="number"?l:typeof r=="number"?r:De.length,L=b=>{if(u)return b;const R=Fn({...e,...b}),W=Nn(b),_=Hn(c,W,R),y=Ec(c,_,{...e,...b});return Object.keys(y).length===0?b:{...b,...y}};if(typeof l=="number"&&l!==r){const b={...t,...Tc(l,s),...Lc()};if(u)for(const R of Ke)typeof e[R]=="number"&&(b[R]=e[R]);else Object.assign(b,_c());return b}const v=wi(t),h=wi(e);if(!Wc(v,h))return L({...t,...Fc(v,h,e,c)});if(s<d&&typeof c=="number"&&!u){const b=Fn({...e,...t});return L({...t,...Pc(c,s,b)})}if(u){const b=typeof t.textPaddingLR=="number"?t.textPaddingLR:0,R=Math.max(0,(s-i)/2);return b>R?{...t,textPaddingLR:R}:t}const p=Fn({...e,...t}),g=Hn(c,d,Fn(e)),f=Hn(c,s,p).some((b,R)=>b<(g[R]??b)),x=Xt.some(b=>{const R=t[b],W=e[b];return typeof R=="number"&&typeof W=="number"&&R!==W});return f||x?L(t):t}function Ic(t,e,n,o){const i=e.slice(0,t).reduce((r,s)=>r+s,0),l=n.slice(t+1,e.length-1).reduce((r,s)=>r+s,0);return Math.max(mn,o-i-l-mn)}function Ac(t,e){return Math.random()*(e-t)+t}function kc(t){return Object.fromEntries(Xt.map(e=>[e,typeof t[e]=="number"?t[e]:pr[e]]))}function go(t,e,n=0){return Object.fromEntries(e.map(o=>[o,typeof t[o]=="number"?t[o]:n]))}function Mc(t,e,n,o,i,l){return t.slice(0,e).map((r,s)=>{const d=je[s],u=Ve[s],c=Ke[s];return{key:r,textPrefix:yc[r],widthKey:Xt[s],width:n[Xt[s]],paddingLeftKey:d,paddingRightKey:u,paddingBottomKey:c,paddingLeft:o[d],paddingRight:i[u],paddingBottom:l[c]}})}function Oc({settings:t,content:e,isEditor:n,isPreviewMode:o,activeEvent:i,layoutId:l,onUpdateSettings:r}){const{prefix:s}=S.useScopedStyles(),d=!!(n&&o),{columns:u,type:c,wrapperWidth:L,entriesCount:v,cellMinHeight:h,dividerWidth:p,showVisibility:g,cut:$,showCut:f,cutCellMinHeight:x,cutLabel:b,imageSize:R,imageOnHover:W,entryHoverEffect:_,rowPaddingTop:y,rowPaddingBottom:w,rowPaddingTopB:E,columnsOrder:H,textPaddingLR:F,textColor:O,textFontFamily:z,textFontSettings:V,textFontSize:K,textLineHeight:C,textLetterSpacing:k,textWordSpacing:I,textTextAppearance:A,backgroundColor:P,dividerColor:N,textHoverColor:Q,backgroundHoverColor:st,dividerHoverColor:ot}=t,[ut,M]=m.useState(void 0),[J,ht]=m.useState(null),pt=W==="On",gt=($??0)>0,D=c==="B",at=m.useRef(null),[B,T]=m.useState(pn),U=ur(B),q=Math.max(0,((L??0)-U)/2),Z=Math.min(F??0,q),it=Math.max(Z,Qe),rt=((L??0)+U)/2;m.useLayoutEffect(()=>{if(!n){T(pn);return}const ft=()=>{T(wc(at.current))};ft();const Tt=at.current;if(!Tt)return;const Ht=new ResizeObserver(ft);Ht.observe(Tt);let Bt=Tt;for(;Bt&&!Bt.style.getPropertyValue("--cntrl-article-width");)Bt=Bt.parentElement;return Bt&&Ht.observe(Bt),()=>Ht.disconnect()},[n,l]),m.useEffect(()=>{M(void 0)},[$,f,e,v]);const et=Si(bc(t),n),dt=m.useMemo(()=>Object.fromEntries(qe.map(ft=>[ft,Si(xc(t,ft),n)])),[t,z,V,K,C,k,I,A,O,n]),j=S.buildColorVars(s,{textColor:O,backgroundColor:P,dividerColor:N,textHoverColor:Q,backgroundHoverColor:st,dividerHoverColor:ot},Sc,$c),X=i&&i!=="default"?`${s}-state-${i}`:"",lt=`${_==="Default"?`${s}-entry-hover-default`:_==="Blinds"?`${s}-entry-hover-blinds`:""} ${X}`.trim(),nt=(g==null?void 0:g[0])??!1,ct=(g==null?void 0:g[1])??!1,Ct=m.useRef(t),Lt=m.useRef(l);m.useEffect(()=>{if(!r||!n){Ct.current=t,Lt.current=l;return}if(Lt.current!==l){Ct.current=t,Lt.current=l;return}const ft=Ct.current,Tt=Rc(t,ft,{designWidth:B});Ct.current=t,Tt!==t&&r(Tt)},[t,r,n,l,B]);const Pt=m.useMemo(()=>kc(t),[t.AColumnWidth,t.BColumnWidth,t.CColumnWidth,t.DColumnWidth,t.EColumnWidth]),Dt=m.useMemo(()=>go(t,je),[t.AColumnPaddingLeft,t.BColumnPaddingLeft,t.CColumnPaddingLeft,t.DColumnPaddingLeft,t.EColumnPaddingLeft]),St=m.useMemo(()=>go(t,Ve),[t.AColumnPaddingRight,t.BColumnPaddingRight,t.CColumnPaddingRight,t.DColumnPaddingRight,t.EColumnPaddingRight]),At=m.useMemo(()=>go(t,Ke),[t.AColumnPaddingBottom,t.BColumnPaddingBottom,t.CColumnPaddingBottom,t.DColumnPaddingBottom,t.EColumnPaddingBottom]),Kt=m.useMemo(()=>Array.isArray(H)&&H.length>0?H:[...De],[H]),yt=m.useMemo(()=>Mc(Kt,u,Pt,Dt,St,At),[Kt,u,Pt,Dt,St,At]),Wt=Nn(t),$t=m.useMemo(()=>Xt.slice(0,u).map(ft=>Pt[ft]),[u,Pt]),Mt=m.useMemo(()=>qo(u,Wt,Pt),[u,Wt,Pt]),kt=m.useMemo(()=>Hn(u,Wt,Pt),[u,Wt,Pt]),Rt=m.useMemo(()=>yt.map((ft,Tt)=>mr(kt[Tt]??0,ft.paddingLeft,ft.paddingRight)),[yt,kt]),It=m.useMemo(()=>{const ft=v===0?1/0:v;return(e??[]).slice(0,ft).map((Ht,Bt)=>({id:Bt,cells:Object.fromEntries(De.map(he=>[he,Ht[he]??""])),image:Ht.image,link:Ht.link}))},[e,v]),Ut=gt?ut??$:It.length,oe=m.useMemo(()=>gt?It.slice(0,Ut):It,[It,gt,Ut]),Jt=gt&&Ut<It.length,oo=oe.length>1||Jt,io=[nt?`${s}-divider-top`:"",ct||oo?`${s}-divider-bottom`:""].filter(Boolean).join(" "),ro=()=>{const ft=ut??$;if(!f){M(It.length);return}M(Math.min(ft+f,It.length))},bt=ft=>S.scalingValue(ft,n??!1),Xe=D?E??0:y??0,Sn=w??0,vt=h??0,Qt=D?"rowPaddingTopB":"rowPaddingTop",jt=yt[0],Ot=yt[yt.length-1],Gt=Rt[0],Ze=Rt[Rt.length-1],gr=jt&&Gt?Math.max(Gt.paddingLeft,Qe):0,Xo=Ot&&Ze?Math.max(Ze.paddingRight,Qe):0,hr=Wt,fr=ft=>{if(!pt)return;const Tt=ft.image;if(!(Tt!=null&&Tt.url)){ht(null);return}if((J==null?void 0:J.rowId)===ft.id)return;const Ht=(R==null?void 0:R.min)??80,Bt=(R==null?void 0:R.max)??320;ht({rowId:ft.id,url:Tt.url,objectFit:Tt.objectFit??"cover",widthPx:Ac(Ht,Bt)})},yr=()=>{ht(null)};return a.jsxs(a.Fragment,{children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:fc(s)}}),a.jsx("div",{style:j,children:a.jsxs("div",{ref:at,className:`${s}-wrapper ${lt}${io?` ${io}`:""}${D?` ${s}-type-b`:""}`.trim(),style:{width:S.scalingValue(L??0,n)},onMouseLeave:pt?yr:void 0,children:[a.jsxs("div",{style:{width:"100%"},children:[oe.map((ft,Tt)=>{var Je;const Ht=(((Je=ft.link)==null?void 0:Je.length)??0)>0,Bt=Ht?"a":"div",he=gc(Tt,oe.length,nt,ct,Jt,p??0,n??!1);return a.jsxs(Bt,{className:`${s}-list-item`,...Ht?{href:ft.link,target:"_blank"}:{},style:he,onMouseEnter:pt?()=>fr(ft):void 0,children:[(Xe>0||d)&&a.jsx("div",{...d?{"data-controls":Qt,"data-controls-axis":"y","data-controls-min":"0"}:{},className:`${s}-row-padding-handle`,style:{height:bt(Xe)}}),a.jsx("div",{className:`${s}-list-cols-row`,style:D?void 0:{minHeight:bt(vt)},children:yt.map((ie,Re)=>{const $n=Re===yt.length-1,wn=Rt[Re],Tn=ie.paddingBottom,ao=mc(ft.cells[ie.key]),vr=D&&ao&&(Tn>0||d),br=D?{minHeight:bt(vt)}:$n?{}:{width:bt(kt[Re])},xr=D?{paddingLeft:bt(Z),paddingRight:bt(Z)}:{paddingLeft:bt(wn.paddingLeft),paddingRight:bt(wn.paddingRight)};return a.jsxs("div",{children:[a.jsx("div",{className:`${s}-list-col${$n?` ${s}-list-col-last`:""}`,style:{...xr,...br},"data-test":ie.width,children:a.jsx("span",{className:`${s}-list-col-title`,style:dt[ie.textPrefix]??et,children:ft.cells[ie.key]??null})}),vr&&a.jsx("div",{...d?{"data-controls":ie.paddingBottomKey,"data-controls-axis":"y","data-controls-min":"0"}:{},className:`${s}-row-padding-handle`,style:{height:bt(Tn)}})]},ie.key)})}),!D&&(Sn>0||d)&&a.jsx("div",{...d?{"data-controls":"rowPaddingBottom","data-controls-axis":"y","data-controls-min":"0"}:{},className:`${s}-row-padding-handle`,style:{height:bt(Sn)}})]},ft.id)}),Jt&&a.jsx("div",{className:`${s}-cut-item`,style:{minHeight:bt(x??0),...hc(ct,p??0,n??!1)},children:a.jsx("div",{className:`${s}-list-cols-row`,style:D?{paddingLeft:bt(Z),paddingRight:bt(Z)}:{justifyContent:"center"},children:a.jsx("button",{type:"button",className:`${s}-cut-label`,style:et,onClick:ro,children:b})})})]}),d&&!D&&jt&&Ot&&a.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[a.jsx("div",{"data-controls":jt.paddingLeftKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(kt[0]-((Gt==null?void 0:Gt.paddingRight)??0)),"data-controls-static-handle":"",className:`${s}-padding-control-handle`,style:{position:"absolute",top:0,left:0,width:bt(gr),height:"100%",pointerEvents:"auto",zIndex:2}}),a.jsx("div",{"data-controls":Ot.paddingRightKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(kt[yt.length-1]-((Ze==null?void 0:Ze.paddingLeft)??0)),"data-controls-static-handle":"",className:`${s}-padding-control-handle`,style:{position:"absolute",top:0,left:bt(hr-Xo),width:bt(Xo),height:"100%",pointerEvents:"auto",zIndex:2}})]},"column-edge-padding-handles"),d&&!D&&yt.slice(0,-1).map((ft,Tt)=>{const Ht=yt[Tt+1],Bt=Ic(Tt,Mt,$t,Wt),he=Mt.slice(0,Tt+1).reduce((Tn,ao)=>Tn+ao,0),Je=Rt[Tt],ie=Rt[Tt+1],Re=Math.max(Je.paddingRight,Qe),$n=Math.max(ie.paddingLeft,Qe),wn=he-$i/2;return a.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[a.jsx("div",{"data-controls":ft.paddingRightKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(kt[Tt]-Je.paddingLeft),"data-controls-static-handle":"",className:`${s}-padding-control-handle`,style:{position:"absolute",top:0,left:bt(he-Re),width:bt(Re),height:"100%",pointerEvents:"auto",zIndex:2}}),a.jsx("div",{"data-controls":ft.widthKey,"data-controls-axis":"x","data-controls-min":String(Yo),"data-controls-max-fraction":String(Bt),"data-controls-variant":"column-width",className:`${s}-col-resize-handle`,style:{position:"absolute",top:"0px",left:bt(wn),width:bt($i),height:"calc(100%)",pointerEvents:"auto",zIndex:4}}),a.jsx("div",{"data-controls":Ht.paddingLeftKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(kt[Tt+1]-ie.paddingRight),"data-controls-static-handle":"",className:`${s}-padding-control-handle`,style:{position:"absolute",top:0,left:bt(he),width:bt($n),height:"100%",pointerEvents:"auto",zIndex:2}})]},`${ft.widthKey}-junction`)}),d&&D&&a.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[a.jsx("div",{"data-controls":"textPaddingLR","data-controls-paired":"","data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(rt),"data-controls-static-handle":"",className:`${s}-text-padding-lr-handle`,style:{position:"absolute",top:0,left:0,width:bt(it),height:"100%",pointerEvents:"auto",zIndex:2}}),a.jsx("div",{"data-controls":"textPaddingLR","data-controls-paired":"","data-controls-axis":"x","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(rt),"data-controls-static-handle":"",className:`${s}-text-padding-lr-handle`,style:{position:"absolute",top:0,left:bt(Math.max(it,Wt-it)),width:bt(it),height:"100%",pointerEvents:"auto",zIndex:2}})]},"text-padding-lr-handles"),pt&&J&&a.jsx("img",{className:`${s}-hover-image`,src:J.url,alt:"",style:{width:On(J.widthPx),objectFit:J.objectFit}})]})})]})}const Nc=`import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
3865
3865
|
import { CommonComponentProps } from '../props';
|
|
3866
3866
|
import { buildColorVars, scalingValue, useScopedStyles } from '../utils/index';
|
|
3867
3867
|
import { omitTextColors, TextStyles, textStylesToCss } from '../utils/textStylesToCss';
|
|
@@ -5557,6 +5557,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
|
|
|
5557
5557
|
<div
|
|
5558
5558
|
data-controls={firstColumn.paddingLeftKey}
|
|
5559
5559
|
data-controls-axis="x"
|
|
5560
|
+
data-controls-variant="column-padding"
|
|
5560
5561
|
data-controls-min="0"
|
|
5561
5562
|
data-controls-max-fraction={String(
|
|
5562
5563
|
effectiveColumnWidths[0] - (firstColumnEffectivePadding?.paddingRight ?? 0),
|
|
@@ -5576,6 +5577,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
|
|
|
5576
5577
|
<div
|
|
5577
5578
|
data-controls={lastColumn.paddingRightKey}
|
|
5578
5579
|
data-controls-axis="x"
|
|
5580
|
+
data-controls-variant="column-padding"
|
|
5579
5581
|
data-controls-reverse=""
|
|
5580
5582
|
data-controls-min="0"
|
|
5581
5583
|
data-controls-max-fraction={String(
|
|
@@ -5622,6 +5624,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
|
|
|
5622
5624
|
<div
|
|
5623
5625
|
data-controls={col.paddingRightKey}
|
|
5624
5626
|
data-controls-axis="x"
|
|
5627
|
+
data-controls-variant="column-padding"
|
|
5625
5628
|
data-controls-reverse=""
|
|
5626
5629
|
data-controls-min="0"
|
|
5627
5630
|
data-controls-max-fraction={String(
|
|
@@ -5659,6 +5662,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
|
|
|
5659
5662
|
<div
|
|
5660
5663
|
data-controls={nextCol.paddingLeftKey}
|
|
5661
5664
|
data-controls-axis="x"
|
|
5665
|
+
data-controls-variant="column-padding"
|
|
5662
5666
|
data-controls-min="0"
|
|
5663
5667
|
data-controls-max-fraction={String(
|
|
5664
5668
|
effectiveColumnWidths[colIndex + 1] - nextColEffectivePadding.paddingRight,
|
package/dist/index.mjs
CHANGED
|
@@ -13850,6 +13850,7 @@ function Yc({ settings: t, content: e, isEditor: n, isPreviewMode: o, activeEven
|
|
|
13850
13850
|
{
|
|
13851
13851
|
"data-controls": Gt.paddingLeftKey,
|
|
13852
13852
|
"data-controls-axis": "x",
|
|
13853
|
+
"data-controls-variant": "column-padding",
|
|
13853
13854
|
"data-controls-min": "0",
|
|
13854
13855
|
"data-controls-max-fraction": String(
|
|
13855
13856
|
Ht[0] - ((Zt == null ? void 0 : Zt.paddingRight) ?? 0)
|
|
@@ -13872,6 +13873,7 @@ function Yc({ settings: t, content: e, isEditor: n, isPreviewMode: o, activeEven
|
|
|
13872
13873
|
{
|
|
13873
13874
|
"data-controls": zt.paddingRightKey,
|
|
13874
13875
|
"data-controls-axis": "x",
|
|
13876
|
+
"data-controls-variant": "column-padding",
|
|
13875
13877
|
"data-controls-reverse": "",
|
|
13876
13878
|
"data-controls-min": "0",
|
|
13877
13879
|
"data-controls-max-fraction": String(
|
|
@@ -13910,6 +13912,7 @@ function Yc({ settings: t, content: e, isEditor: n, isPreviewMode: o, activeEven
|
|
|
13910
13912
|
{
|
|
13911
13913
|
"data-controls": yt.paddingRightKey,
|
|
13912
13914
|
"data-controls-axis": "x",
|
|
13915
|
+
"data-controls-variant": "column-padding",
|
|
13913
13916
|
"data-controls-reverse": "",
|
|
13914
13917
|
"data-controls-min": "0",
|
|
13915
13918
|
"data-controls-max-fraction": String(
|
|
@@ -13953,6 +13956,7 @@ function Yc({ settings: t, content: e, isEditor: n, isPreviewMode: o, activeEven
|
|
|
13953
13956
|
{
|
|
13954
13957
|
"data-controls": Vt.paddingLeftKey,
|
|
13955
13958
|
"data-controls-axis": "x",
|
|
13959
|
+
"data-controls-variant": "column-padding",
|
|
13956
13960
|
"data-controls-min": "0",
|
|
13957
13961
|
"data-controls-max-fraction": String(
|
|
13958
13962
|
Ht[Et + 1] - ce.paddingRight
|
|
@@ -15730,6 +15734,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
|
|
|
15730
15734
|
<div
|
|
15731
15735
|
data-controls={firstColumn.paddingLeftKey}
|
|
15732
15736
|
data-controls-axis="x"
|
|
15737
|
+
data-controls-variant="column-padding"
|
|
15733
15738
|
data-controls-min="0"
|
|
15734
15739
|
data-controls-max-fraction={String(
|
|
15735
15740
|
effectiveColumnWidths[0] - (firstColumnEffectivePadding?.paddingRight ?? 0),
|
|
@@ -15749,6 +15754,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
|
|
|
15749
15754
|
<div
|
|
15750
15755
|
data-controls={lastColumn.paddingRightKey}
|
|
15751
15756
|
data-controls-axis="x"
|
|
15757
|
+
data-controls-variant="column-padding"
|
|
15752
15758
|
data-controls-reverse=""
|
|
15753
15759
|
data-controls-min="0"
|
|
15754
15760
|
data-controls-max-fraction={String(
|
|
@@ -15795,6 +15801,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
|
|
|
15795
15801
|
<div
|
|
15796
15802
|
data-controls={col.paddingRightKey}
|
|
15797
15803
|
data-controls-axis="x"
|
|
15804
|
+
data-controls-variant="column-padding"
|
|
15798
15805
|
data-controls-reverse=""
|
|
15799
15806
|
data-controls-min="0"
|
|
15800
15807
|
data-controls-max-fraction={String(
|
|
@@ -15832,6 +15839,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
|
|
|
15832
15839
|
<div
|
|
15833
15840
|
data-controls={nextCol.paddingLeftKey}
|
|
15834
15841
|
data-controls-axis="x"
|
|
15842
|
+
data-controls-variant="column-padding"
|
|
15835
15843
|
data-controls-min="0"
|
|
15836
15844
|
data-controls-max-fraction={String(
|
|
15837
15845
|
effectiveColumnWidths[colIndex + 1] - nextColEffectivePadding.paddingRight,
|