@bobbykim/manguito-cms-admin 0.5.1 → 0.5.2

package/dist/assets/ContentFormView-Bfee-uVL.js

@@ -1 +0,0 @@
-import{A as e,B as t,E as n,L as r,O as i,P as a,W as o,a as s,c,ct as l,d as u,g as d,h as f,i as p,j as m,l as h,lt as g,m as _,s as v,t as y,u as b,ut as x,v as S,w as C,x as w}from"./schema-B-RKX_ep.js";import{a as T,c as E,d as D,n as O,r as k,s as A,t as ee,u as j}from"./index-DHBhcS6-.js";import{a as M,c as N,i as P,l as F,n as I,o as L,r as R,s as z,t as te,u as ne}from"./field-defaults-m6kJphku.js";import{t as re}from"./useNotification-B8AtuEWL.js";import{t as ie}from"./content--2XYr_UQ.js";import{t as ae}from"./ConfirmDialog-B7nxdDge.js";import{n as B,r as oe,t as V}from"./MediaThumbnail-q7pxungQ.js";var se={class:`flex h-full max-h-144 w-full max-w-3xl flex-col overflow-hidden rounded-lg bg-white shadow-xl`},H={class:`flex items-center justify-between border-b border-gray-200 px-5 py-4`},U={key:0,class:`flex gap-1 border-b border-gray-200 px-5 pt-3`},W=[`onClick`],G={key:1,class:`border-b border-gray-200 px-5 py-2 text-sm text-gray-500`},ce={class:`font-medium text-gray-700`},K={class:`flex-1 overflow-y-auto p-5`},q={key:0,class:`flex items-center justify-center py-16`},J={key:1,class:`flex flex-col items-center justify-center py-16 text-gray-400`},Y={key:2,class:`grid grid-cols-3 gap-3 sm:grid-cols-4 md:grid-cols-5`},X=[`aria-pressed`,`aria-label`,`onClick`],Z={key:0,class:`absolute right-1 top-1 flex h-5 w-5 items-center justify-center rounded-full bg-indigo-600 text-xs text-white`,"aria-hidden":`true`},Q={key:2,class:`flex items-center justify-center gap-3 border-t border-gray-100 px-5 py-2`},le=[`disabled`],ue={class:`text-xs text-gray-500`},de=[`disabled`],fe={class:`flex justify-end gap-3 border-t border-gray-200 px-5 py-4`},pe=[`disabled`],me=d({__name:`MediaSelectModal`,props:{acceptedType:{}},emits:[`select`,`close`],setup(e,{emit:r}){let a=e,d=r,g=ee(),y=[{label:`Images`,value:`image`},{label:`Videos`,value:`video`},{label:`PDFs`,value:`file`}],S=t(a.acceptedType??`all`),w=v(()=>!a.acceptedType);m(()=>a.acceptedType,e=>{e&&(S.value=e)});let T=t([]),E=t(!1),O=t(1),k=t(1),A=t(null);function j(e,t){let n=new URLSearchParams({page:String(t),per_page:`20`});return e!==`all`&&n.set(`type`,e),`/media?${n.toString()}`}async function M(){E.value=!0;let e=await g.get(j(S.value,O.value));E.value=!1,e.ok&&(T.value=e.data,k.value=e.meta?.total_pages??1)}m(S,()=>{O.value=1,A.value=null,M()}),m(O,()=>{M()}),C(()=>{M()});function N(){A.value&&d(`select`,A.value)}return(t,r)=>(n(),h(s,{to:`body`},[c(`div`,{class:`fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4`,role:`dialog`,"aria-modal":`true`,"aria-label":`Select media`,onClick:r[5]||=D(e=>t.$emit(`close`),[`self`])},[c(`div`,se,[c(`div`,H,[r[6]||=c(`h2`,{class:`text-base font-semibold text-gray-900`},`Select Media`,-1),c(`button`,{type:`button`,class:`text-xl leading-none text-gray-400 hover:text-gray-600`,"aria-label":`Close`,onClick:r[0]||=e=>t.$emit(`close`)},` × `)]),w.value?(n(),u(`div`,U,[c(`button`,{type:`button`,class:l([`rounded-t-md px-3 py-1.5 text-sm font-medium transition-colors`,S.value===`all`?`border-b-2 border-indigo-600 text-indigo-600`:`text-gray-500 hover:text-gray-800`]),onClick:r[1]||=e=>S.value=`all`},` All `,2),(n(),u(p,null,i(y,e=>c(`button`,{key:e.value,type:`button`,class:l([`rounded-t-md px-3 py-1.5 text-sm font-medium transition-colors`,S.value===e.value?`border-b-2 border-indigo-600 text-indigo-600`:`text-gray-500 hover:text-gray-800`]),onClick:t=>S.value=e.value},x(e.label),11,W)),64))])):(n(),u(`div`,G,[r[7]||=_(` Showing: `,-1),c(`span`,ce,x(y.find(t=>t.value===e.acceptedType)?.label??e.acceptedType),1)])),c(`div`,K,[E.value?(n(),u(`div`,q,[...r[8]||=[c(`span`,{class:`inline-block h-6 w-6 animate-spin rounded-full border-2 border-indigo-600 border-t-transparent`,"aria-hidden":`true`},null,-1)]])):T.value.length===0?(n(),u(`div`,J,[...r[9]||=[c(`span`,{class:`text-4xl`,"aria-hidden":`true`},`🖼`,-1),c(`p`,{class:`mt-2 text-sm`},`No media found`,-1)]])):(n(),u(`div`,Y,[(n(!0),u(p,null,i(T.value,e=>(n(),u(`button`,{key:e.id,type:`button`,class:l([`group relative aspect-square overflow-hidden rounded-md border-2 transition-colors focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-1`,A.value?.id===e.id?`border-indigo-500`:`border-transparent hover:border-gray-300`]),"aria-pressed":A.value?.id===e.id,"aria-label":`Select ${e.alt??o(B)(e.url)}`,onClick:t=>A.value=e},[f(V,{item:e,label:o(B)(e.url)},null,8,[`item`,`label`]),A.value?.id===e.id?(n(),u(`div`,Z,` ✓ `)):b(``,!0)],10,X))),128))]))]),k.value>1?(n(),u(`div`,Q,[c(`button`,{type:`button`,disabled:O.value===1,class:`rounded px-2 py-1 text-sm text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-40`,onClick:r[2]||=e=>O.value--},` ← Prev `,8,le),c(`span`,ue,x(O.value)+` / `+x(k.value),1),c(`button`,{type:`button`,disabled:O.value===k.value,class:`rounded px-2 py-1 text-sm text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-40`,onClick:r[3]||=e=>O.value++},` Next → `,8,de)])):b(``,!0),c(`div`,fe,[c(`button`,{type:`button`,class:`rounded-md px-4 py-2 text-sm font-medium text-gray-700 ring-1 ring-inset ring-gray-300 hover:bg-gray-50`,onClick:r[4]||=e=>t.$emit(`close`)},` Cancel `),c(`button`,{type:`button`,disabled:!A.value,class:`rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50`,onClick:N},` Select `,8,pe)])])])]))}}),he={class:`block text-[13px] font-semibold text-[#3D3D52]`},ge={key:0,class:`ml-0.5 text-red-500`,"aria-hidden":`true`},_e={key:0,class:`mt-1 flex flex-col gap-2 rounded-md border border-gray-200 p-3`},ve={class:`flex items-center gap-3`},$={class:`h-16 w-16 shrink-0 overflow-hidden rounded`},ye={class:`min-w-0 flex-1`},be={class:`truncate text-sm font-medium text-gray-800`},xe={class:`text-xs text-gray-500`},Se={key:0},Ce=[`for`],we=[`id`],Te={key:1,class:`mt-1 rounded-md border border-gray-200 p-3`},Ee={class:`flex items-center gap-2`},De={class:`h-2 flex-1 overflow-hidden rounded-full bg-gray-100`},Oe={class:`w-8 shrink-0 text-right text-xs text-gray-500`},ke={key:2,class:`mt-1 rounded-md border border-gray-200 p-3`},Ae={class:`mb-2 truncate text-[13px] font-semibold text-[#3D3D52]`},je=[`for`],Me=[`id`],Ne={class:`mt-3 flex justify-end gap-2`},Pe=[`disabled`],Fe={key:3,class:`mt-1 flex gap-2`},Ie=[`accept`],Le=[`disabled`],Re=[`disabled`],ze={key:4,class:`mt-1 text-sm text-red-600`,role:`alert`},Be={key:5,class:`mt-1 text-sm text-red-600`,role:`alert`},Ve=d({__name:`MediaUpload`,props:{field:{},modelValue:{},error:{},disabled:{type:Boolean}},emits:[`update:modelValue`],setup(e,{emit:r}){let i=e,s=r,l=k(),d=v(()=>{let e=i.field.ui_component;return e.component===`file-upload`?e.accepted_mime_types.join(`,`):``}),p=v(()=>{let e=i.field.field_type;return e===`image`||e===`video`||e===`file`?e:`file`}),m=v(()=>p.value!==`image`),y=t(`idle`),S=t(0),w=t(``),T=t(null),E=t(``),D=t(null),O=t(!1),A=t(null);function ee(e){return e>=1e6?`${(e/1e6).toFixed(1)} MB`:e>=1e3?`${(e/1e3).toFixed(0)} KB`:`${e} B`}function M(e,t){return new Promise((n,r)=>{let i=new FormData;i.append(`file`,e),t&&i.append(`alt`,t);let a=new XMLHttpRequest;a.withCredentials=!0,a.open(`POST`,`/admin/api/media/${p.value}`),a.upload.onprogress=e=>{e.lengthComputable&&(S.value=Math.round(e.loaded/e.total*100))},a.onload=()=>{try{let e=JSON.parse(a.responseText);e.ok&&e.data?n(e.data):r(Error(e.error?.message??`Upload failed`))}catch{r(Error(`Invalid server response`))}},a.onerror=()=>r(Error(`Network error`)),a.send(i)})}async function N(e,t){let n=new URLSearchParams({type:p.value,filename:e.name,mime_type:e.type}),r=await(await fetch(`/admin/api/media/presigned-url?${n.toString()}`,{credentials:`include`})).json();if(!r.ok||!r.data)throw Error(r.error?.message??`Failed to get upload URL`);let{upload_url:i,media_id:a,method:o,fields:s}=r.data;await new Promise((t,n)=>{let r=new XMLHttpRequest;if(r.upload.onprogress=e=>{e.lengthComputable&&(S.value=Math.round(e.loaded/e.total*100))},r.onload=()=>{r.status>=200&&r.status<300?t():n(Error(`Storage upload failed (${r.status})`))},r.onerror=()=>n(Error(`Network error during upload`)),o===`POST`&&s){let t=new FormData;for(let[e,n]of Object.entries(s))t.append(e,n);t.append(`file`,e),r.open(`POST`,i),r.send(t)}else r.open(`PUT`,i),r.send(e)});let c=await(await fetch(`/admin/api/media/confirm/${a}`,{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({alt:t})})).json();if(!c.ok||!c.data)throw Error(c.error?.message??`Upload confirmation failed`);return c.data}async function P(e){y.value=`uploading`,S.value=0,w.value=``;try{let t=E.value.trim(),n=l.presignedUploads?await N(e,t):await M(e,t);D.value=n,E.value=n.alt??``,s(`update:modelValue`,n.id)}catch(e){w.value=e instanceof Error?e.message:`Upload failed`}finally{y.value=`idle`,T.value=null}}async function F(){let e=D.value;if(!e)return;let t=new XMLHttpRequest;t.withCredentials=!0,t.open(`PATCH`,`/admin/api/media/${e.id}`),t.setRequestHeader(`Content-Type`,`application/json`),t.onload=()=>{try{let e=JSON.parse(t.responseText);e.ok&&e.data&&(D.value=e.data)}catch{}},t.send(JSON.stringify({alt:E.value.trim()}))}function I(e){let t=e.target.files?.[0];t&&(T.value=t,E.value=``,e.target.value=``,m.value?y.value=`alt-collect`:P(t))}function L(){T.value&&(m.value&&!E.value.trim()||P(T.value))}function R(){T.value=null,E.value=``,y.value=`idle`,w.value=``}function z(){D.value=null,E.value=``,s(`update:modelValue`,null)}function te(e){D.value=e,E.value=e.alt??``,O.value=!1,s(`update:modelValue`,e.id)}return C(async()=>{if(typeof i.modelValue!=`string`||!i.modelValue)return;let e=await fetch(`/admin/api/media/${i.modelValue}`,{credentials:`include`});if(!e.ok)return;let t=await e.json();t.ok&&t.data&&(D.value=t.data,E.value=t.data.alt??``)}),(t,r)=>(n(),u(`div`,null,[c(`label`,he,[_(x(e.field.label)+` `,1),e.field.required?(n(),u(`span`,ge,`*`)):b(``,!0)]),D.value?(n(),u(`div`,_e,[c(`div`,ve,[c(`div`,$,[f(V,{item:D.value},null,8,[`item`])]),c(`div`,ye,[c(`p`,be,x(o(B)(D.value.url)),1),c(`p`,xe,x(ee(D.value.file_size)),1)]),e.disabled?b(``,!0):(n(),u(`button`,{key:0,type:`button`,class:`shrink-0 text-lg leading-none text-gray-400 hover:text-red-500`,"aria-label":`Remove selected media`,onClick:z},` × `))]),D.value.type===`image`&&!e.disabled?(n(),u(`div`,Se,[c(`label`,{for:`${e.field.name}-alt`,class:`block text-xs text-gray-500`},[...r[5]||=[_(` Alt text `,-1),c(`span`,{class:`text-gray-400`},`(optional)`,-1)]],8,Ce),a(c(`input`,{id:`${e.field.name}-alt`,"onUpdate:modelValue":r[0]||=e=>E.value=e,type:`text`,placeholder:`Describe this image`,class:`mt-0.5 block w-full rounded-md border border-gray-300 px-2 py-1 text-sm shadow-sm focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-200`,onBlur:F},null,40,we),[[j,E.value]])])):b(``,!0)])):y.value===`uploading`?(n(),u(`div`,Te,[r[6]||=c(`p`,{class:`mb-1.5 text-xs text-gray-500`},`Uploading…`,-1),c(`div`,Ee,[c(`div`,De,[c(`div`,{class:`h-2 rounded-full bg-indigo-600 transition-all duration-150`,style:g({width:`${S.value}%`})},null,4)]),c(`span`,Oe,x(S.value)+`% `,1)])])):y.value===`alt-collect`?(n(),u(`div`,ke,[c(`p`,Ae,x(T.value?.name),1),c(`label`,{for:`${e.field.name}-alt-pre`,class:`block text-xs text-gray-600`},[...r[7]||=[_(` Alt text `,-1),c(`span`,{class:`text-red-500`,"aria-hidden":`true`},`*`,-1)]],8,je),a(c(`input`,{id:`${e.field.name}-alt-pre`,"onUpdate:modelValue":r[1]||=e=>E.value=e,type:`text`,placeholder:`Describe this file`,class:`mt-0.5 block w-full rounded-md border border-gray-300 px-2 py-1 text-sm shadow-sm focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-200`},null,8,Me),[[j,E.value]]),c(`div`,Ne,[c(`button`,{type:`button`,class:`rounded-md px-3 py-1.5 text-sm text-gray-600 ring-1 ring-inset ring-gray-300 hover:bg-gray-50`,onClick:R},` Cancel `),c(`button`,{type:`button`,disabled:!E.value.trim(),class:`rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-medium text-white hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50`,onClick:L},` Upload `,8,Pe)])])):(n(),u(`div`,Fe,[c(`input`,{ref_key:`fileInputRef`,ref:A,type:`file`,class:`hidden`,accept:d.value,onChange:I},null,40,Ie),c(`button`,{type:`button`,disabled:e.disabled,class:`rounded-md border border-gray-300 px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50`,onClick:r[2]||=e=>A.value?.click()},` Upload `,8,Le),c(`button`,{type:`button`,disabled:e.disabled,class:`rounded-md border border-gray-300 px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50`,onClick:r[3]||=e=>O.value=!0},` Select from library `,8,Re)])),w.value?(n(),u(`p`,ze,x(w.value),1)):b(``,!0),e.error?(n(),u(`p`,Be,x(e.error),1)):b(``,!0),O.value?(n(),h(me,{key:6,"accepted-type":p.value,onSelect:te,onClose:r[4]||=e=>O.value=!1},null,8,[`accepted-type`])):b(``,!0)]))}}),He={class:`block text-[13px] font-semibold text-[#3D3D52]`},Ue={key:0,class:`ml-0.5 text-red-500`,"aria-hidden":`true`},We={key:0,class:`mt-1.5 flex flex-wrap gap-1.5`},Ge=[`disabled`,`aria-label`,`onClick`],Ke={key:1,class:`mt-1.5`},qe={class:`inline-flex items-center gap-1 rounded-full bg-indigo-100 px-2.5 py-0.5 text-xs font-medium text-indigo-800`},Je=[`disabled`],Ye={key:2,class:`mt-0.5 text-xs text-gray-500`},Xe={class:`relative mt-1`},Ze=[`id`,`value`,`disabled`,`placeholder`],Qe={key:0,role:`listbox`,class:`absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black/5 focus:outline-none`},$e={key:0,class:`flex items-center gap-2 px-3 py-2 text-gray-400`},et={key:0,class:`px-3 py-2 text-gray-500`},tt=[`onClick`],nt={key:3,class:`mt-1 text-sm text-red-600`,role:`alert`},rt=d({__name:`ReferenceSelect`,props:{field:{},modelValue:{},error:{},disabled:{type:Boolean}},emits:[`update:modelValue`],setup(e,{emit:r}){let a=e,o=r,s=ee(),d=y(),f=v(()=>{let e=a.field.ui_component;return e.component===`typeahead-select`?e:null}),m=v(()=>f.value?.ref??``),h=v(()=>a.field.validation.max_items??null),g=v(()=>R(a.field)===`many`),S=v(()=>!!d.contentTypes[m.value]),w=v(()=>(S.value?d.contentTypes[m.value]:d.taxonomyTypes[m.value])?.fields.find(e=>e.field_type===`text/plain`)?.name??`id`),E=v(()=>g.value?Array.isArray(a.modelValue)?a.modelValue.filter(e=>typeof e==`string`):[]:typeof a.modelValue==`string`?[a.modelValue]:[]),O=v(()=>h.value!==null&&E.value.length>=h.value),k=v(()=>E.value[0]??``),A=t({}),j=t(``),M=t(!1),N=t([]),P=t(!1);function F(){return S.value?`/content/${m.value}`:`/taxonomy/${m.value}`}function I(e){let t=new URLSearchParams({[`filters[${w.value}][like]`]:e,per_page:`10`});return`${F()}?${t.toString()}`}function L(e){return String(e[w.value]??e.id??``)}let z=T(async e=>{if(e.length<2){N.value=[],P.value=!1;return}M.value=!0,P.value=!0;let t=await s.get(I(e));M.value=!1,t.ok&&(N.value=t.data)},300);function te(e){j.value=e.target.value,z(j.value)}function ne(){setTimeout(()=>{P.value=!1},150)}function re(){j.value.length>=2&&(P.value=!0)}function ie(e){let t=String(e.id);if(A.value[t]=L(e),j.value=``,N.value=[],P.value=!1,g.value){let e=[...E.value];e.includes(t)||e.push(t),o(`update:modelValue`,e)}else o(`update:modelValue`,t)}function ae(e){g.value?o(`update:modelValue`,E.value.filter(t=>t!==e)):o(`update:modelValue`,null)}return C(async()=>{for(let e of E.value){if(A.value[e])continue;let t=await s.get(`${F()}/${e}`);t.ok?A.value[e]=L(t.data):A.value[e]=e}}),(t,r)=>(n(),u(`div`,null,[c(`label`,He,[_(x(e.field.label)+` `,1),e.field.required?(n(),u(`span`,Ue,`*`)):b(``,!0)]),g.value&&E.value.length?(n(),u(`div`,We,[(n(!0),u(p,null,i(E.value,t=>(n(),u(`span`,{key:t,class:`inline-flex items-center gap-1 rounded-full bg-indigo-100 px-2.5 py-0.5 text-xs font-medium text-indigo-800`},[_(x(A.value[t]??t)+` `,1),c(`button`,{type:`button`,disabled:e.disabled,class:`ml-0.5 flex h-3.5 w-3.5 items-center justify-center rounded-full hover:bg-indigo-200 disabled:cursor-not-allowed`,"aria-label":`Remove ${A.value[t]??t}`,onClick:e=>ae(t)},[...r[2]||=[c(`span`,{"aria-hidden":`true`},`×`,-1)]],8,Ge)]))),128))])):!g.value&&E.value.length?(n(),u(`div`,Ke,[c(`span`,qe,[_(x(A.value[k.value]??k.value)+` `,1),c(`button`,{type:`button`,disabled:e.disabled,class:`ml-0.5 flex h-3.5 w-3.5 items-center justify-center rounded-full hover:bg-indigo-200 disabled:cursor-not-allowed`,"aria-label":`Clear selection`,onClick:r[0]||=e=>ae(k.value)},[...r[3]||=[c(`span`,{"aria-hidden":`true`},`×`,-1)]],8,Je)])])):b(``,!0),h.value===null?b(``,!0):(n(),u(`p`,Ye,x(E.value.length)+` / `+x(h.value)+` selected `,1)),c(`div`,Xe,[c(`input`,{id:e.field.name,type:`text`,value:j.value,disabled:e.disabled||O.value,placeholder:O.value?`Limit reached`:`Search ${e.field.label}…`,class:l([`block w-full rounded-[11px] border px-3.5 py-3 text-sm focus:outline-none focus:ring-[3px]`,e.error?`border-red-300 focus:border-red-400 focus:ring-red-200`:`border-[#E4E3EE] bg-[#FBFBFD] focus:border-indigo-400 focus:bg-white focus:ring-indigo-50`,(e.disabled||O.value)&&`cursor-not-allowed bg-gray-50 opacity-60`]),autocomplete:`off`,onInput:te,onFocus:re,onFocusout:ne},null,42,Ze),P.value?(n(),u(`ul`,Qe,[M.value?(n(),u(`li`,$e,[...r[4]||=[c(`span`,{class:`inline-block h-3.5 w-3.5 animate-spin rounded-full border-2 border-indigo-500 border-t-transparent`,"aria-hidden":`true`},null,-1),_(` Searching… `,-1)]])):(n(),u(p,{key:1},[N.value.length===0?(n(),u(`li`,et,` No results found for "`+x(j.value)+`" `,1)):b(``,!0),(n(!0),u(p,null,i(N.value,e=>(n(),u(`li`,{key:String(e.id),role:`option`,class:`cursor-pointer px-3 py-2 hover:bg-indigo-50`,onMousedown:r[1]||=D(()=>{},[`prevent`]),onClick:t=>ie(e)},x(L(e)),41,tt))),128))],64))])):b(``,!0)]),e.error?(n(),u(`p`,nt,x(e.error),1)):b(``,!0)]))}}),it={class:`block text-[13px] font-semibold text-[#3D3D52]`},at={key:0,class:`ml-0.5 text-red-500`,"aria-hidden":`true`},ot={class:`flex items-center gap-2 border-b border-gray-100 px-3 py-2`},st={class:`text-xs font-medium text-gray-500`},ct=[`aria-label`],lt={class:`p-3`},ut={class:`mt-1 space-y-2`},dt=[`onDragstart`,`onDragover`,`onDrop`],ft={class:`flex items-center gap-2 border-b border-gray-100 px-3 py-2`},pt={class:`text-xs font-medium text-gray-500`},mt=[`aria-label`,`onClick`],ht={class:`p-3`},gt={key:2,class:`mt-1 text-sm text-red-600`,role:`alert`},_t=d({__name:`ParagraphEmbed`,props:{field:{},modelValue:{},error:{},disabled:{type:Boolean},formComponent:{}},emits:[`update:modelValue`],setup(r,{emit:a}){let o=r,s=a,d=v(()=>R(o.field)===`one`),f=v(()=>{let e=o.modelValue;return typeof e==`object`&&e&&!Array.isArray(e)?e:null});function m(){s(`update:modelValue`,{})}function g(){s(`update:modelValue`,null)}function y(e){s(`update:modelValue`,e)}let S=v(()=>Array.isArray(o.modelValue)?o.modelValue:[]),C=t(null),w=t(null);function T(){let e=[...S.value];e.push({order:e.length}),s(`update:modelValue`,e)}function E(e){let t=[...S.value];t.splice(e,1),s(`update:modelValue`,t.map((e,t)=>({...e,order:t})))}function O(e,t){let n=[...S.value];n[e]={...t,order:e},s(`update:modelValue`,n)}function k(e){C.value=e}function A(e){w.value=e}function ee(e){if(C.value===null||C.value===e){C.value=null,w.value=null;return}let t=[...S.value],[n]=t.splice(C.value,1);n!==void 0&&(t.splice(e,0,n),s(`update:modelValue`,t.map((e,t)=>({...e,order:t}))),C.value=null,w.value=null)}function j(){C.value=null,w.value=null}return(t,a)=>(n(),u(`div`,null,[c(`label`,it,[_(x(r.field.label)+` `,1),r.field.required?(n(),u(`span`,at,`*`)):b(``,!0)]),d.value?(n(),u(p,{key:0},[f.value?(n(),u(`div`,{key:0,class:l([`mt-1 rounded-md border border-gray-200 bg-white`,r.disabled&&`opacity-60`])},[c(`div`,ot,[c(`span`,st,x(r.field.label),1),r.disabled?b(``,!0):(n(),u(`button`,{key:0,type:`button`,class:`ml-auto text-xs text-red-500 hover:text-red-700`,"aria-label":`Remove ${r.field.label}`,onClick:g},` Remove `,8,ct))]),c(`div`,lt,[(n(),h(e(r.formComponent),{"model-value":f.value,disabled:r.disabled,"onUpdate:modelValue":a[0]||=e=>y(e)},null,8,[`model-value`,`disabled`]))])],2)):r.disabled?b(``,!0):(n(),u(`button`,{key:1,type:`button`,class:`mt-2 inline-flex items-center gap-1.5 rounded-md border border-dashed border-gray-300 px-3 py-2 text-sm text-gray-600 hover:border-indigo-400 hover:text-indigo-600`,onClick:m},[a[1]||=c(`span`,{"aria-hidden":`true`},`+`,-1),_(` Add `+x(r.field.label),1)]))],64)):(n(),u(p,{key:1},[c(`div`,ut,[(n(!0),u(p,null,i(S.value,(t,i)=>(n(),u(`div`,{key:i,draggable:`true`,class:l([`rounded-md border bg-white transition-colors`,w.value===i&&C.value!==i?`border-indigo-400 ring-2 ring-indigo-200`:`border-gray-200`,r.disabled&&`opacity-60`]),onDragstart:e=>k(i),onDragover:D(e=>A(i),[`prevent`]),onDrop:D(e=>ee(i),[`prevent`]),onDragend:j},[c(`div`,ft,[a[2]||=c(`span`,{class:`cursor-grab select-none text-gray-400`,title:`Drag to reorder`,"aria-hidden":`true`},` ⋮⋮ `,-1),c(`span`,pt,` Item `+x(i+1),1),r.disabled?b(``,!0):(n(),u(`button`,{key:0,type:`button`,class:`ml-auto text-xs text-red-500 hover:text-red-700`,"aria-label":`Remove item ${i+1}`,onClick:e=>E(i)},` Remove `,8,mt))]),c(`div`,ht,[(n(),h(e(r.formComponent),{"model-value":t,disabled:r.disabled,"onUpdate:modelValue":e=>O(i,e)},null,8,[`model-value`,`disabled`,`onUpdate:modelValue`]))])],42,dt))),128))]),r.disabled?b(``,!0):(n(),u(`button`,{key:0,type:`button`,class:`mt-2 inline-flex items-center gap-1.5 rounded-md border border-dashed border-gray-300 px-3 py-2 text-sm text-gray-600 hover:border-indigo-400 hover:text-indigo-600`,onClick:T},[a[3]||=c(`span`,{"aria-hidden":`true`},`+`,-1),_(` Add `+x(r.field.label),1)]))],64)),r.error?(n(),u(`p`,gt,x(r.error),1)):b(``,!0)]))}}),vt={"text/plain":r(F),"text/rich":r(N),integer:r(z),float:r(z),boolean:r(L),date:r(M),image:r(Ve),video:r(Ve),file:r(Ve),enum:r(P),reference:r(rt),paragraph:r(_t),programmatic:r(I)};function yt(e){return vt[e.field_type]??vt[`text/plain`]}function bt(e){return e.ui_component.component===`paragraph-embed`?{formComponent:St(e.ui_component.ref)}:{}}var xt=new Map;function St(e){let t=xt.get(e);if(t)return t;let n=r(d({name:`ParagraphForm_${e}`,props:{modelValue:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(t,{emit:n}){let r=y(),i=v(()=>r.paragraphTypes[e]);function a(e,r){n(`update:modelValue`,{...t.modelValue,[e]:r})}return()=>i.value?S(`div`,{class:`space-y-3`},i.value.fields.map(e=>S(yt(e),{key:e.name,field:e,modelValue:(t.modelValue??{})[e.name],disabled:t.disabled,...bt(e),"onUpdate:modelValue":t=>a(e.name,t)}))):S(`div`,{class:`text-sm text-gray-400`},`Unknown paragraph type`)}}));return xt.set(e,n),n}var Ct={key:0,class:`flex items-center justify-center py-20`},wt={key:1,class:`py-12 text-center text-sm text-gray-500`},Tt={key:2},Et={class:`mb-[22px] flex flex-wrap items-start justify-between gap-4`},Dt={class:`mb-1.5 text-[11px] font-bold uppercase tracking-[.06em] text-faint`},Ot={class:`text-[25px] font-bold tracking-tight text-ink`},kt={class:`flex shrink-0 flex-wrap items-center gap-[9px]`},At=[`disabled`],jt=[`disabled`],Mt=[`disabled`],Nt=[`disabled`],Pt={key:0,class:`mb-[18px] rounded-2xl border border-card-border bg-white p-5 shadow-[0_1px_2px_rgba(24,24,48,0.04),0_8px_22px_rgba(24,24,48,0.04)]`},Ft={class:`mt-2 flex flex-wrap items-center gap-[10px]`},It=[`disabled`],Lt={key:0,class:`mt-[9px] text-[12.5px] text-[#D9913C]`},Rt={key:1,class:`mt-1 text-sm text-red-600`,role:`alert`},zt=[`data-tab`,`onClick`],Bt={class:`space-y-5`},Vt={key:2,class:`mt-4 text-sm text-red-600`,role:`alert`},Ht=d({__name:`ContentFormView`,setup(r){let s=A(),d=E(),f=ee(),{can:S}=O(),{errors:T,validate:D,mergeServerErrors:k,clearErrors:M,setError:N}=ne(),P=re(),F=y(),I=ie(),L=v(()=>s.params.type),R=v(()=>s.params.id),z=v(()=>F.contentTypes[L.value]),B=v(()=>z.value?.fields??[]),V=v(()=>z.value?.ui.tabs??[]),se=v(()=>z.value?.only_one===!0),H=v(()=>se.value?`singleton`:R.value?`edit`:`create`),U=t(null),W=t({}),G=t(!1),ce=t(``),K=t(!1),q=t(!0),J=t(!1),Y=t(``),X=t(!1),Z=t(!1),Q=t(null),le=t(0),ue=v(()=>V.value[le.value]?.name??``),de=t(null),{left:fe,width:pe}=oe(de,ue),me=v(()=>{if(V.value.length===0)return B.value;let e=V.value[le.value];return e?e.fields.map(e=>B.value.find(t=>t.name===e)).filter(e=>e!==void 0):B.value}),he=v(()=>H.value===`edit`&&G.value&&W.value.slug!==ce.value);function ge(e){let t={};se.value||(t.slug=e?.slug??``);for(let n of B.value)n.field_type!==`programmatic`&&(t[n.name]=e?.[n.name]??te(n));W.value=t,G.value=e?.published===!0,e?.slug&&(ce.value=String(e.slug))}function _e(e,t){W.value[e]=t}async function ve(e){let t=await f.get(`/content/${L.value}/${e}`);t.ok?(U.value=t.data,ge(t.data)):Y.value=t.error.message}C(async()=>{if(!z.value){q.value=!1;return}H.value===`edit`&&R.value||H.value===`singleton`&&R.value?await ve(R.value):ge(),q.value=!1}),m(R,async(e,t)=>{e!==t&&(q.value=!0,K.value=!1,M(),e?await ve(e):(U.value=null,ge()),q.value=!1)});async function $(e){J.value=!0,Y.value=``;let t={...W.value};e!==void 0&&(t.published=e);let n;if(n=H.value===`create`?await f.post(`/content/${L.value}`,t):H.value===`singleton`?await f.put(`/content/${L.value}`,t):await f.patch(`/content/${L.value}/${R.value}`,t),J.value=!1,!n.ok){let e=n.error;e.code===`PUBLISH_VALIDATION_ERROR`&&e.details?k(e.details):e.code===`SLUG_CONFLICT`?N(`slug`,`This slug is already taken.`):Y.value=e.message;return}U.value=n.data,G.value=n.data.published===!0,ce.value=String(n.data.slug??``),K.value=!1,I.invalidate(L.value),P.success(`Saved.`),H.value===`create`&&d.replace({name:`content-edit`,params:{type:L.value,id:String(n.data.id)}})}function ye(){if(D(B.value,W.value)){if(he.value){Q.value=()=>$(),X.value=!0;return}$()}}function be(){if(D(B.value,W.value,!0)){if(he.value){Q.value=()=>$(!0),X.value=!0;return}$(!0)}}function xe(){$(!1)}function Se(){X.value=!1,Q.value&&=(Q.value(),null)}function Ce(){X.value=!1,Q.value=null}async function we(){Z.value=!1,J.value=!0;let e=await f.del(`/content/${L.value}/${R.value}`);if(J.value=!1,!e.ok){Y.value=e.error.message;return}I.invalidate(L.value),d.push({name:`content-list`,params:{type:L.value}})}let Te=v(()=>{if(H.value===`create`)return`New ${z.value?.label??``}`;if(H.value===`singleton`)return z.value?.label??``;let e=B.value.find(e=>e.field_type===`text/plain`);return(e?String(U.value?.[e.name]??``):``)||(z.value?.label??``)});return(t,r)=>q.value?(n(),u(`div`,Ct,[...r[3]||=[c(`span`,{class:`inline-block h-6 w-6 animate-spin rounded-full border-2 border-indigo-600 border-t-transparent`,"aria-hidden":`true`},null,-1)]])):z.value?(n(),u(`div`,Tt,[c(`div`,Et,[c(`div`,null,[c(`p`,Dt,x(z.value.label),1),c(`h1`,Ot,x(Te.value),1)]),c(`div`,kt,[o(S)(`content:delete`)&&H.value===`edit`?(n(),u(`button`,{key:0,type:`button`,disabled:J.value,class:`inline-flex items-center gap-1.5 rounded-[10px] border border-[#F3D2D7] bg-white px-[15px] py-2.5 text-[13px] font-semibold text-[#E1495B] transition-colors hover:bg-[#FDF2F4] disabled:cursor-not-allowed disabled:opacity-50`,onClick:r[0]||=e=>Z.value=!0},` Delete `,8,At)):b(``,!0),o(S)(`content:edit`)?(n(),u(p,{key:1},[G.value?(n(),u(`button`,{key:0,type:`button`,disabled:J.value,class:`rounded-[10px] border border-[#E4E3EE] bg-white px-4 py-2.5 text-[13px] font-semibold text-[#3D3D52] transition-colors hover:bg-surface disabled:cursor-not-allowed disabled:opacity-50`,onClick:xe},` Unpublish `,8,jt)):(n(),u(`button`,{key:1,type:`button`,disabled:J.value,class:`rounded-[10px] border border-[#E4E3EE] bg-white px-4 py-2.5 text-[13px] font-semibold text-[#3D3D52] transition-colors hover:bg-surface disabled:cursor-not-allowed disabled:opacity-50`,onClick:be},` Publish `,8,Mt)),c(`button`,{type:`button`,disabled:J.value,class:`inline-flex items-center gap-1.5 rounded-[10px] bg-indigo-600 px-4 py-2.5 text-[13px] font-semibold text-white shadow-[0_3px_10px_rgba(91,87,232,0.3)] transition-all hover:bg-indigo-700 hover:shadow-[0_6px_18px_rgba(91,87,232,0.4)] disabled:cursor-not-allowed disabled:opacity-50`,onClick:ye},x(J.value?`Saving…`:`Save draft`),9,Nt)],64)):b(``,!0)])]),se.value?b(``,!0):(n(),u(`div`,Pt,[r[4]||=c(`label`,{for:`slug-field`,class:`block text-[13px] font-semibold text-[#3D3D52]`},[_(` Slug `),c(`span`,{class:`ml-0.5 text-red-500`,"aria-hidden":`true`},`*`)],-1),c(`div`,Ft,[a(c(`input`,{id:`slug-field`,"onUpdate:modelValue":r[1]||=e=>W.value.slug=e,type:`text`,disabled:J.value||G.value&&!K.value,class:l([`block min-w-[180px] flex-1 rounded-[10px] border px-[13px] py-[11px] font-mono text-sm focus:outline-none focus:ring-2`,o(T).slug?`border-red-300 focus:border-red-400 focus:ring-red-200`:`border-[#E4E3EE] bg-surface focus:border-indigo-400 focus:ring-indigo-200`,(J.value||G.value&&!K.value)&&`cursor-not-allowed bg-gray-100 opacity-70`]),placeholder:`url-slug`},null,10,It),[[j,W.value.slug]]),G.value&&!K.value?(n(),u(`button`,{key:0,type:`button`,class:`shrink-0 rounded-[10px] border border-[#E4E3EE] bg-white px-4 py-2.5 text-sm font-semibold text-[#3D3D52] transition-colors hover:bg-surface`,onClick:r[2]||=e=>K.value=!0},` Edit slug `)):b(``,!0)]),G.value?(n(),u(`p`,Lt,` Changing this slug will break existing links. `)):b(``,!0),o(T).slug?(n(),u(`p`,Rt,x(o(T).slug),1)):b(``,!0)])),V.value.length>1?(n(),u(`div`,{key:1,ref_key:`tabBarRef`,ref:de,class:`relative mb-[22px] flex gap-0 overflow-x-auto border-b border-card-border`},[(n(!0),u(p,null,i(V.value,(e,t)=>(n(),u(`button`,{key:e.name,"data-tab":e.name,type:`button`,class:l([`mr-6 whitespace-nowrap bg-none px-0.5 py-[11px] text-sm transition-colors`,le.value===t?`font-semibold text-indigo-600`:`font-medium text-faint hover:text-[#8A8A9E]`]),onClick:e=>le.value=t},x(e.label),11,zt))),128)),c(`div`,{class:`absolute -bottom-px h-0.5 rounded-full bg-indigo-600 transition-[left,width] duration-300`,style:g({left:`${o(fe)}px`,width:`${o(pe)}px`})},null,4)],512)):b(``,!0),c(`div`,Bt,[(n(!0),u(p,null,i(me.value,t=>(n(),h(e(o(yt)(t)),w({key:t.name,field:t,"model-value":W.value[t.name],error:o(T)[t.name],disabled:J.value},{ref_for:!0},o(bt)(t),{"onUpdate:modelValue":e=>_e(t.name,e)}),null,16,[`field`,`model-value`,`error`,`disabled`,`onUpdate:modelValue`]))),128))]),Y.value?(n(),u(`p`,Vt,x(Y.value),1)):b(``,!0),X.value?(n(),h(ae,{key:3,message:`This item is published. Changing its slug will break existing links. Continue?`,"on-confirm":Se,"on-cancel":Ce})):b(``,!0),Z.value?(n(),h(ae,{key:4,message:`Are you sure you want to delete this item? This action cannot be undone.`,"on-confirm":we,"on-cancel":()=>Z.value=!1},null,8,[`on-cancel`])):b(``,!0)])):(n(),u(`div`,wt,` Content type not found. `))}});export{Ht as default};

package/dist/assets/MediaLibraryView-OGPHji7F.js

@@ -1 +0,0 @@
-import{B as e,E as t,O as n,P as r,W as i,c as a,ct as o,d as s,g as c,h as l,i as u,j as ee,l as te,lt as d,m as f,s as ne,u as p,ut as m,w as re}from"./schema-B-RKX_ep.js";import{c as ie,d as ae,n as oe,r as se,t as ce,u as le}from"./index-DHBhcS6-.js";import{t as ue}from"./useNotification-B8AtuEWL.js";import{t as de}from"./ConfirmDialog-B7nxdDge.js";import{n as h,r as fe,t as pe}from"./MediaThumbnail-q7pxungQ.js";import{t as me}from"./Pagination-BIf7mQy7.js";import{t as he}from"./media-DvQfZD4o.js";var ge={class:`mb-[18px] flex flex-wrap items-center justify-between gap-4`},_e={key:0},ve={key:0,class:`mb-5 rounded-md border border-gray-200 bg-white p-4 shadow-sm`},ye={key:0,class:`space-y-3`},be={class:`text-sm font-medium text-gray-700`},xe={class:`flex gap-2`},Se=[`disabled`],Ce={key:1,class:`space-y-2`},we={class:`text-sm text-gray-500`},Te={class:`flex items-center gap-2`},g={class:`h-2 flex-1 overflow-hidden rounded-full bg-gray-100`},_={class:`w-8 shrink-0 text-right text-xs text-gray-500`},v={key:2,class:`mt-2 text-sm text-red-600`,role:`alert`},y=[`data-tab`,`onClick`],b={key:1,class:`mb-3 flex items-center gap-3`},x={class:`flex cursor-pointer items-center gap-2 text-sm text-gray-600`},S=[`checked`,`indeterminate`],C={key:2,class:`grid grid-cols-3 gap-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6`},w={key:3,class:`rounded-2xl border border-dashed border-gray-300 p-12 text-center`},T={class:`text-sm text-muted`},E={key:4,class:`grid grid-cols-3 gap-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6`},D=[`checked`,`onChange`],O=[`aria-label`,`onClick`],Ee={key:5,class:`mt-5 flex justify-center`},k=20,A=c({__name:`MediaLibraryView`,setup(c){let A=ie(),j=ce(),{can:M}=oe(),N=ue(),De=se(),P=he(),F=e(`all`),I=ne(()=>F.value===`orphaned`),Oe=[{value:`all`,label:`All`},{value:`image`,label:`Images`},{value:`video`,label:`Videos`},{value:`file`,label:`PDFs`},{value:`orphaned`,label:`Orphaned`}],L=e(null),{left:R,width:ke}=fe(L,F),z=e([]),B=e(0),V=e(1),H=e(!1);function Ae(e,t){let n=new URLSearchParams({page:String(t),per_page:String(k)});return e===`orphaned`?n.set(`orphaned`,`true`):e!==`all`&&n.set(`type`,e),`/media?${n.toString()}`}async function U(e,t){H.value=!0;let n=await j.get(Ae(e,t));H.value=!1,n.ok&&(z.value=n.data,B.value=n.meta?.total??n.data.length,P.setItems(n.data))}re(()=>{U(F.value,V.value)}),ee(F,e=>{V.value=1,W.value.clear(),U(e,1)});function je(e){V.value=e,U(F.value,e)}function Me(e){A.push({name:`media-detail`,params:{id:e}})}let W=e(new Set),G=e(!1);function Ne(e){W.value.has(e)?W.value.delete(e):W.value.add(e)}function Pe(){W.value.size===z.value.length?W.value.clear():W.value=new Set(z.value.map(e=>e.id))}async function Fe(){G.value=!1;let e=[...W.value];for(let t of e)await j.del(`/media/${t}`),P.removeItem(t);z.value=z.value.filter(t=>!e.includes(t.id)),B.value=Math.max(0,B.value-e.length),W.value.clear(),N.success(`Deleted ${e.length} item${e.length===1?``:`s`}.`)}let K=e(`idle`),q=e(null),J=e(`file`),Y=e(``),X=e(0),Z=e(``),Q=e(null);function Ie(e){return e.type.startsWith(`image/`)?`image`:e.type.startsWith(`video/`)?`video`:`file`}function Le(e){return e>=1e6?`${(e/1e6).toFixed(1)} MB`:e>=1e3?`${Math.round(e/1e3)} KB`:`${e} B`}function Re(e){let t=e.target.files?.[0];t&&(e.target.value=``,q.value=t,J.value=Ie(t),Y.value=``,Z.value=``,J.value===`image`?$(t):K.value=`alt-collect`)}function ze(e,t){return new Promise((n,r)=>{let i=new FormData;i.append(`file`,e),t&&i.append(`alt`,t);let a=new XMLHttpRequest;a.withCredentials=!0,a.open(`POST`,`/admin/api/media/${J.value}`),a.upload.onprogress=e=>{e.lengthComputable&&(X.value=Math.round(e.loaded/e.total*100))},a.onload=()=>{try{let e=JSON.parse(a.responseText);e.ok&&e.data?n(e.data):r(Error(e.error?.message??`Upload failed`))}catch{r(Error(`Invalid server response`))}},a.onerror=()=>r(Error(`Network error`)),a.send(i)})}async function Be(e,t){let n=new URLSearchParams({type:J.value,filename:e.name,mime_type:e.type}),r=await(await fetch(`/admin/api/media/presigned-url?${n.toString()}`,{credentials:`include`})).json();if(!r.ok||!r.data)throw Error(r.error?.message??`Failed to get upload URL`);let{upload_url:i,media_id:a,method:o,fields:s}=r.data;await new Promise((t,n)=>{let r=new XMLHttpRequest;if(r.upload.onprogress=e=>{e.lengthComputable&&(X.value=Math.round(e.loaded/e.total*100))},r.onload=()=>r.status>=200&&r.status<300?t():n(Error(`Storage upload failed (${r.status})`)),r.onerror=()=>n(Error(`Network error`)),o===`POST`&&s){let t=new FormData;for(let[e,n]of Object.entries(s))t.append(e,n);t.append(`file`,e),r.open(`POST`,i),r.send(t)}else r.open(`PUT`,i),r.send(e)});let c=await(await fetch(`/admin/api/media/confirm/${a}`,{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({alt:t})})).json();if(!c.ok||!c.data)throw Error(c.error?.message??`Upload confirmation failed`);return c.data}async function $(e){K.value=`uploading`,X.value=0,Z.value=``;try{let t=Y.value.trim(),n=De.presignedUploads?await Be(e,t):await ze(e,t);z.value=[n,...z.value],B.value+=1,P.setItem(n),N.success(`Upload complete.`)}catch(e){Z.value=e instanceof Error?e.message:`Upload failed`}finally{K.value=`idle`,q.value=null}}function Ve(){q.value&&$(q.value)}function He(){q.value=null,Y.value=``,Z.value=``,K.value=`idle`}return(e,c)=>(t(),s(`div`,null,[a(`div`,ge,[c[5]||=a(`h1`,{class:`text-[26px] font-bold tracking-tight text-ink`},`Media library`,-1),i(M)(`media:create`)?(t(),s(`div`,_e,[a(`input`,{ref_key:`fileInputRef`,ref:Q,type:`file`,class:`hidden`,accept:`image/*,video/*,application/pdf,.pdf`,onChange:Re},null,544),a(`button`,{type:`button`,class:`inline-flex items-center gap-1.75 rounded-[11px] bg-indigo-600 px-4 py-2.5 text-[13.5px] font-semibold text-white shadow-[0_3px_10px_rgba(91,87,232,0.3)] transition-all hover:bg-indigo-700 hover:shadow-[0_6px_18px_rgba(91,87,232,0.4)]`,onClick:c[0]||=e=>Q.value?.click()},[...c[4]||=[a(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.9`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[a(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),a(`path`,{d:`M17 8l-5-5-5 5`}),a(`path`,{d:`M12 3v12`})],-1),f(` Upload `,-1)]])])):p(``,!0)]),K.value===`idle`?p(``,!0):(t(),s(`div`,ve,[K.value===`alt-collect`?(t(),s(`div`,ye,[a(`p`,be,m(q.value?.name),1),a(`div`,null,[c[6]||=a(`label`,{for:`upload-alt`,class:`block text-xs text-gray-600`},[f(` Alt text `),a(`span`,{class:`text-red-500`},`*`)],-1),r(a(`input`,{id:`upload-alt`,"onUpdate:modelValue":c[1]||=e=>Y.value=e,type:`text`,placeholder:`Describe this file`,class:`mt-0.5 block w-full rounded-md border border-gray-300 px-3 py-1.5 text-sm shadow-sm focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-200`},null,512),[[le,Y.value]])]),a(`div`,xe,[a(`button`,{type:`button`,class:`rounded-md px-3 py-1.5 text-sm text-gray-600 ring-1 ring-inset ring-gray-300 hover:bg-gray-50`,onClick:He},` Cancel `),a(`button`,{type:`button`,disabled:!Y.value.trim(),class:`rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-medium text-white hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50`,onClick:Ve},` Upload `,8,Se)])])):K.value===`uploading`?(t(),s(`div`,Ce,[a(`p`,we,`Uploading`+m(q.value?` ${q.value.name}`:`…`),1),a(`div`,Te,[a(`div`,g,[a(`div`,{class:`h-2 rounded-full bg-indigo-600 transition-all duration-150`,style:d({width:`${X.value}%`})},null,4)]),a(`span`,_,m(X.value)+`%`,1)])])):p(``,!0),Z.value?(t(),s(`p`,v,m(Z.value),1)):p(``,!0)])),a(`div`,{ref_key:`tabBarRef`,ref:L,class:`relative mb-[22px] flex gap-0 overflow-x-auto border-b border-card-border`},[(t(),s(u,null,n(Oe,e=>a(`button`,{key:e.value,"data-tab":e.value,type:`button`,class:o([`mr-[22px] whitespace-nowrap bg-none px-0.5 py-[11px] text-sm transition-colors`,F.value===e.value?`font-semibold text-indigo-600`:`font-medium text-faint hover:text-[#8A8A9E]`]),onClick:t=>F.value=e.value},m(e.label),11,y)),64)),a(`div`,{class:`absolute bottom-[-1px] h-[2px] rounded-full bg-indigo-600 transition-[left,width] duration-300`,style:d({left:`${i(R)}px`,width:`${i(ke)}px`})},null,4)],512),I.value&&z.value.length>0&&i(M)(`media:delete`)?(t(),s(`div`,b,[a(`label`,x,[a(`input`,{type:`checkbox`,checked:W.value.size===z.value.length&&z.value.length>0,indeterminate:W.value.size>0&&W.value.size<z.value.length,class:`rounded border-gray-300 text-indigo-600 focus:ring-indigo-500`,onChange:Pe},null,40,S),c[7]||=f(` Select all `,-1)]),W.value.size>0?(t(),s(`button`,{key:0,type:`button`,class:`rounded-md bg-red-600 px-3 py-1.5 text-sm font-medium text-white hover:bg-red-700`,onClick:c[2]||=e=>G.value=!0},` Delete `+m(W.value.size)+` selected `,1)):p(``,!0)])):p(``,!0),H.value?(t(),s(`div`,C,[(t(),s(u,null,n(12,e=>a(`div`,{key:e,class:`aspect-square animate-pulse rounded-[14px] bg-gray-100`})),64))])):z.value.length===0?(t(),s(`div`,w,[a(`p`,T,m(I.value?`No orphaned files.`:`No media files yet.`),1)])):(t(),s(`div`,E,[(t(!0),s(u,null,n(z.value,e=>(t(),s(`div`,{key:e.id,class:`group relative aspect-square`},[I.value&&i(M)(`media:delete`)?(t(),s(`label`,{key:0,class:`absolute left-1.5 top-1.5 z-10 cursor-pointer`,onClick:c[3]||=ae(()=>{},[`stop`])},[a(`input`,{type:`checkbox`,checked:W.value.has(e.id),class:`rounded border-gray-300 bg-white text-indigo-600 shadow focus:ring-indigo-500`,onChange:t=>Ne(e.id)},null,40,D)])):p(``,!0),a(`button`,{type:`button`,class:`h-full w-full overflow-hidden rounded-[14px] border border-card-border shadow-[0_1px_2px_rgba(24,24,48,0.04),0_8px_22px_rgba(24,24,48,0.05)] transition-all hover:-translate-y-[3px] hover:shadow-[0_12px_30px_rgba(24,24,48,0.12)] focus:outline-none focus:ring-2 focus:ring-indigo-500`,"aria-label":`View ${e.alt??i(h)(e.url)}`,onClick:t=>Me(e.id)},[l(pe,{item:e,label:i(h)(e.url),detail:Le(e.file_size)},null,8,[`item`,`label`,`detail`])],8,O)]))),128))])),!H.value&&B.value>k?(t(),s(`div`,Ee,[l(me,{total:B.value,page:V.value,"per-page":k,"onUpdate:page":je},null,8,[`total`,`page`])])):p(``,!0),G.value?(t(),te(de,{key:6,message:`Permanently delete ${W.value.size} file${W.value.size===1?``:`s`}? This cannot be undone.`,"on-confirm":Fe,"on-cancel":()=>G.value=!1},null,8,[`message`,`on-cancel`])):p(``,!0)]))}});export{A as default};

package/dist/assets/MediaThumbnail-q7pxungQ.js

@@ -1 +0,0 @@
-import{B as e,C as t,E as n,S as r,W as i,c as a,ct as o,d as s,g as c,i as l,j as u,s as d,u as f,ut as p,w as m}from"./schema-B-RKX_ep.js";function h(t,n){let i=e(0),a=e(0);function o(){let e=t.value;if(!e)return;let r=e.querySelector(`[data-tab="${n.value}"]`);r&&(i.value=r.offsetLeft,a.value=r.offsetWidth)}return u([t,n],()=>{r(()=>o())},{immediate:!0}),{left:i,width:a,measure:o}}var g={red:`bg-red-600`,blue:`bg-blue-600`,green:`bg-green-600`,orange:`bg-orange-500`,gray:`bg-gray-500`},_=[{test:e=>e===`application/pdf`,kind:{label:`PDF`,tone:`red`}},{test:e=>e===`application/msword`||e===`application/rtf`||e.includes(`wordprocessingml`)||e===`application/vnd.oasis.opendocument.text`,kind:{label:`DOC`,tone:`blue`}},{test:e=>e===`application/vnd.ms-excel`||e===`text/csv`||e.includes(`spreadsheetml`)||e===`application/vnd.oasis.opendocument.spreadsheet`,kind:{label:`XLS`,tone:`green`}},{test:e=>e===`application/vnd.ms-powerpoint`||e.includes(`presentationml`)||e===`application/vnd.oasis.opendocument.presentation`,kind:{label:`PPT`,tone:`orange`}},{test:e=>e===`application/zip`||e===`application/x-zip-compressed`||e===`application/gzip`||e===`application/x-gzip`||e===`application/x-tar`||e===`application/x-7z-compressed`||e===`application/x-rar-compressed`||e===`application/vnd.rar`,kind:{label:`ZIP`,tone:`gray`}},{test:e=>e.startsWith(`text/`),kind:{label:`TXT`,tone:`gray`}}];function v(e){return(e.split(/[?#]/)[0]??``).split(`/`).pop()||e}function y(e){let t=v(e),n=t.lastIndexOf(`.`);if(n<=0)return``;let r=t.slice(n+1);return/^[a-z0-9]{1,5}$/i.test(r)?r.toUpperCase():``}function b(e,t){let n=(e.split(`;`)[0]??``).trim().toLowerCase(),r=_.find(e=>e.test(n));return r?r.kind:{label:y(t)||`FILE`,tone:`gray`}}var x=[`src`,`alt`],S=[`src`],C={key:0,class:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent px-1 pb-1 pt-4 text-center`},w={key:0,class:`truncate text-xs text-white`},T={key:1,class:`text-[10px] text-gray-200`},E={key:2,class:`flex h-full w-full flex-col items-center justify-center gap-1 bg-gray-50 p-1 text-gray-400`},D={key:0,class:`max-w-full truncate text-center text-xs`},O={key:1,class:`text-xs text-gray-300`},k=c({__name:`MediaThumbnail`,props:{item:{},label:{},detail:{}},setup(r){let c=r,h=e(null),_=typeof IntersectionObserver<`u`,v=e(!_),y=e(!1),k=null;function A(){k?.disconnect(),k=null}function j(){A(),y.value=!1,v.value=!_,!(c.item.type!==`video`||!_||!h.value)&&(k=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(v.value=!0,A())}),k.observe(h.value))}m(j),u(()=>[c.item.url,c.item.type],j),t(A);let M=d(()=>v.value?`${c.item.url}#t=0.1`:void 0),N=d(()=>b(c.item.mime_type,c.item.url));return(e,t)=>(n(),s(`div`,{ref_key:`root`,ref:h,class:`relative h-full w-full overflow-hidden`},[r.item.type===`image`?(n(),s(`img`,{key:0,src:r.item.url,alt:r.item.alt??``,class:`h-full w-full object-cover`,loading:`lazy`},null,8,x)):r.item.type===`video`&&!y.value?(n(),s(l,{key:1},[a(`video`,{src:M.value,preload:`metadata`,muted:``,playsinline:``,class:`h-full w-full bg-gray-900 object-cover`,onError:t[0]||=e=>y.value=!0},null,40,S),t[1]||=a(`span`,{class:`absolute left-1 top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black/60 text-[10px] text-white`,"aria-hidden":`true`},`▶`,-1),r.label||r.detail?(n(),s(`div`,C,[r.label?(n(),s(`p`,w,p(r.label),1)):f(``,!0),r.detail?(n(),s(`p`,T,p(r.detail),1)):f(``,!0)])):f(``,!0)],64)):(n(),s(`div`,E,[t[2]||=a(`span`,{class:`relative inline-flex`,"aria-hidden":`true`},[a(`svg`,{viewBox:`0 0 24 24`,class:`h-9 w-9`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[a(`path`,{d:`M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z`}),a(`path`,{d:`M14 3v5h5`})])],-1),a(`span`,{"data-testid":`file-badge`,class:o([`rounded px-1 text-[10px] font-semibold leading-4 text-white`,r.item.type===`video`?`bg-gray-700`:i(g)[N.value.tone]])},p(r.item.type===`video`?`VIDEO`:N.value.label),3),r.label?(n(),s(`span`,D,p(r.label),1)):f(``,!0),r.detail?(n(),s(`span`,O,p(r.detail),1)):f(``,!0)]))],512))}});export{v as n,h as r,k as t};

package/dist/assets/TaxonomyFormView-Dzaz47pa.js

@@ -1 +0,0 @@
-import{A as e,B as t,E as n,O as r,W as i,c as a,d as o,g as s,i as ee,j as c,l,s as u,t as te,u as d,ut as f,w as ne}from"./schema-B-RKX_ep.js";import{c as re,n as ie,s as ae,t as oe}from"./index-DHBhcS6-.js";import{a as se,c as ce,i as le,l as p,n as ue,o as de,s as m,t as h,u as g}from"./field-defaults-m6kJphku.js";import{t as _}from"./useNotification-B8AtuEWL.js";import{t as v}from"./ConfirmDialog-B7nxdDge.js";import{t as y}from"./taxonomy-DC-6wyg3.js";function b(e){return e.field_type===`programmatic`?!1:e.db_column!==null&&!e.db_column.junction}function fe(e,t){let n={};for(let r of e)b(r)&&(n[r.name]=t?.[r.name]??h(r));return n}var x={key:0,class:`flex items-center justify-center py-20`},S={key:1,class:`py-12 text-center text-sm text-gray-500`},C={key:2},w={class:`mb-6 flex items-start justify-between gap-4`},T={class:`text-xs font-medium uppercase tracking-wide text-gray-400`},E={class:`text-[26px] font-bold tracking-tight text-ink`},D={class:`flex shrink-0 items-center gap-2`},O=[`disabled`],k=[`disabled`],A={class:`space-y-5`},j={key:0,class:`mt-4 text-sm text-red-600`,role:`alert`},M=s({__name:`TaxonomyFormView`,setup(s){let h=ae(),b=re(),M=oe(),{can:N}=ie(),{errors:P,validate:F,mergeServerErrors:I,clearErrors:L,setError:R}=g(),z=_(),pe=te(),B=y(),V=u(()=>h.params.type),H=u(()=>h.params.id),U=u(()=>!!H.value),W=u(()=>pe.taxonomyTypes[V.value]),G=u(()=>W.value?.fields??[]),K=t(null),q=t({}),J=t(!0),Y=t(!1),X=t(``),Z=t(!1),me={"text/plain":p,"text/rich":ce,integer:m,float:m,boolean:de,date:se,enum:le,programmatic:ue};function he(e){let t=e.field_type;return me[t]??p}function Q(e){q.value=fe(G.value,e)}function ge(e,t){q.value[e]=t}async function $(e){let t=await M.get(`/taxonomy/${V.value}/${e}`);t.ok?(K.value=t.data,Q(t.data)):X.value=t.error.message}ne(async()=>{if(!W.value){J.value=!1;return}U.value&&H.value?await $(H.value):Q(),J.value=!1}),c(H,async(e,t)=>{e!==t&&(J.value=!0,L(),e?await $(e):(K.value=null,Q()),J.value=!1)});async function _e(){if(!F(G.value,q.value))return;Y.value=!0,X.value=``;let e=U.value?await M.patch(`/taxonomy/${V.value}/${H.value}`,q.value):await M.post(`/taxonomy/${V.value}`,q.value);if(Y.value=!1,!e.ok){let t=e.error;t.code===`PUBLISH_VALIDATION_ERROR`&&t.details?I(t.details):t.code===`SLUG_CONFLICT`?R(`slug`,`This slug is already taken.`):X.value=t.message;return}K.value=e.data,B.invalidate(V.value),z.success(`Saved.`),U.value||b.replace({name:`taxonomy-edit`,params:{type:V.value,id:String(e.data.id)}})}async function ve(){Z.value=!1,Y.value=!0;let e=await M.del(`/taxonomy/${V.value}/${H.value}`);if(Y.value=!1,!e.ok){X.value=e.error.message;return}B.invalidate(V.value),b.push({name:`taxonomy-list`,params:{type:V.value}})}let ye=u(()=>{if(!U.value)return`New ${W.value?.label??``}`;let e=G.value.find(e=>e.field_type===`text/plain`);return e?String(K.value?.[e.name]??``):W.value?.label??``});return(t,s)=>J.value?(n(),o(`div`,x,[...s[1]||=[a(`span`,{class:`inline-block h-6 w-6 animate-spin rounded-full border-2 border-indigo-600 border-t-transparent`,"aria-hidden":`true`},null,-1)]])):W.value?(n(),o(`div`,C,[a(`div`,w,[a(`div`,null,[a(`p`,T,f(W.value.label),1),a(`h1`,E,f(ye.value),1)]),a(`div`,D,[i(N)(`taxonomy:delete`)&&U.value?(n(),o(`button`,{key:0,type:`button`,disabled:Y.value,class:`rounded-md px-3 py-2 text-sm font-medium text-red-600 ring-1 ring-inset ring-red-300 hover:bg-red-50 disabled:cursor-not-allowed disabled:opacity-50`,onClick:s[0]||=e=>Z.value=!0},` Delete `,8,O)):d(``,!0),(U.value?i(N)(`taxonomy:edit`):i(N)(`taxonomy:create`))?(n(),o(`button`,{key:1,type:`button`,disabled:Y.value,class:`rounded-[11px] bg-indigo-600 px-4 py-2.5 text-[13.5px] font-semibold text-white shadow-[0_3px_10px_rgba(91,87,232,0.3)] transition-all hover:bg-indigo-700 hover:shadow-[0_6px_18px_rgba(91,87,232,0.4)] disabled:cursor-not-allowed disabled:opacity-50`,onClick:_e},f(Y.value?`Saving…`:`Save`),9,k)):d(``,!0)])]),a(`div`,A,[(n(!0),o(ee,null,r(G.value,t=>(n(),l(e(he(t)),{key:t.name,field:t,"model-value":q.value[t.name],error:i(P)[t.name],disabled:Y.value,"onUpdate:modelValue":e=>ge(t.name,e)},null,8,[`field`,`model-value`,`error`,`disabled`,`onUpdate:modelValue`]))),128))]),X.value?(n(),o(`p`,j,f(X.value),1)):d(``,!0),Z.value?(n(),l(v,{key:1,message:`Are you sure you want to delete this term? This action cannot be undone.`,"on-confirm":ve,"on-cancel":()=>Z.value=!1},null,8,[`on-cancel`])):d(``,!0)])):(n(),o(`div`,S,` Taxonomy type not found. `))}});export{M as default};