@cntrl-site/components 1.0.12-alpha.17 → 1.0.12-alpha.18

package/dist/Components/LightboxJournal/LightboxJournal.d.ts

@@ -10,7 +10,7 @@ export type LightboxJournalItem = {
     title1: string;
     title2: string;
     title3: string;
-    images: LightboxJournalImage[];
+    image: LightboxJournalImage[];
 };
 export declare const JOURNAL_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3", "count"];
 export type JournalTextStylePrefix = typeof JOURNAL_TEXT_STYLE_PREFIXES[number];

package/dist/index.js

@@ -9077,7 +9077,7 @@ export type LightboxStripSettings = {
   pointer-events: auto;
   z-index: 10;
 }
-`}const Iu=20,Ru=2,pr=e=>`max(${e}, ${Iu}px)`,mn=e=>((e==null?void 0:e.images)??[]).slice(0,Ru),ra=e=>e.reduce((t,n)=>t+mn(n).length,0),Pu=(e,t)=>{let n=1;for(let o=0;o<t;o++)n+=mn(e[o]).length;const i=mn(e[t]).length;return{start:n,end:n+i-1}},Au=(e,t)=>{const n=ra(e),{start:i,end:o}=Pu(e,t);return i===o?`${i} / ${n}`:`${i}-${o} / ${n}`},_u=(e,t)=>t==="B"?e.flatMap((n,i)=>mn(n).map(o=>({entry:n,entryIndex:i,images:[o]}))):e.map((n,i)=>({entry:n,entryIndex:i,images:mn(n)})),Mu=(e,t,n,i)=>{var s;if(n==="B")return`${t+1} / ${e.length}`;const o=((s=e[t])==null?void 0:s.entryIndex)??0;return Au(i,o)},mr=e=>e?`${e.title1??""}|${e.title2??""}|${e.title3??""}`:"",Fu=(e,t,n)=>e==="B"?t.length>1:ra(n)>1,ku=({prefix:e,entries:t,journalType:n,objectFit:i,backgroundColor:o,imageGap:s,slideMaxWidth:r,slideMaxHeight:d,isEditor:l,isEditMode:u,isPreviewMode:p,closeIcon:A,closeIconMaxWidth:b,closeIconColor:w,closeIconHoverColor:g,textMaxWidth:h,titlesGap:T,countCloseGap:L,textTransition:C,title1Style:m,title2Style:D,title3Style:O,countStyle:_,contentMarginTop:$,contentMarginLeft:W,contentMarginRight:x,onClose:H})=>{const v=!!u,z=!l||!!p,k=c.useMemo(()=>_u(t,n),[t,n]),[K,U]=c.useState(0),S=k[K],E=S==null?void 0:S.entry,[F,V]=c.useState(!1),[N,R]=c.useState(null),[Z,ae]=c.useState(!1),[se,X]=c.useState(null),[B,oe]=c.useState(!1),[ve,de]=c.useState(0),[he,Ie]=c.useState(),[ne,f]=c.useState(),[y,j]=c.useState(null),q=c.useRef(null),J=c.useRef(0),te=c.useRef(0),re=c.useRef(0),Q=c.useRef(!1),ue=c.useRef(null),xe=c.useRef(null),ce=c.useRef(null),fe=c.useRef(null),Y=c.useRef(null),I=c.useRef(null),M=c.useCallback(()=>{const ee=xe.current;if(!ee)return;const Te=ee.closest(`.${e}-lightbox-content-area`);if(!Te)return ee.getBoundingClientRect().width;let Le=0;return Array.from(Te.children).forEach(Ce=>{Ce instanceof HTMLElement&&(Ce.contains(ee)||(Le+=Ce.getBoundingClientRect().width))}),Te.getBoundingClientRect().width-Le},[e]),G=c.useCallback(()=>{q.current&&(clearTimeout(q.current),q.current=null)},[]),le=c.useCallback(ee=>{ee===J.current&&(X(null),oe(!1))},[]),ge=c.useCallback(()=>{Q.current||(Q.current=!0,V(!1),ue.current=setTimeout(()=>{H()},dr))},[H]),Pe=c.useCallback(ee=>{var be,ke;if(k.length===0)return;const Te=(ee%k.length+k.length)%k.length;if(Te===K)return;const Le=k[K],Ce=k[Te];J.current+=1;const Fe=J.current,Ze=C==="fade"&&mr(Le==null?void 0:Le.entry)!==mr(Ce==null?void 0:Ce.entry),nt=(be=xe.current)==null?void 0:be.getBoundingClientRect().height;let lt,Ee;Ze&&(Ee=M(),An.flushSync(()=>{j(Ce.entry)}),ce.current&&Ee&&(ce.current.style.width=`${Ee}px`),lt=(ke=ce.current)==null?void 0:ke.getBoundingClientRect().height,ce.current&&(ce.current.style.width=""));const Ue=Math.max(nt??0,lt??0)||void 0;de(Fe),X(K),oe(!0),U(Te),re.current=Te,Ze?(G(),Ue&&Ie(Ue),Ee&&f(Ee),R((Le==null?void 0:Le.entryIndex)??null),ae(!0),te.current=Ce.entryIndex,q.current=setTimeout(()=>{R(null),ae(!1),Ie(void 0),f(void 0),j(null),q.current=null},Xi)):(G(),R(null),ae(!1),Ie(void 0),f(void 0),j(null),te.current=Ce.entryIndex)},[K,G,M,k,C]),ye=ee=>{var Fe;if(!z||k.length<=1||ee.button!==0&&ee.pointerType==="mouse"||ee.target.closest("[data-controls]"))return;const Le=(Fe=fe.current)==null?void 0:Fe.getBoundingClientRect(),Ce=Le?Le.left+Le.width/2:window.innerWidth/2;ee.clientX<Ce?Pe(K-1):Pe(K+1)};c.useEffect(()=>{I.current=document.activeElement instanceof HTMLElement?document.activeElement:null;const ee=requestAnimationFrame(()=>{V(!0),requestAnimationFrame(()=>{Y.current?Y.current.focus():fe.current&&fe.current.focus()})}),Te=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{cancelAnimationFrame(ee),document.body.style.overflow=Te,ue.current&&clearTimeout(ue.current),q.current&&clearTimeout(q.current);const Le=I.current;Le&&document.contains(Le)&&Le.focus()}},[]),c.useEffect(()=>{var ee;C!=="fade"&&(te.current=((ee=k[K])==null?void 0:ee.entryIndex)??0,G(),R(null),ae(!1),Ie(void 0),f(void 0))},[K,G,k,C]),c.useEffect(()=>{const ee=Te=>{if(Te.key==="Escape"){ge();return}if(Te.key==="ArrowLeft"&&k.length>1){Pe(K-1);return}if(Te.key==="ArrowRight"&&k.length>1){Pe(K+1);return}if(Te.key==="Tab"&&fe.current){const Le=fe.current.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'),Ce=Array.from(Le).filter(lt=>!lt.closest('[aria-hidden="true"]'));if(Ce.length===0)return;const Fe=Ce[0],Ze=Ce[Ce.length-1],nt=document.activeElement;Te.shiftKey?(nt===Fe||!fe.current.contains(nt))&&(Te.preventDefault(),Ze.focus()):(nt===Ze||!fe.current.contains(nt))&&(Te.preventDefault(),Fe.focus())}};return window.addEventListener("keydown",ee),()=>window.removeEventListener("keydown",ee)},[Pe,ge,K,k.length]),c.useLayoutEffect(()=>{G(),J.current=0,de(0),X(null),oe(!1),R(null),ae(!1),Ie(void 0),f(void 0),j(null),re.current=0,te.current=0,U(0)},[G,t.length,n]);const Re=N!==null?t[N]:null,Ne=se!==null?k[se]:null,He=!!(E!=null&&E.title1||E!=null&&E.title2||E!=null&&E.title3||Re!=null&&Re.title1||Re!=null&&Re.title2||Re!=null&&Re.title3),Ve=Fu(n,k,t),Ge=!!A,Xe={gap:T},yt=Ve&&Ge?{gap:L}:void 0,Je=(ee,Te,Le=!1)=>{const Ce=pr(Te),Fe=`calc(-0.5 * (${Ce} + ${Te}))`;return a.jsx("div",{"data-controls":ee,"data-controls-axis":"x",...Le?{"data-controls-reverse":"true"}:void 0,style:{position:"absolute",top:0,right:Fe,width:Ce,height:"100%",pointerEvents:"auto",zIndex:3}})},st=(ee,Te=!1)=>{if(!ee)return null;const Le=[ee.title1?{className:`${e}-title1`,style:m,text:ee.title1}:null,ee.title2?{className:`${e}-title2`,style:D,text:ee.title2}:null,ee.title3?{className:`${e}-title3`,style:O,text:ee.title3}:null].filter(Ce=>Ce!==null);return Le.map((Ce,Fe)=>a.jsxs("div",{className:`${e}-title-cell`,children:[a.jsx("p",{className:Ce.className,style:{...Ce.style,maxWidth:h},children:Ce.text}),Te&&v&&Fe<Le.length-1?Je("titlesGap",T):null]},Ce.className))},rt=ee=>{if(ee.length===0)return null;const Te=ee.length>1,Le=pr(s),Ce=`calc(-0.5 * (${Le} + ${s}))`;if(ee.length===1){const Fe=ee[0],Ze=Fe.objectFit??i;return a.jsx("img",{className:`${e}-slide-image`,src:Fe.url,alt:Fe.name??"",draggable:!1,style:{objectFit:Ze}})}return a.jsx("div",{className:`${e}-slide-inner`,style:Te?{gap:s}:void 0,children:ee.map((Fe,Ze)=>{const nt=Fe.objectFit??i;return a.jsxs("div",{className:`${e}-slide-image-cell`,children:[a.jsx("img",{className:`${e}-slide-image`,src:Fe.url,alt:Fe.name??"",draggable:!1,style:{objectFit:nt}}),v&&Te&&Ze<ee.length-1&&a.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:Ce,width:Le,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${Fe.url}-${Ze}`)})})};return a.jsxs("div",{ref:fe,"data-selection":"none",className:`${e}-lightbox${l?` ${e}-lightbox-editor`:""}${u?` ${e}-lightbox-edit-mode`:""}`,onClick:ge,role:"dialog","aria-modal":"true","aria-label":"Journal gallery",tabIndex:Ge?void 0:-1,style:{opacity:F?1:0,transition:`opacity ${dr}ms ease`,pointerEvents:F?"auto":"none"},children:[a.jsx("div",{className:`${e}-lightbox-backdrop`,style:{backgroundColor:o}}),a.jsx("div",{className:`${e}-lightbox-content`,onClick:ee=>ee.stopPropagation(),children:a.jsx("div",{className:`${e}-lightbox-strip`,"data-desktop-nav":z&&k.length>1?"true":"false",onPointerUp:z?ye:void 0,children:a.jsxs("div",{className:`${e}-slide-stack`,children:[Ne&&B?a.jsx("div",{className:`${e}-slide-layer-out ${e}-slide-fade-out`,onAnimationEnd:ee=>{ee.target===ee.currentTarget&&le(ve)},children:a.jsx("div",{className:`${e}-slide-area`,style:{maxWidth:r,maxHeight:d},children:rt(Ne.images)})},`slide-out-${ve}`):null,a.jsx("div",{className:`${e}-slide-layer-in${B?` ${e}-slide-fade-in`:""}`,children:a.jsx("div",{className:`${e}-slide-area`,style:{maxWidth:r,maxHeight:d},children:S?rt(S.images):null})},`slide-in-${ve}-${K}`)]})})}),a.jsxs("div",{className:`${e}-lightbox-chrome`,style:{width:"100%",height:"100%"},children:[a.jsx("div",{"data-controls":v?"contentMarginTop":void 0,className:v?`${e}-control`:void 0,style:{height:$,width:"100%"}}),a.jsxs("div",{style:{display:"flex",flexDirection:"row",width:"100%"},children:[a.jsx("div",{"data-controls":v?"contentMarginLeft":void 0,"data-controls-axis":v?"x":void 0,className:v?`${e}-control`:void 0,style:{width:W,flexShrink:0}}),a.jsxs("div",{className:`${e}-lightbox-content-area`,children:[He&&a.jsx("div",{className:`${e}-text-bar-cell`,children:a.jsx("div",{className:`${e}-titles-row`,style:Xe,children:C==="fade"?a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:ce,className:`${e}-titles-stack`,style:{...Xe,position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:st(y||E,!1)}),a.jsxs("div",{ref:xe,className:`${e}-titles-stack`,style:{...Xe,...Z&&he?{minHeight:he}:void 0,...Z&&ne?{width:ne,maxWidth:"100%"}:void 0,...Z?{overflow:"hidden"}:void 0},children:[Re&&Z?a.jsx("div",{className:`${e}-titles-layer-out ${e}-titles-fade-out`,style:Xe,children:st(Re)}):null,a.jsx("div",{className:`${e}-titles-layer-in${Z?` ${e}-titles-layer-in-fading ${e}-titles-fade-in`:""}`,style:Xe,children:st(E,!0)})]})]}):st(E,!0)})}),a.jsxs("div",{className:`${e}-lightbox-persistent-controls`,style:yt,children:[Ve&&a.jsxs("div",{className:`${e}-text-bar-cell`,children:[a.jsx("span",{className:`${e}-entry-counter`,style:_,"aria-live":"polite","aria-atomic":"true",children:Mu(k,K,n,t)}),v&&Ge?Je("countCloseGap",L,!0):null]}),Ge&&a.jsx("div",{className:`${e}-close-icon`,style:{width:P.scalingValue(b??0,l),height:P.scalingValue(b??0,l),"--close-icon-hover-color":g},children:a.jsx("button",{ref:Y,type:"button",className:`${e}-close-icon-inner`,onClick:ge,"aria-label":"Close",children:a.jsx(Ct,{url:A??"",fill:w,hoverFill:g,className:`${e}-close-icon-img`})})})]})]}),a.jsx("div",{"data-controls":v?"contentMarginRight":void 0,"data-controls-axis":v?"x":void 0,"data-controls-reverse":v?"":void 0,className:v?`${e}-control`:void 0,style:{width:x,flexShrink:0}})]})]})]})},On=["title1","title2","title3","count"];function Oe(e,t){return`${e}${t.charAt(0).toUpperCase()}${t.slice(1)}`}const Wu={title1:"1",title2:"2",title3:"3",count:"Count"};function Nu(e){return[Oe(e,"fontFamily"),Oe(e,"fontSettings"),{type:"row",items:[Oe(e,"fontSize"),Oe(e,"lineHeight"),Oe(e,"letterSpacing"),Oe(e,"wordSpacing")]},Oe(e,"textAlign"),Oe(e,"textAppearance")]}function Hu(){return{type:"tab",id:"journalTextStyle",tabs:Object.fromEntries(On.map(e=>[Wu[e],Nu(e)]))}}const Bu={title1:"title1Color",title2:"title2Color",title3:"title3Color",count:"countColor"},Ou={title1:.02,title2:.02,title3:.02,count:.017};function Zn(e,t){const n=i=>{const o=Oe(t,i);return e[o]};return{fontFamily:n("fontFamily")??"Arial",fontSettings:n("fontSettings")??{fontWeight:400,fontStyle:"normal"},fontSize:n("fontSize"),lineHeight:n("lineHeight"),letterSpacing:n("letterSpacing")??0,wordSpacing:n("wordSpacing")??0,textAlign:n("textAlign")??"left",textAppearance:n("textAppearance"),color:e[Bu[t]]}}function Qn(e,t,n){var o,s;const i={fontSettings:{fontFamily:t.fontFamily,fontWeight:((o=t.fontSettings)==null?void 0:o.fontWeight)??400,fontStyle:((s=t.fontSettings)==null?void 0:s.fontStyle)??"normal"},fontSize:t.fontSize??Ou[e],lineHeight:t.lineHeight,letterSpacing:t.letterSpacing,wordSpacing:t.wordSpacing,textAlign:t.textAlign,textAppearance:t.textAppearance,color:t.color??"#ffffff"};return Ye(i,n)}const ju=({settings:e,content:t,isEditor:n,isEditMode:i,isPreviewMode:o,portalId:s})=>{const{prefix:r}=P.useScopedStyles(),{cover:d,coverFit:l,type:u,backgroundColor:p,objectFit:A,imageGap:b,maxWidth:w,maxHeight:g,textMaxWidth:h,textTransition:T,titlesGap:L,countCloseGap:C,closeIcon:m,closeIconMaxWidth:D,closeIconColor:O,closeIconHoverColor:_,contentMarginTop:$,contentMarginLeft:W,contentMarginRight:x}=e,H=R=>P.scalingValue(R,n??!1),v=Qn("title1",Zn(e,"title1"),n),z=Qn("title2",Zn(e,"title2"),n),k=Qn("title3",Zn(e,"title3"),n),K=Qn("count",Zn(e,"count"),n),U=c.useRef(null),[S,E]=c.useState(!1),F=(t??[]).filter(R=>mn(R).length>0),V=()=>{F.length!==0&&E(!0)},N=()=>{E(!1)};return a.jsxs(a.Fragment,{children:[a.jsxs("div",{ref:U,className:`${r}-wrapper`,children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:Eu(r)}}),d?a.jsx("button",{type:"button",className:`${r}-cover`,onClick:V,style:{display:"block",padding:0,border:"none",background:"transparent"},"aria-label":"Open journal gallery",children:a.jsx("img",{className:`${r}-cover-image`,src:d,alt:"cover",style:{objectFit:l==="cover"?"cover":"contain"}})}):null]}),S&&typeof document<"u"&&(()=>{const R=(s?document.getElementById(s):null)??document.body;return An.createPortal(a.jsx(ku,{prefix:r,entries:F,journalType:u,objectFit:A==="fit"?"contain":"cover",backgroundColor:p,imageGap:H(b??0),slideMaxWidth:`${w}%`,slideMaxHeight:`${g}%`,textMaxWidth:H(h??.4),titlesGap:H(L??0),countCloseGap:H(C??0),textTransition:T,title1Style:v,title2Style:z,title3Style:k,countStyle:K,contentMarginTop:H($??0),contentMarginLeft:H(W??0),contentMarginRight:H(x??0),closeIcon:m,closeIconMaxWidth:D,closeIconColor:O,closeIconHoverColor:_,isEditor:n,isEditMode:i,isPreviewMode:o,onClose:N}),R)})()]})},Du=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+`}const Iu=20,Ru=2,pr=e=>`max(${e}, ${Iu}px)`,mn=e=>((e==null?void 0:e.image)??[]).slice(0,Ru),ra=e=>e.reduce((t,n)=>t+mn(n).length,0),Pu=(e,t)=>{let n=1;for(let o=0;o<t;o++)n+=mn(e[o]).length;const i=mn(e[t]).length;return{start:n,end:n+i-1}},Au=(e,t)=>{const n=ra(e),{start:i,end:o}=Pu(e,t);return i===o?`${i} / ${n}`:`${i}-${o} / ${n}`},_u=(e,t)=>t==="B"?e.flatMap((n,i)=>mn(n).map(o=>({entry:n,entryIndex:i,images:[o]}))):e.map((n,i)=>({entry:n,entryIndex:i,images:mn(n)})),Mu=(e,t,n,i)=>{var s;if(n==="B")return`${t+1} / ${e.length}`;const o=((s=e[t])==null?void 0:s.entryIndex)??0;return Au(i,o)},mr=e=>e?`${e.title1??""}|${e.title2??""}|${e.title3??""}`:"",Fu=(e,t,n)=>e==="B"?t.length>1:ra(n)>1,ku=({prefix:e,entries:t,journalType:n,objectFit:i,backgroundColor:o,imageGap:s,slideMaxWidth:r,slideMaxHeight:d,isEditor:l,isEditMode:u,isPreviewMode:p,closeIcon:A,closeIconMaxWidth:b,closeIconColor:w,closeIconHoverColor:g,textMaxWidth:h,titlesGap:T,countCloseGap:L,textTransition:C,title1Style:m,title2Style:D,title3Style:O,countStyle:_,contentMarginTop:$,contentMarginLeft:W,contentMarginRight:x,onClose:H})=>{const v=!!u,z=!l||!!p,k=c.useMemo(()=>_u(t,n),[t,n]),[K,U]=c.useState(0),S=k[K],E=S==null?void 0:S.entry,[F,V]=c.useState(!1),[N,R]=c.useState(null),[Z,ae]=c.useState(!1),[se,X]=c.useState(null),[B,oe]=c.useState(!1),[ve,de]=c.useState(0),[he,Ie]=c.useState(),[ne,f]=c.useState(),[y,j]=c.useState(null),q=c.useRef(null),J=c.useRef(0),te=c.useRef(0),re=c.useRef(0),Q=c.useRef(!1),ue=c.useRef(null),xe=c.useRef(null),ce=c.useRef(null),fe=c.useRef(null),Y=c.useRef(null),I=c.useRef(null),M=c.useCallback(()=>{const ee=xe.current;if(!ee)return;const Te=ee.closest(`.${e}-lightbox-content-area`);if(!Te)return ee.getBoundingClientRect().width;let Le=0;return Array.from(Te.children).forEach(Ce=>{Ce instanceof HTMLElement&&(Ce.contains(ee)||(Le+=Ce.getBoundingClientRect().width))}),Te.getBoundingClientRect().width-Le},[e]),G=c.useCallback(()=>{q.current&&(clearTimeout(q.current),q.current=null)},[]),le=c.useCallback(ee=>{ee===J.current&&(X(null),oe(!1))},[]),ge=c.useCallback(()=>{Q.current||(Q.current=!0,V(!1),ue.current=setTimeout(()=>{H()},dr))},[H]),Pe=c.useCallback(ee=>{var be,ke;if(k.length===0)return;const Te=(ee%k.length+k.length)%k.length;if(Te===K)return;const Le=k[K],Ce=k[Te];J.current+=1;const Fe=J.current,Ze=C==="fade"&&mr(Le==null?void 0:Le.entry)!==mr(Ce==null?void 0:Ce.entry),nt=(be=xe.current)==null?void 0:be.getBoundingClientRect().height;let lt,Ee;Ze&&(Ee=M(),An.flushSync(()=>{j(Ce.entry)}),ce.current&&Ee&&(ce.current.style.width=`${Ee}px`),lt=(ke=ce.current)==null?void 0:ke.getBoundingClientRect().height,ce.current&&(ce.current.style.width=""));const Ue=Math.max(nt??0,lt??0)||void 0;de(Fe),X(K),oe(!0),U(Te),re.current=Te,Ze?(G(),Ue&&Ie(Ue),Ee&&f(Ee),R((Le==null?void 0:Le.entryIndex)??null),ae(!0),te.current=Ce.entryIndex,q.current=setTimeout(()=>{R(null),ae(!1),Ie(void 0),f(void 0),j(null),q.current=null},Xi)):(G(),R(null),ae(!1),Ie(void 0),f(void 0),j(null),te.current=Ce.entryIndex)},[K,G,M,k,C]),ye=ee=>{var Fe;if(!z||k.length<=1||ee.button!==0&&ee.pointerType==="mouse"||ee.target.closest("[data-controls]"))return;const Le=(Fe=fe.current)==null?void 0:Fe.getBoundingClientRect(),Ce=Le?Le.left+Le.width/2:window.innerWidth/2;ee.clientX<Ce?Pe(K-1):Pe(K+1)};c.useEffect(()=>{I.current=document.activeElement instanceof HTMLElement?document.activeElement:null;const ee=requestAnimationFrame(()=>{V(!0),requestAnimationFrame(()=>{Y.current?Y.current.focus():fe.current&&fe.current.focus()})}),Te=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{cancelAnimationFrame(ee),document.body.style.overflow=Te,ue.current&&clearTimeout(ue.current),q.current&&clearTimeout(q.current);const Le=I.current;Le&&document.contains(Le)&&Le.focus()}},[]),c.useEffect(()=>{var ee;C!=="fade"&&(te.current=((ee=k[K])==null?void 0:ee.entryIndex)??0,G(),R(null),ae(!1),Ie(void 0),f(void 0))},[K,G,k,C]),c.useEffect(()=>{const ee=Te=>{if(Te.key==="Escape"){ge();return}if(Te.key==="ArrowLeft"&&k.length>1){Pe(K-1);return}if(Te.key==="ArrowRight"&&k.length>1){Pe(K+1);return}if(Te.key==="Tab"&&fe.current){const Le=fe.current.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'),Ce=Array.from(Le).filter(lt=>!lt.closest('[aria-hidden="true"]'));if(Ce.length===0)return;const Fe=Ce[0],Ze=Ce[Ce.length-1],nt=document.activeElement;Te.shiftKey?(nt===Fe||!fe.current.contains(nt))&&(Te.preventDefault(),Ze.focus()):(nt===Ze||!fe.current.contains(nt))&&(Te.preventDefault(),Fe.focus())}};return window.addEventListener("keydown",ee),()=>window.removeEventListener("keydown",ee)},[Pe,ge,K,k.length]),c.useLayoutEffect(()=>{G(),J.current=0,de(0),X(null),oe(!1),R(null),ae(!1),Ie(void 0),f(void 0),j(null),re.current=0,te.current=0,U(0)},[G,t.length,n]);const Re=N!==null?t[N]:null,Ne=se!==null?k[se]:null,He=!!(E!=null&&E.title1||E!=null&&E.title2||E!=null&&E.title3||Re!=null&&Re.title1||Re!=null&&Re.title2||Re!=null&&Re.title3),Ve=Fu(n,k,t),Ge=!!A,Xe={gap:T},yt=Ve&&Ge?{gap:L}:void 0,Je=(ee,Te,Le=!1)=>{const Ce=pr(Te),Fe=`calc(-0.5 * (${Ce} + ${Te}))`;return a.jsx("div",{"data-controls":ee,"data-controls-axis":"x",...Le?{"data-controls-reverse":"true"}:void 0,style:{position:"absolute",top:0,right:Fe,width:Ce,height:"100%",pointerEvents:"auto",zIndex:3}})},st=(ee,Te=!1)=>{if(!ee)return null;const Le=[ee.title1?{className:`${e}-title1`,style:m,text:ee.title1}:null,ee.title2?{className:`${e}-title2`,style:D,text:ee.title2}:null,ee.title3?{className:`${e}-title3`,style:O,text:ee.title3}:null].filter(Ce=>Ce!==null);return Le.map((Ce,Fe)=>a.jsxs("div",{className:`${e}-title-cell`,children:[a.jsx("p",{className:Ce.className,style:{...Ce.style,maxWidth:h},children:Ce.text}),Te&&v&&Fe<Le.length-1?Je("titlesGap",T):null]},Ce.className))},rt=ee=>{if(ee.length===0)return null;const Te=ee.length>1,Le=pr(s),Ce=`calc(-0.5 * (${Le} + ${s}))`;if(ee.length===1){const Fe=ee[0],Ze=Fe.objectFit??i;return a.jsx("img",{className:`${e}-slide-image`,src:Fe.url,alt:Fe.name??"",draggable:!1,style:{objectFit:Ze}})}return a.jsx("div",{className:`${e}-slide-inner`,style:Te?{gap:s}:void 0,children:ee.map((Fe,Ze)=>{const nt=Fe.objectFit??i;return a.jsxs("div",{className:`${e}-slide-image-cell`,children:[a.jsx("img",{className:`${e}-slide-image`,src:Fe.url,alt:Fe.name??"",draggable:!1,style:{objectFit:nt}}),v&&Te&&Ze<ee.length-1&&a.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:Ce,width:Le,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${Fe.url}-${Ze}`)})})};return a.jsxs("div",{ref:fe,"data-selection":"none",className:`${e}-lightbox${l?` ${e}-lightbox-editor`:""}${u?` ${e}-lightbox-edit-mode`:""}`,onClick:ge,role:"dialog","aria-modal":"true","aria-label":"Journal gallery",tabIndex:Ge?void 0:-1,style:{opacity:F?1:0,transition:`opacity ${dr}ms ease`,pointerEvents:F?"auto":"none"},children:[a.jsx("div",{className:`${e}-lightbox-backdrop`,style:{backgroundColor:o}}),a.jsx("div",{className:`${e}-lightbox-content`,onClick:ee=>ee.stopPropagation(),children:a.jsx("div",{className:`${e}-lightbox-strip`,"data-desktop-nav":z&&k.length>1?"true":"false",onPointerUp:z?ye:void 0,children:a.jsxs("div",{className:`${e}-slide-stack`,children:[Ne&&B?a.jsx("div",{className:`${e}-slide-layer-out ${e}-slide-fade-out`,onAnimationEnd:ee=>{ee.target===ee.currentTarget&&le(ve)},children:a.jsx("div",{className:`${e}-slide-area`,style:{maxWidth:r,maxHeight:d},children:rt(Ne.images)})},`slide-out-${ve}`):null,a.jsx("div",{className:`${e}-slide-layer-in${B?` ${e}-slide-fade-in`:""}`,children:a.jsx("div",{className:`${e}-slide-area`,style:{maxWidth:r,maxHeight:d},children:S?rt(S.images):null})},`slide-in-${ve}-${K}`)]})})}),a.jsxs("div",{className:`${e}-lightbox-chrome`,style:{width:"100%",height:"100%"},children:[a.jsx("div",{"data-controls":v?"contentMarginTop":void 0,className:v?`${e}-control`:void 0,style:{height:$,width:"100%"}}),a.jsxs("div",{style:{display:"flex",flexDirection:"row",width:"100%"},children:[a.jsx("div",{"data-controls":v?"contentMarginLeft":void 0,"data-controls-axis":v?"x":void 0,className:v?`${e}-control`:void 0,style:{width:W,flexShrink:0}}),a.jsxs("div",{className:`${e}-lightbox-content-area`,children:[He&&a.jsx("div",{className:`${e}-text-bar-cell`,children:a.jsx("div",{className:`${e}-titles-row`,style:Xe,children:C==="fade"?a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:ce,className:`${e}-titles-stack`,style:{...Xe,position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:st(y||E,!1)}),a.jsxs("div",{ref:xe,className:`${e}-titles-stack`,style:{...Xe,...Z&&he?{minHeight:he}:void 0,...Z&&ne?{width:ne,maxWidth:"100%"}:void 0,...Z?{overflow:"hidden"}:void 0},children:[Re&&Z?a.jsx("div",{className:`${e}-titles-layer-out ${e}-titles-fade-out`,style:Xe,children:st(Re)}):null,a.jsx("div",{className:`${e}-titles-layer-in${Z?` ${e}-titles-layer-in-fading ${e}-titles-fade-in`:""}`,style:Xe,children:st(E,!0)})]})]}):st(E,!0)})}),a.jsxs("div",{className:`${e}-lightbox-persistent-controls`,style:yt,children:[Ve&&a.jsxs("div",{className:`${e}-text-bar-cell`,children:[a.jsx("span",{className:`${e}-entry-counter`,style:_,"aria-live":"polite","aria-atomic":"true",children:Mu(k,K,n,t)}),v&&Ge?Je("countCloseGap",L,!0):null]}),Ge&&a.jsx("div",{className:`${e}-close-icon`,style:{width:P.scalingValue(b??0,l),height:P.scalingValue(b??0,l),"--close-icon-hover-color":g},children:a.jsx("button",{ref:Y,type:"button",className:`${e}-close-icon-inner`,onClick:ge,"aria-label":"Close",children:a.jsx(Ct,{url:A??"",fill:w,hoverFill:g,className:`${e}-close-icon-img`})})})]})]}),a.jsx("div",{"data-controls":v?"contentMarginRight":void 0,"data-controls-axis":v?"x":void 0,"data-controls-reverse":v?"":void 0,className:v?`${e}-control`:void 0,style:{width:x,flexShrink:0}})]})]})]})},On=["title1","title2","title3","count"];function Oe(e,t){return`${e}${t.charAt(0).toUpperCase()}${t.slice(1)}`}const Wu={title1:"1",title2:"2",title3:"3",count:"Count"};function Nu(e){return[Oe(e,"fontFamily"),Oe(e,"fontSettings"),{type:"row",items:[Oe(e,"fontSize"),Oe(e,"lineHeight"),Oe(e,"letterSpacing"),Oe(e,"wordSpacing")]},Oe(e,"textAlign"),Oe(e,"textAppearance")]}function Hu(){return{type:"tab",id:"journalTextStyle",tabs:Object.fromEntries(On.map(e=>[Wu[e],Nu(e)]))}}const Bu={title1:"title1Color",title2:"title2Color",title3:"title3Color",count:"countColor"},Ou={title1:.02,title2:.02,title3:.02,count:.017};function Zn(e,t){const n=i=>{const o=Oe(t,i);return e[o]};return{fontFamily:n("fontFamily")??"Arial",fontSettings:n("fontSettings")??{fontWeight:400,fontStyle:"normal"},fontSize:n("fontSize"),lineHeight:n("lineHeight"),letterSpacing:n("letterSpacing")??0,wordSpacing:n("wordSpacing")??0,textAlign:n("textAlign")??"left",textAppearance:n("textAppearance"),color:e[Bu[t]]}}function Qn(e,t,n){var o,s;const i={fontSettings:{fontFamily:t.fontFamily,fontWeight:((o=t.fontSettings)==null?void 0:o.fontWeight)??400,fontStyle:((s=t.fontSettings)==null?void 0:s.fontStyle)??"normal"},fontSize:t.fontSize??Ou[e],lineHeight:t.lineHeight,letterSpacing:t.letterSpacing,wordSpacing:t.wordSpacing,textAlign:t.textAlign,textAppearance:t.textAppearance,color:t.color??"#ffffff"};return Ye(i,n)}const ju=({settings:e,content:t,isEditor:n,isEditMode:i,isPreviewMode:o,portalId:s})=>{const{prefix:r}=P.useScopedStyles(),{cover:d,coverFit:l,type:u,backgroundColor:p,objectFit:A,imageGap:b,maxWidth:w,maxHeight:g,textMaxWidth:h,textTransition:T,titlesGap:L,countCloseGap:C,closeIcon:m,closeIconMaxWidth:D,closeIconColor:O,closeIconHoverColor:_,contentMarginTop:$,contentMarginLeft:W,contentMarginRight:x}=e,H=R=>P.scalingValue(R,n??!1),v=Qn("title1",Zn(e,"title1"),n),z=Qn("title2",Zn(e,"title2"),n),k=Qn("title3",Zn(e,"title3"),n),K=Qn("count",Zn(e,"count"),n),U=c.useRef(null),[S,E]=c.useState(!1),F=(t??[]).filter(R=>mn(R).length>0),V=()=>{F.length!==0&&E(!0)},N=()=>{E(!1)};return a.jsxs(a.Fragment,{children:[a.jsxs("div",{ref:U,className:`${r}-wrapper`,children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:Eu(r)}}),d?a.jsx("button",{type:"button",className:`${r}-cover`,onClick:V,style:{display:"block",padding:0,border:"none",background:"transparent"},"aria-label":"Open journal gallery",children:a.jsx("img",{className:`${r}-cover-image`,src:d,alt:"cover",style:{objectFit:l==="cover"?"cover":"contain"}})}):null]}),S&&typeof document<"u"&&(()=>{const R=(s?document.getElementById(s):null)??document.body;return An.createPortal(a.jsx(ku,{prefix:r,entries:F,journalType:u,objectFit:A==="fit"?"contain":"cover",backgroundColor:p,imageGap:H(b??0),slideMaxWidth:`${w}%`,slideMaxHeight:`${g}%`,textMaxWidth:H(h??.4),titlesGap:H(L??0),countCloseGap:H(C??0),textTransition:T,title1Style:v,title2Style:z,title3Style:k,countStyle:K,contentMarginTop:H($??0),contentMarginLeft:H(W??0),contentMarginRight:H(x??0),closeIcon:m,closeIconMaxWidth:D,closeIconColor:O,closeIconHoverColor:_,isEditor:n,isEditMode:i,isPreviewMode:o,onClose:N}),R)})()]})},Du=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { createPortal, flushSync } from 'react-dom';
 import { CommonComponentProps } from '../props';
 import { scalingValue } from '../utils/scalingValue';
