Updates

_astro/Gallery.MytEOxK3.js

@@ -0,0 +1 @@
+import{j as t}from"./jsx-runtime.9YwcPWTT.js";import{r as a}from"./index.LFf77hJu.js";import{c as s}from"./_slug_.fd5a2948.b8Sqj5bQ.js";function x({children:n}){const[r,c]=a.useState(0),e=a.useRef(null),o=a.Children.count(n)-1;a.useEffect(()=>{if(e.current==null)return;const l=e.current.clientWidth*r;console.log(l,r,e.current.clientWidth),e.current.style.transform=`translate3d(-${l}px, 0px, 0px)`},[r]);const u=l=>{c(m=>{const i=m+l;return i<0?o:i>o?0:i})};return t.jsxs("div",{className:s.carousel,children:[t.jsx("button",{className:s.btnPrev,onClick:()=>{u(-1)},children:"Prev"}),t.jsx("div",{className:s.container,children:t.jsx("div",{ref:e,className:s.content,children:n})}),t.jsx("button",{className:s.btnNext,onClick:()=>{u(1)},children:"Next"})]})}function f({children:n}){return t.jsx("div",{className:s.item,children:t.jsx("div",{className:s.itemContent,children:n})})}function v({items:n,height:r=500}){return t.jsx("div",{style:{height:r},children:t.jsx(x,{children:n.map((c,e)=>t.jsx(f,{children:t.jsx("img",{className:"respect-height",src:c.thumbnail??c.url,alt:c.alt})},e))})})}export{v as default};

_astro/_slug_.SCcE59ba.css

@@ -0,0 +1 @@
+._thumbnailList_m5eqb_1{display:grid;overflow-x:scroll;gap:var(--prj-spacing-3);padding-bottom:var(--prj-spacing-2);grid-auto-columns:25%;grid-auto-flow:column}._thumbnailItem_m5eqb_12{width:100%}._thumbnailItem_m5eqb_12:hover{cursor:pointer}._carousel_cyvxn_1{height:100%;max-width:90%;margin:auto;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}._container_cyvxn_12{height:100%;overflow:hidden}._content_cyvxn_17{height:100%;display:flex;flex-wrap:nowrap;transition:transform .6s ease}._item_cyvxn_24{height:100%;width:100%;flex:0 0 100%}._itemContent_cyvxn_30{height:100%;display:flex;justify-content:center;align-items:center}._btnPrev_cyvxn_37,._btnNext_cyvxn_38{top:50%;z-index:10}._btnPrev_cyvxn_37{left:0}._btnNext_cyvxn_38{right:0}

_astro/_slug_.fd5a2948.b8Sqj5bQ.js

@@ -0,0 +1 @@
+const t="_carousel_cyvxn_1",n="_container_cyvxn_12",e="_content_cyvxn_17",c="_item_cyvxn_24",_="_itemContent_cyvxn_30",o="_btnPrev_cyvxn_37",s="_btnNext_cyvxn_38",i={carousel:t,container:n,content:e,item:c,itemContent:_,btnPrev:o,btnNext:s};export{i as c};

_astro/jsx-runtime.9YwcPWTT.js

@@ -0,0 +1,9 @@
+import{r as l}from"./index.LFf77hJu.js";var f={exports:{}},n={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var u=l,m=Symbol.for("react.element"),x=Symbol.for("react.fragment"),y=Object.prototype.hasOwnProperty,a=u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,v={key:!0,ref:!0,__self:!0,__source:!0};function i(t,r,p){var e,o={},s=null,_=null;p!==void 0&&(s=""+p),r.key!==void 0&&(s=""+r.key),r.ref!==void 0&&(_=r.ref);for(e in r)y.call(r,e)&&!v.hasOwnProperty(e)&&(o[e]=r[e]);if(t&&t.defaultProps)for(e in r=t.defaultProps,r)o[e]===void 0&&(o[e]=r[e]);return{$$typeof:m,type:t,key:s,ref:_,props:o,_owner:a.current}}n.Fragment=x;n.jsx=i;n.jsxs=i;f.exports=n;var d=f.exports;export{d as j};