https://tcc.edu.ph/assets/SdgTiles-BKTQLH9Z.js

1import{r as e}from"./framer-motion-D6MyD2zL.js";import{n as t}from"./react-vendor-oZySLVr3.js";import{n,r}from"./sdgs-Bs5_h7z6.js";import{t as i}from"./sdgImageMap-BZBDazun.js";var a=e(),o={sm:{card:`sdg-card--sm`,radius:`rounded-md`},md:{card:`sdg-card--md`,radius:`rounded-lg`},lg:{card:`sdg-card--lg`,radius:`rounded-xl`}};function s({goalId:e,size:t,imgSrc:n,radius:r}){return n?(0,a.jsx)(`img`,{src:n,alt:``,className:`sdg-card__img ${r}`,loading:`lazy`,decoding:`async`}):(0,a.jsx)(`div`,{className:`sdg-card__fallback flex items-center justify-center bg-gradient-to-br from-[#19486a] to-[#3c9fcd] text-center font-bold text-white ${r}`,style:{fontSize:t===`sm`?`0.75rem`:t===`md`?`0.85rem`:`1rem`},children:e})}function c({goalId:e,linkTo:o=`sdgPage`}){let s=n(e),c=i(e);if(!s)return null;let l=(0,a.jsxs)(a.Fragment,{children:[c?(0,a.jsx)(`img`,{className:`sdg-label__icon`,src:c,alt:``}):null,(0,a.jsx)(`span`,{className:`sdg-label__text`,children:s.shortTitle})]});return o===`un`?(0,a.jsx)(`a`,{href:s.url,target:`_blank`,rel:`noopener noreferrer`,className:`sdg-label`,"aria-label":`${s.title} — opens UN SDG page (new tab)`,children:l}):o===`none`?(0,a.jsx)(`span`,{className:`sdg-label`,children:l}):(0,a.jsx)(t,{to:r(e),className:`sdg-label`,"aria-label":`${s.title} — SDG ${e} stories and details`,children:l})}function l({goalId:e,size:c,linkTo:l=`sdgPage`}){let u=n(e),d=i(e),f=o[c];if(!u)return null;let p=(0,a.jsxs)(`div`,{className:`sdg-card__flip-inner`,children:[(0,a.jsx)(`div`,{className:`sdg-card__face sdg-card__face--front bg-white ${f.radius}`,children:(0,a.jsx)(s,{goalId:e,size:c,imgSrc:d,radius:f.radius})}),(0,a.jsx)(`div`,{className:`sdg-card__face sdg-card__face--back bg-white ${f.radius}`,children:(0,a.jsx)(s,{goalId:e,size:c,imgSrc:d,radius:f.radius})})]}),m=`sdg-card ${f.card} ${f.radius} shrink-0 bg-white shadow-sm ring-1 ring-black/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--brand)] focus-visible:ring-offset-2`;return l===`un`?(0,a.jsx)(`a`,{href:u.url,target:`_blank`,rel:`noopener noreferrer`,className:m,"aria-label":`${u.title} — opens UN SDG page (new tab)`,children:p}):l===`none`?(0,a.jsx)(`div`,{className:m,children:p}):(0,a.jsx)(t,{to:r(e),className:m,"aria-label":`${u.title} — SDG ${e} stories and details`,children:p})}function u({goalIds:e,size:t=`md`,className:n=``,layout:r=`flow`,variant:i=`tiles`,linkTo:o=`sdgPage`}){let s=[...new Set(e)].filter(e=>e>=1&&e<=17).sort((e,t)=>e-t);return s.length?i===`labels`?(0,a.jsx)(`div`,{className:`sdg-tiles sdg-tiles--labels ${n}`.trim(),children:s.map(e=>(0,a.jsx)(c,{goalId:e,linkTo:o},e))}):(0,a.jsx)(`div`,{className:r===`newsGrid`?`sdg-tiles sdg-tiles--layout-news-grid ${n}`.trim():`sdg-tiles flex flex-wrap items-center gap-2 sm:gap-3 ${n}`.trim(),children:s.map(e=>(0,a.jsx)(l,{goalId:e,size:t,linkTo:o},e))}):null}export{u as t};