@@ -9427,7 +9427,7 @@ export type LightboxJournalItem = {
   title1: string;
   title2: string;
   title3: string;
-  images: LightboxJournalImage[];
+  image: LightboxJournalImage[];
 };
 
 type JournalSlide = {
@@ -9471,7 +9471,7 @@ const MAX_IMAGES_PER_ENTRY = 2;
 
 const getGapControlSize = (gap: string) => \`max(\${gap}, \${GAP_LABEL_AREA_PX}px)\`;
 const getEntryImages = (entry: LightboxJournalItem | undefined): LightboxJournalImage[] =>
-  (entry?.images ?? []).slice(0, MAX_IMAGES_PER_ENTRY);
+  (entry?.image ?? []).slice(0, MAX_IMAGES_PER_ENTRY);
 const getTotalImageCount = (entries: LightboxJournalItem[]) =>
   entries.reduce((sum, entry) => sum + getEntryImages(entry).length, 0);
 const getEntryImageRange = (entries: LightboxJournalItem[], entryIndex: number) => {
@@ -10412,4 +10412,4 @@ export type LightboxJournalSettings = {
   closeIconColor: string;
   closeIconHoverColor: string;
 };
-`,Vu="https://cdn.cntrl.site/component-assets/Close.svg",Gt={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}},fontSize:{type:"number",display:{type:"font-size"}},lineHeight:{type:"number",display:{type:"line-height-input"}},letterSpacing:{type:"number",display:{type:"letter-spacing-input"}},wordSpacing:{type:"number",display:{type:"word-spacing-input"}},textAlign:{type:"string",enum:["left","center","right","justify"],display:{type:"vertical-text-aligh-options"}},textAppearance:{type:"object",display:{type:"text-appearance",useTabDesign:!0},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}}};function zu(e){const t={};return t[Oe(e,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},t[Oe(e,"fontSettings")]={...Gt.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},t[Oe(e,"fontSize")]={...Gt.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[Oe(e,"lineHeight")]={...Gt.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[Oe(e,"letterSpacing")]={...Gt.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[Oe(e,"wordSpacing")]={...Gt.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[Oe(e,"textAlign")]={...Gt.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[Oe(e,"textAppearance")]={...Gt.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},t}const Ku=On.reduce((e,t)=>({...e,...zu(t)}),{}),Gu=On.reduce((e,t)=>({...e,[Oe(t,"fontFamily")]:"Arial",[Oe(t,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[Oe(t,"letterSpacing")]:0,[Oe(t,"wordSpacing")]:0,[Oe(t,"textAlign")]:"left",[Oe(t,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function gr(e){return On.reduce((t,n)=>{const i=e[`${n}FontSize`],o=e[`${n}LineHeight`];return i!==void 0&&(t[Oe(n,"fontSize")]=i),o!==void 0&&(t[Oe(n,"lineHeight")]=o),t},{})}const Uu=Hu(),qu={type:"object",version:1,settings:{properties:{cover:{type:"string",scope:"common",title:"",display:{type:"settings-image-input"}},coverFit:{type:"string",scope:"common",title:"Display",display:{type:"toggle-cycle",enum:["cover","fit"]}},type:{type:"string",scope:"common",title:"",display:{type:"radio-group"},enum:["A","B"]},maxHeight:{type:"number",scope:"layout",title:"Max Height",min:0,max:100,display:{type:"percentage-input"}},maxWidth:{type:"number",scope:"layout",title:"Max Width",min:0,max:100,display:{type:"percentage-input"}},imageGap:{type:"number",scope:"layout",title:"Image Gap",min:0,max:200,display:{type:"range-control",visible:!1}},backgroundColor:{type:"string",scope:"layout",title:"BG",display:{type:"settings-color-picker"}},objectFit:{type:"string",scope:"common",title:"Display",display:{type:"toggle-cycle",enum:["cover","fit"]}},closeIcon:{type:["string","null"],scope:"common",title:"",display:{type:"settings-image-input"}},closeIconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"full-width-input"},min:0,max:1},closeIconColor:{type:"string",scope:"common",title:"Fill Icon",display:{type:"settings-color-picker"}},closeIconHoverColor:{type:"string",scope:"common",title:"Hover Icon",display:{type:"settings-color-picker"}},textMaxWidth:{type:"string",scope:"common",title:"Max Width",display:{type:"full-width-input"},min:0,max:1},textTransition:{type:"string",scope:"common",title:"Transition",display:{type:"toggle-cycle",enum:["none","fade"]}},titlesGap:{type:"number",scope:"layout",title:"Titles Gap",min:0,max:200,display:{type:"range-control"}},countCloseGap:{type:"number",scope:"layout",title:"Count / Close Gap",min:0,max:200,display:{type:"range-control"}},title1Color:{type:"string",scope:"common",title:"Title 1",display:{type:"palette-color-picker"}},title2Color:{type:"string",scope:"common",title:"Title 2",display:{type:"palette-color-picker"}},title3Color:{type:"string",scope:"common",title:"Title 3",display:{type:"palette-color-picker"}},countColor:{type:"string",scope:"common",title:"Count",display:{type:"palette-color-picker"}},...Ku,contentMarginTop:{type:"number",scope:"layout",title:"Content margin top",min:0,max:200,display:{type:"range-control"}},contentMarginLeft:{type:"number",scope:"layout",title:"Content margin left",min:0,max:200,display:{type:"range-control"}},contentMarginRight:{type:"number",scope:"layout",title:"Content margin right",min:0,max:200,display:{type:"range-control"}}},defaults:{cover:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-1.png",coverFit:"cover",objectFit:"cover",type:"A",closeIcon:Vu,closeIconColor:"#ffffff",closeIconHoverColor:"#cccccc",textTransition:"fade",title1Color:"#ffffff",title2Color:"#ffffff",title3Color:"#ffffff",countColor:"rgba(255, 255, 255, 0.7)",...Gu},layoutDefaults:{m:{imageGap:0,maxHeight:80,maxWidth:80,textMaxWidth:.4,closeIconMaxWidth:.02,backgroundColor:"rgba(28, 31, 34, 0.9)",contentMarginTop:0,contentMarginLeft:0,contentMarginRight:0,titlesGap:.1,countCloseGap:.02,...gr({title1FontSize:.02,title1LineHeight:.02,title2FontSize:.02,title2LineHeight:.02,title3FontSize:.02,title3LineHeight:.02,countFontSize:.017,countLineHeight:.017})},d:{maxHeight:80,maxWidth:80,imageGap:0,textMaxWidth:.4,closeIconMaxWidth:.02,backgroundColor:"rgba(28, 31, 34, 0.9)",contentMarginTop:0,contentMarginLeft:0,contentMarginRight:0,titlesGap:.1,countCloseGap:.02,...gr({title1FontSize:.02,title1LineHeight:.02,title2FontSize:.02,title2LineHeight:.02,title3FontSize:.02,title3LineHeight:.02,countFontSize:.017,countLineHeight:.017})}},layout:["__componentName__","maxWidth","maxHeight","imageGap","titlesGap","countCloseGap","objectFit","contentMarginTop","contentMarginLeft","contentMarginRight"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",items:["type"]},{type:"row",title:"Image",items:["maxWidth","maxHeight"]},{type:"row",title:"Text",items:["textMaxWidth","textTransition"]},{type:"row",title:"Close icon",items:["closeIcon","closeIconMaxWidth"]},{type:"row",title:"Cover Image",items:["cover","coverFit"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[Uu]}],paletteBookmark:{items:["backgroundColor","title1Color","title2Color","title3Color","countColor","closeIconColor","closeIconHoverColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{title1:{type:"string",label:"Title 1",placeholder:"Add Title 1...",display:{type:"text-input"}},title2:{type:"string",label:"Title 2",placeholder:"Add Title 2...",display:{type:"text-input"}},title3:{type:"string",label:"Title 3",placeholder:"Add Title 3...",display:{type:"text-input"}},images:{type:"object",label:"Images",max:2,display:{type:"media-list-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]}}},default:[{title1:"Journal Entry 1",title2:"summer vacation",title3:"July 1978",images:[{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZNCQFC3T744H0KX6R3FR.jpeg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZRTSS60YBFT6Y37ZX00T.jpeg",name:"",objectFit:"contain"}]},{title1:"Journal Entry 2",title2:"spring break",title3:"March 1979",images:[{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ9M9YJPQ5JWKCHDEW5M1GJD.jpeg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7S04EHBXQS1T4KVAMZNZQM.jpeg",name:"",objectFit:"contain"}]},{title1:"Journal Entry 3",title2:"winter vacation",title3:"January 1980",images:[{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ9M9YJPQ5JWKCHDEW5M1GJD.jpeg",name:"",objectFit:"contain"}]}]}},Xu={element:ju,id:"lightbox-journal",name:"Lightbox Journal",category:"galleries",version:1,defaultSize:{d:{width:350,height:350},m:{width:300,height:350}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Journal.png"},schema:qu,sourceCode:Du,assetsPaths:{content:[{path:"images.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:On.map(e=>({path:`styles.${Oe(e,"fontSettings")}`}))}},Yu=[Sl,Rl,yc,Lu,Xu,Lc,Wc,Uc,Zc,od,gd,gu];exports.components=Yu;exports.isSchemaV1=ma;
+`,Vu="https://cdn.cntrl.site/component-assets/Close.svg",Gt={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}},fontSize:{type:"number",display:{type:"font-size"}},lineHeight:{type:"number",display:{type:"line-height-input"}},letterSpacing:{type:"number",display:{type:"letter-spacing-input"}},wordSpacing:{type:"number",display:{type:"word-spacing-input"}},textAlign:{type:"string",enum:["left","center","right","justify"],display:{type:"vertical-text-aligh-options"}},textAppearance:{type:"object",display:{type:"text-appearance",useTabDesign:!0},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}}};function zu(e){const t={};return t[Oe(e,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},t[Oe(e,"fontSettings")]={...Gt.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},t[Oe(e,"fontSize")]={...Gt.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[Oe(e,"lineHeight")]={...Gt.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[Oe(e,"letterSpacing")]={...Gt.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[Oe(e,"wordSpacing")]={...Gt.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[Oe(e,"textAlign")]={...Gt.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[Oe(e,"textAppearance")]={...Gt.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},t}const Ku=On.reduce((e,t)=>({...e,...zu(t)}),{}),Gu=On.reduce((e,t)=>({...e,[Oe(t,"fontFamily")]:"Arial",[Oe(t,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[Oe(t,"letterSpacing")]:0,[Oe(t,"wordSpacing")]:0,[Oe(t,"textAlign")]:"left",[Oe(t,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function gr(e){return On.reduce((t,n)=>{const i=e[`${n}FontSize`],o=e[`${n}LineHeight`];return i!==void 0&&(t[Oe(n,"fontSize")]=i),o!==void 0&&(t[Oe(n,"lineHeight")]=o),t},{})}const Uu=Hu(),qu={type:"object",version:1,settings:{properties:{cover:{type:"string",scope:"common",title:"",display:{type:"settings-image-input"}},coverFit:{type:"string",scope:"common",title:"Display",display:{type:"toggle-cycle",enum:["cover","fit"]}},type:{type:"string",scope:"common",title:"",display:{type:"radio-group"},enum:["A","B"]},maxHeight:{type:"number",scope:"layout",title:"Max Height",min:0,max:100,display:{type:"percentage-input"}},maxWidth:{type:"number",scope:"layout",title:"Max Width",min:0,max:100,display:{type:"percentage-input"}},imageGap:{type:"number",scope:"layout",title:"Image Gap",min:0,max:200,display:{type:"range-control",visible:!1}},backgroundColor:{type:"string",scope:"layout",title:"BG",display:{type:"settings-color-picker"}},objectFit:{type:"string",scope:"common",title:"Display",display:{type:"toggle-cycle",enum:["cover","fit"]}},closeIcon:{type:["string","null"],scope:"common",title:"",display:{type:"settings-image-input"}},closeIconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"full-width-input"},min:0,max:1},closeIconColor:{type:"string",scope:"common",title:"Fill Icon",display:{type:"settings-color-picker"}},closeIconHoverColor:{type:"string",scope:"common",title:"Hover Icon",display:{type:"settings-color-picker"}},textMaxWidth:{type:"string",scope:"common",title:"Max Width",display:{type:"full-width-input"},min:0,max:1},textTransition:{type:"string",scope:"common",title:"Transition",display:{type:"toggle-cycle",enum:["none","fade"]}},titlesGap:{type:"number",scope:"layout",title:"Titles Gap",min:0,max:200,display:{type:"range-control"}},countCloseGap:{type:"number",scope:"layout",title:"Count / Close Gap",min:0,max:200,display:{type:"range-control"}},title1Color:{type:"string",scope:"common",title:"Title 1",display:{type:"palette-color-picker"}},title2Color:{type:"string",scope:"common",title:"Title 2",display:{type:"palette-color-picker"}},title3Color:{type:"string",scope:"common",title:"Title 3",display:{type:"palette-color-picker"}},countColor:{type:"string",scope:"common",title:"Count",display:{type:"palette-color-picker"}},...Ku,contentMarginTop:{type:"number",scope:"layout",title:"Content margin top",min:0,max:200,display:{type:"range-control"}},contentMarginLeft:{type:"number",scope:"layout",title:"Content margin left",min:0,max:200,display:{type:"range-control"}},contentMarginRight:{type:"number",scope:"layout",title:"Content margin right",min:0,max:200,display:{type:"range-control"}}},defaults:{cover:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-1.png",coverFit:"cover",objectFit:"cover",type:"A",closeIcon:Vu,closeIconColor:"#ffffff",closeIconHoverColor:"#cccccc",textTransition:"fade",title1Color:"#ffffff",title2Color:"#ffffff",title3Color:"#ffffff",countColor:"rgba(255, 255, 255, 0.7)",...Gu},layoutDefaults:{m:{imageGap:0,maxHeight:80,maxWidth:80,textMaxWidth:.4,closeIconMaxWidth:.02,backgroundColor:"rgba(28, 31, 34, 0.9)",contentMarginTop:0,contentMarginLeft:0,contentMarginRight:0,titlesGap:.1,countCloseGap:.02,...gr({title1FontSize:.02,title1LineHeight:.02,title2FontSize:.02,title2LineHeight:.02,title3FontSize:.02,title3LineHeight:.02,countFontSize:.017,countLineHeight:.017})},d:{maxHeight:80,maxWidth:80,imageGap:0,textMaxWidth:.4,closeIconMaxWidth:.02,backgroundColor:"rgba(28, 31, 34, 0.9)",contentMarginTop:0,contentMarginLeft:0,contentMarginRight:0,titlesGap:.1,countCloseGap:.02,...gr({title1FontSize:.02,title1LineHeight:.02,title2FontSize:.02,title2LineHeight:.02,title3FontSize:.02,title3LineHeight:.02,countFontSize:.017,countLineHeight:.017})}},layout:["__componentName__","maxWidth","maxHeight","imageGap","titlesGap","countCloseGap","objectFit","contentMarginTop","contentMarginLeft","contentMarginRight"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",items:["type"]},{type:"row",title:"Image",items:["maxWidth","maxHeight"]},{type:"row",title:"Text",items:["textMaxWidth","textTransition"]},{type:"row",title:"Close icon",items:["closeIcon","closeIconMaxWidth"]},{type:"row",title:"Cover Image",items:["cover","coverFit"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[Uu]}],paletteBookmark:{items:["backgroundColor","title1Color","title2Color","title3Color","countColor","closeIconColor","closeIconHoverColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemWithoutImage:!0},items:{type:"object",properties:{title1:{type:"string",label:"Title 1",placeholder:"Add Title 1...",display:{type:"text-input"}},title2:{type:"string",label:"Title 2",placeholder:"Add Title 2...",display:{type:"text-input"}},title3:{type:"string",label:"Title 3",placeholder:"Add Title 3...",display:{type:"text-input"}},image:{type:"object",label:"Image",max:2,display:{type:"media-list-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]}}},default:[{title1:"Journal Entry 1",title2:"summer vacation",title3:"July 1978",image:[{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZNCQFC3T744H0KX6R3FR.jpeg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZRTSS60YBFT6Y37ZX00T.jpeg",name:"",objectFit:"contain"}]},{title1:"Journal Entry 2",title2:"spring break",title3:"March 1979",image:[{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ9M9YJPQ5JWKCHDEW5M1GJD.jpeg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7S04EHBXQS1T4KVAMZNZQM.jpeg",name:"",objectFit:"contain"}]},{title1:"Journal Entry 3",title2:"winter vacation",title3:"January 1980",image:[{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ9M9YJPQ5JWKCHDEW5M1GJD.jpeg",name:"",objectFit:"contain"}]}]}},Xu={element:ju,id:"lightbox-journal",name:"Lightbox Journal",category:"galleries",version:1,defaultSize:{d:{width:350,height:350},m:{width:300,height:350}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Journal.png"},schema:qu,sourceCode:Du,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:On.map(e=>({path:`styles.${Oe(e,"fontSettings")}`}))}},Yu=[Sl,Rl,yc,Lu,Xu,Lc,Wc,Uc,Zc,od,gd,gu];exports.components=Yu;exports.isSchemaV1=ma;

package/dist/index.mjs

@@ -21928,7 +21928,7 @@ function Bu(e) {
 }
 `;
 }
-const Ou = 20, Du = 2, wr = (e) => `max(${e}, ${Ou}px)`, Sn = (e) => ((e == null ? void 0 : e.images) ?? []).slice(0, Du), ya = (e) => e.reduce((t, n) => t + Sn(n).length, 0), zu = (e, t) => {
+const Ou = 20, Du = 2, wr = (e) => `max(${e}, ${Ou}px)`, Sn = (e) => ((e == null ? void 0 : e.image) ?? []).slice(0, Du), ya = (e) => e.reduce((t, n) => t + Sn(n).length, 0), zu = (e, t) => {
   let n = 1;
   for (let o = 0; o < t; o++)
     n += Sn(e[o]).length;
@@ -22892,7 +22892,7 @@ export type LightboxJournalItem = {
   title1: string;
   title2: string;
   title3: string;
-  images: LightboxJournalImage[];
+  image: LightboxJournalImage[];
 };
 
 type JournalSlide = {
@@ -22936,7 +22936,7 @@ const MAX_IMAGES_PER_ENTRY = 2;
 
 const getGapControlSize = (gap: string) => \`max(\${gap}, \${GAP_LABEL_AREA_PX}px)\`;
 const getEntryImages = (entry: LightboxJournalItem | undefined): LightboxJournalImage[] =>
-  (entry?.images ?? []).slice(0, MAX_IMAGES_PER_ENTRY);
+  (entry?.image ?? []).slice(0, MAX_IMAGES_PER_ENTRY);
 const getTotalImageCount = (entries: LightboxJournalItem[]) =>
   entries.reduce((sum, entry) => sum + getEntryImages(entry).length, 0);
 const getEntryImageRange = (entries: LightboxJournalItem[], entryIndex: number) => {
@@ -24266,7 +24266,7 @@ const rp = Yu(), ap = {
   content: {
     type: "array",
     settings: {
-      addItemFromFileExplorer: !0
+      addItemWithoutImage: !0
     },
     items: {
       type: "object",
@@ -24289,9 +24289,9 @@ const rp = Yu(), ap = {
           placeholder: "Add Title 3...",
           display: { type: "text-input" }
         },
-        images: {
+        image: {
           type: "object",
-          label: "Images",
+          label: "Image",
           max: 2,
           display: {
             type: "media-list-input"
@@ -24310,7 +24310,7 @@ const rp = Yu(), ap = {
         title1: "Journal Entry 1",
         title2: "summer vacation",
         title3: "July 1978",
-        images: [
+        image: [
           {
             url: "https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZNCQFC3T744H0KX6R3FR.jpeg",
             name: "",
@@ -24327,7 +24327,7 @@ const rp = Yu(), ap = {
         title1: "Journal Entry 2",
         title2: "spring break",
         title3: "March 1979",
-        images: [
+        image: [
           {
             url: "https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ9M9YJPQ5JWKCHDEW5M1GJD.jpeg",
             name: "",
@@ -24344,7 +24344,7 @@ const rp = Yu(), ap = {
         title1: "Journal Entry 3",
         title2: "winter vacation",
         title3: "January 1980",
-        images: [
+        image: [
           {
             url: "https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ9M9YJPQ5JWKCHDEW5M1GJD.jpeg",
             name: "",
@@ -24377,7 +24377,7 @@ const rp = Yu(), ap = {
   schema: ap,
   sourceCode: ep,
   assetsPaths: {
-    content: [{ path: "images.url", placeholderEnabled: !0 }],
+    content: [{ path: "image.url", placeholderEnabled: !0 }],
     parameters: []
   },
   fontSettingsPaths: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/components",
-  "version": "1.0.12-alpha.17",
+  "version": "1.0.12-alpha.18",
   "description": "Custom components for control editor and public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",