https://app.tagboard.com/assets/DesignLibraryView-uNUafez7.js

1import{bZ as es,bG as ts,b_ as Pt,bj as pt,b$ as Re,b9 as ss,c0 as rs,c1 as os,bO as as,bs as ns,c2 as is,c3 as mt,p as b,ab as ls,ac as ds,ad as cs,ae as us,c4 as ps,_ as ve,J as Ce,k as fe,Y as ke,x as ue,l as Y,z as Ge,a9 as Tt,o as y,c as I,d as n,h as m,i as P,E as v,e as H,G as V,g as M,L as W,m as Te,M as te,n as ee,t as T,w as De,T as Ut,r as Se,a as ms,X as Ze,c5 as ft,V as He,c6 as Ft,aC as Ct,N as Ie,F as ie,ah as Le,b as $e,u as Me,aV as me,aB as Lt,S as fs,ai as vs,af as gs,c7 as ys,K as vt}from"./index-DQqb9aCp.js";import{u as Fe,a as hs}from"./index-DFIVrxhL.js";import{s as Ae}from"./progressspinner.esm-CsvXsIHC.js";import{s as gt}from"./message.esm-CJURKKEa.js";import{i as bs,p as _s}from"./helpers-BV9Nhx-V.js";import{s as yt}from"./breadcrumb.esm-DPyIbXRY.js";import{s as Mt}from"./checkbox.esm-CWiAU-lx.js";import{s as xs}from"./chip.esm-BYeN1a4r.js";import{s as ws}from"./dropdown.esm-BF0u3VlW.js";import{s as $s}from"./fileupload.esm-DPsKOV_t.js";import{a as Ds,s as Is}from"./inputicon.esm-BitP9peM.js";import{s as Et}from"./inputtext.esm-BvRTjQHt.js";import{s as ks}from"./multiselect.esm-CYM7oHhB.js";import{s as Bt}from"./menu.esm-BD4Blk5x.js";import{u as Ss,f as ht,g as As}from"./mediaSize-Dc_fxt5o.js";import{u as bt,_ as Ps}from"./RenameDialog-BVU6tpMM.js";import{s as zt}from"./divider.esm-Dxdk4pfc.js";import{s as _t}from"./image.esm-Pp-HqWI1.js";import{s as xt}from"./tag.esm-C2pfHRBi.js";import{s as wt}from"./radiobutton.esm-CrbMCvy7.js";import{s as Ts}from"./progressbar.esm-vARj_csj.js";import{b as Us}from"./_baseFlatten-BuwNe6Tw.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new Error().stack;s&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[s]="a90c91c0-d793-4d25-b4c7-894fc7be08bb",t._sentryDebugIdIdentifier="sentry-dbid-a90c91c0-d793-4d25-b4c7-894fc7be08bb")}catch{}})();function Fs(t,s){return t&&es(t,s,ts)}function Cs(t,s){return function(a,i){if(a==null)return a;

1if(!Pt(a))return t(a,i);for(var l=a.length,r=-1,g=Object(a);++r<l&&i(g[r],r,g)!==!1;);return a}}var Ls=Cs(Fs);function Ms(t,s){var a=-1,i=Pt(t)?Array(t.length):[];return Ls(t,function(l,r,g){i[++a]=s(l,r,g)}),i}function Es(t){return t==null}function Bs(t,s){var a=t.length;for(t.sort(s);a--;)t[a]=t[a].value;return t}function zs(t,s){if(t!==s){var a=t!==void 0,i=t===null,l=t===t,r=pt(t),g=s!==void 0,p=s===null,o=s===s,_=pt(s);if(!p&&!_&&!r&&t>s||r&&g&&o&&!p&&!_||i&&g&&o||!a&&o||!l)return 1;if(!i&&!r&&!_&&t<s||_&&a&&l&&!i&&!r||p&&a&&l||!g&&l||!o)return-1}return 0}function Rs(t,s,a){for(var i=-1,l=t.criteria,r=s.criteria,g=l.length,p=a.length;++i<g;){var o=zs(l[i],r[i]);if(o){if(i>=p)return o;var _=a[i];return o*(_=="desc"?-1:1)}}return t.index-s.index}function js(t,s,a){s.length?s=Re(s,function(r){return ss(r)?function(g){return rs(g,r.length===1?r[0]:r)}:r}):s=[os];var i=-1;s=Re(s,as(ns));var l=Ms(t,function(r,g,p){var o=Re(s,function(_){return _(r)});return{criteria:o,index:++i,value:r}});return Bs(l,function(r,g){return Rs(r,g,a)})}var je=is(function(t,s){if(t==null)return[];var a=s.length;return a>1&&mt(t,s[0],s[1])?s=[]:a>2&&mt(s[0],s[1],s[2])&&(s=[s[0]]),js(t,Us(s),[])});const oe=ls({baseUrl:us,options:{async onFetchError(t){return cs(t),t},beforeFetch(t){const s=ds();if(s.currentTeamId||t.cancel(),typeof t.options.query=="object"){const a=new URLSearchParams(t.options.query);t.url+=`?${a.toString()}`}t.options.headers["Tgb-Owner"]=s.currentTeamId}},fetchOptions:{credentials:"include",mode:"cors",headers:{"Content-Type":"application/json"}}}),Ee=()=>({createAsset:(t={},s={})=>oe("/assets",s).post(t).text(),createDirectory:(t={},s={})=>oe("/directories",s).post(t).text(),getList:(t={},s={})=>{const a=b(()=>Object.keys(t.value).filter(l=>{const r=t.value[l];return Array.isArray(r)?!!r.length:r}).map(l=>`${l}=${t.value[l]}`).join("&")),i=b(()=>`/assets?${a.value}`);return oe(i,s).get().json()},getDirectory:(t,s={})=>oe(`/directories/${t}?includeParentTree=true`,s).get().json(),getDirectories:(t,s={})=>{const a=b(()=>Object.keys(t.value).filter(l=>{const r=t.value[l];return Array.isArray(r)?!!r.length:r}).map(l=>`${l}=${t.value[l]}`).join("&")),i=b(()=>`/directories?${a.value}`);return oe(i,s).get().json()},getAsset:(t,s={})=>oe(`/assets/${t}`,s).get().json(),getMultipleAssets:(t=[],s={})=>oe("/assets/many",s).post({ids:t}).json(),updateAsset:(t,s={},a={})=>oe(`/assets/${t}`,a).put(s).json(),updateAssets:(t,s={})=>oe("/assets",s).put(t).json(),updateDirectory:(t,s={},a={})=>oe(`/directories/${t}`,a).put(s).json(),updateDirectories:(t,s={})=>oe("/directories",s).put(t).json(),getPresignedUrl:(t={},s={})=>{const{filename:a,type:i,contentType:l}=t,r=`/assets/upload?filename=${encodeURIComponent(a)}&type=${i}&contentType=${encodeURIComponent(l)}`;return oe(r,s).get().json()},removeAssets:(t,s={})=>oe("/assets",s).delete({ids:t}).json(),removeDirectories:(t,s={})=>oe("/directories",s).delete({ids:t}).json(),getStats:(t={})=>oe("/assets/stats",t).get().json(),getFonts:()=>oe("/assets/fonts").get().json()}),Ye=["gif","jpeg","jpg","png","svg","webp"],Qe=["mp4","mpeg","mpg","webm"],Je=["otf","ttf","woff","woff2"],Os=["avi","m4v","mkv","mov","wmv"],Vs=["bmp","heic","heif","tif","tiff"],Ns=["font/otf","font/ttf","font/woff","font/woff2"],de={image:new Set(Ye),video:new Set(Qe),font:new Set(Je)},_e={image:"image/",video:"video/",font:"font/"},qe=new Set(Ns),qs={image:Ye,video:Qe,font:Je},Ws=[...Ye,...Qe,...Je].map(t=>`.${t}`).join(","),Oe={image:new Set(Vs),video:new Set(Os),font:new Set},Ks=Ee(),We=t=>/(?:\.([^.]+))?$/.exec(t)[1],$t=t=>{if(t.type)return t.type;const s=(We(t.name)||"").toLowerCase();return de.font.has(s)?`font/${s}`:de.video.has(s)?`video/${s}`:de.image.has(s)?`image/${s}`:""},Gs=t=>t.type.indexOf("font/")===0||t.type===""||t.type.indexOf("application/")===0?"font":t.type.indexOf("video/")===0?"video":"image",Zs=t=>{let s=typeof t=="string"?t:"";try{const o=new URL(s,"http://dummy.com").pathname.split("/").pop();try{s=decodeURIComponent(o)}catch{s=o}}catch{[s]=s.split("?")}const a=s.replace(/[^a-z0-9_.-]/gi,"_"),i=/(?:(.*)\.([^.]+))?$/.exec(a),l=i&&i[1]?i[

11]:a,r=i&&i[2]?`.${i[2]}`:"",g=Array.from({length:5}).map(()=>Math.floor(Math.random()*16).toString(16)).join("");return`${l}-${g}${r}`},Hs=1,Rt=Hs*1e3,Dt=Rt*1e3,It=(t=0)=>t>=Dt?`${(t/1e6).toFixed(1)} TB`.replace(".0",""):t>=Rt&&t<Dt?`${(t/1e3).toFixed(1)} GB`.replace(".0",""):`${t.toFixed(1)} MB`.replace(".0",""),Ys=t=>new Promise((s,a)=>{try{const i=document.createElement("video");i.preload="metadata",i.onloadedmetadata=function(){s(this)},i.src=URL.createObjectURL(t)}catch(i){a(i)}}),Qs=async(t={})=>{const{url:s,fields:a,file:i,directory:l,owner:r}=t;if((await fetch(s,{method:"PUT",headers:{"Content-Type":i.type},body:i})).status!==200)return Promise.resolve(null);const p={type:We(i.name),size:i.size,content_type:i.type||`font/${We(i.name)}`},o=Gs(i);if(o==="image")p.height=i.height,p.width=i.width;else if(o==="video"){const $=await Ys(i);p.duration=$?.duration||0,p.height=$?.videoHeight||0,p.width=$?.videoWidth||0}const _={owner:r,title:i.name.replace(/[^a-z0-9_.-]/gi,"_"),tags:[p.type,o],meta:p,media_url:`${ps}${a.Key}`,s3_key:a.Key,asset_type:o==="font"?"user-font":o,directory:l};return new Promise($=>{Ks.createAsset(_,{afterFetch({data:f}){_._id=f,$(_)}})})},kt=["image","video","font"],Ke=(t=kt)=>{const s=Array.isArray(t)?t:Array.from(t),l=kt.filter(p=>s.includes(p)).flatMap(p=>qs[p]||[]).map(p=>p.toUpperCase());if(!l.length)return"";if(l.length===1)return`${l[0]}.`;const r=l.slice(0,-1).join(", "),g=l[l.length-1];return`${r}, and ${g}.`},Ve=`Supported file types: ${Ke()}`,Js=2,be=Object.freeze({FILE_TYPE_NOT_SUPPORTED:"file type not supported",UPLOAD_FAILED:"upload failed",FAILED_TO_PREPARE_UPLOAD:"couldn't start upload"}),Ue=[{assetType:"image",mimePrefix:_e.image,supportedExtensions:de.image,commonExtensions:Oe.image},{assetType:"video",mimePrefix:_e.video,supportedExtensions:de.video,commonExtensions:Oe.video},{assetType:"font",mimePrefix:_e.font,supportedExtensions:de.font,commonExtensions:Oe.font,additionalMimeTypes:qe,requireSupportedExtensionIfMimeMatches:!0}],Xs=({contentType:t="",extension:s=""})=>{const a=t.toLowerCase(),i=s.toLowerCase(),l=Ue.find(o=>o.assetType==="font"),r=Ue.find(o=>a.startsWith(o.mimePrefix)||o.additionalMimeTypes?.has(a));if(r)return r.requireSupportedExtensionIfMimeMatches&&i&&!r.supportedExtensions.has(i)?null:r.assetType;const g=Ue.find(o=>o.supportedExtensions.has(i));if(g)return g.assetType;const p=Ue.find(o=>o.commonExtensions.has(i));return p?p.assetType:a==="application/octet-stream"&&l&&l.supportedExtensions.has(i)?l.assetType:null},Ne=({normalizedContentType:t,normalizedExtension:s,mimePrefix:a,supportedExtensions:i})=>t.startsWith(a)&&i.has(s),St=({contentType:t="",extension:s=""})=>{const a=t.toLowerCase(),i=s.toLowerCase();if(Ne({normalizedContentType:a,normalizedExtension:i,mimePrefix:_e.image,supportedExtensions:de.image}))return"image";if(Ne({normalizedContentType:a,normalizedExtension:i,mimePrefix:_e.video,supportedExtensions:de.video}))return"video";if(Ne({normalizedContentType:a,normalizedExtension:i,mimePrefix:_e.font,supportedExtensions:de.font})||qe.has(a)&&de.font.has(i))return"font";if(a.startsWith(_e.font)||qe.has(a))return null;if(!a){if(de.image.has(i))return"image";if(de.video.has(i))return"video";if(de.font.has(i))return"font"}return null},er=({filename:t,reason:s})=>({filename:t,reason:s}),tr=(t=[])=>{if(!t.length)return[];const s=new Map,a=[];return t.forEach(({filename:i,reason:l})=>{const r=l||"upload failed";s.has(r)||(s.set(r,[]),a.push(r)),s.get(r).push(i)}),a.map(i=>({reason:i,filenames:s.get(i)||[]}))},sr=(t=[],s=0,a=0)=>{if(!s||!t.length||a<=0)return{groups:[],hiddenCount:s,totalCount:s};const i=[];let l=0;return t.forEach(r=>{if(l>=a)return;const g=Math.max(a-l,0),p=r.filenames.slice(0,g);l+=p.length,p.length&&i.push({reason:r.reason,filenames:p})}),{groups:i,hiddenCount:Math.max(s-l,0),totalCount:s}},rr=(t=0)=>new Promise(s=>{setTimeout(s,t)}),or=async(t,s,a)=>{let i,l=!1;if(typeof s=="object"?(i=s.limit,l=s.ignoreErrors):typeof s=="number"&&(i=s),!i)throw new Error("Missing limit param");let r=0;async function g(o,_){r+=1;let $;try{$=await a(o,_)}catch(f){if(!l)return Promise.reject(f)}return r-=1,$}const p=[];for(let o=0;o<t.length;o+=1){const _=t[o];if(r>=i){await rr(),o-=1;continue}p[o]=g(_,o)}return Promise.all(p)},ar={class:"sticky top-0 border-round p-3 mb-3 shadow-1 surface-0",style:{"z-index":"1"}},nr={class:"flex flex-column lg:flex-row flex-wrap align-items-center"},ir={class:"flex align-items-center ml-3 flex-shrink-0 mb-3 lg:mb-0 flex-order-3 lg:flex-order-2"},lr={class:"flex align-items-center flex-grow-1 flex-order-1 lg:flex-order-3 mb-3 lg:mb-0"},dr={class:"text-left lg:text-right flex-grow-1"},cr={class:"inline-block"},ur={class:"flex flex-row align-items-center justify-content-between mt-2"},pr=["onMouseenter","onClick"],mr=["href","target"],fr={class:"text-color font-bold w-full"},vr=["onMouseenter","onClick"],gr={class:"sr-only"},yr=["href","target"],hr={class:"text-color font-bold text-sm white-space-nowrap overflow-hidden text-overflow-ellipsis max-w-5rem"},br={class:"flex flex-row justify-content-end align-items-center w-full"},_r={class:"flex align-items-center"},xr={class:"flex align-items-center"},wr={class:"flex align-items-center"},$r={class:"flex align-items-center"},Dr={__name:"ActionBar",props:{currentDirectory:{type:Object,required:!0},draggedItem:{type:[Object,null],required:!0},selectedItems:{type:Array,required:!0},isFetching:{type:Boolean,default:!1},isUploading:{type:Boolean,default:!1},sortDir:{type:String,default:"asc"},sortBy:{type:String,default:"title"},filterBy:{type:Array,default:()=>[]},context:{type:String,required:!1,default:"manage"}},emits:["search","create","move","delete","upload-settings","upload","mouse-enter","mouse-leave","sort","filter","open","use"],setup(t,{emit:s}){const a=Ze(),i=Ce(),{OptimizeImagesEnabled:l}=fe(i),r=Fe("q",""),g=Fe("searchAll",!0),p=ke({searchStr:r.value,searchAll:JSON.parse(g.value)}),o=t,_=b(()=>o.currentDirectory?._id),$=b(()=>o.context==="manage"),f=s,w=L=>{$.value?a.push({name:L?"design-library-directory":"design-library",params:{directoryId:L}}):f("open",L)},C=b(()=>o.draggedItem);ue(_,()=>{p.searchStr=""});const Q=b(()=>$.value?"/design-library":"/select-asset"),Z=b(()=>$.value?"/design-library/directory/":"/"),N=b(()=>({label:p.searchStr&&p.searchAll?"Search Results":"Media",icon:"far fa-photo-film",route:_.value?Q.value:"",directoryId:null})),O=b(()=>{const L=[];if(p.searchStr&&!p.searchAll)return[];if(o.currentDirectory._id){let D=o.currentDirectory;do L.unshift({label:D.title,icon:"far fa-folder",route:_.value!==D._id?`${Z.value}${D._id}`:null,directoryId:D._id}),D=D.parent;while(D)}return L}),U=()=>{f("search",{searchStr:p.searchStr,searchAll:p.searchAll})};let z;ue(()=>p.searchStr,()=>{clearTimeout(z),z=setTimeout(U,p.searchStr?1e3:0)}),ue(()=>p.searchAll,()=>{p.searchStr&&U()});const F=Y([{label:"Sort By",items:[{label:"Newest",value:"created_time",icon:"fak fa-regular-arrow-down-short-wide-clock",direction:"desc"},{label:"Oldest",value:"created_time",icon:"fak fa-regular-arrow-up-short-wide-clock",direction:"asc"},{label:"Alphabetical(A-Z)",value:"title",icon:"far fa-arrow-up-a-z",direction:"asc"},{label:"Alphabetical(Z-A)",value:"title",icon:"far fa-arrow-down-z-a",direction:"desc"}]}]),e=b({get(){return F.value[0].items.find(L=>L.value===o.sortBy&&L.direction===o.sortDir)},set(L){f("sort",{sortBy:L.value,sortDir:L.direction})}}),E=Y([{label:"Filter By",items:[{label:"Images",value:"image"},{label:"Videos",value:"video"},{label:"Fonts",value:"user-font"}]}]),k=Y(E.value[0].items.filter(L=>o.filterBy.includes(L.value))),se=L=>{if(L?.length){const D=L.map(ae=>ae.value);f("filter",{assetTypes:D})}else f("filter",{assetTypes:[]})},R=()=>{f("use",{meta:{optimize:l.value}})},K=Y(null),ne=L=>

1{L.target.nodeName!=="INPUT"&&L.key==="/"&&(K.value?.$el?.focus(),L.preventDefault())};return Ge(()=>{document.addEventListener("keydown",ne)}),Tt(()=>{document.removeEventListener("keydown",ne)}),(L,D)=>{const ae=Se("FontAwesomeIcon"),ce=ms("tooltip");return y(),I("div",ar,[n("div",nr,[m(v(Is),{iconPosition:"left",class:"w-full lg:w-20rem mb-3 lg:mb-0 flex-order-2 lg:flex-order-1"},{default:P(()=>[m(v(Ds),null,{default:P(()=>[m(ae,{icon:"far fa-magnifying-glass"})]),_:1}),m(v(Et),{ref_key:"inputRef",ref:K,modelValue:p.searchStr,"onUpdate:modelValue":D[0]||(D[0]=S=>p.searchStr=S),type:"search",placeholder:"Search",class:"primary-action w-full shadow-3 search-input","data-test":"designlibrary-input-search","pt:root":()=>({onChange:U,"data-entity":"designLibrary-searchInput"})},null,8,["modelValue","pt:root"]),t.isFetching?(y(),H(v(Ae),{key:0,class:"clear-search-button",strokeWidth:"4"})):p.searchStr?(y(),H(v(V),{key:1,class:"clear-search-button",text:"",plain:"","data-test":"designlibrary-button-clearsearch","data-entity":"designLibrary-clearSearch",onClick:D[1]||(D[1]=S=>p.searchStr="")},{default:P(()=>[m(ae,{icon:"far fa-xmark"})]),_:1})):M("",!0)]),_:1}),n("div",ir,[m(v(Mt),{modelValue:p.searchAll,"onUpdate:modelValue":D[2]||(D[2]=S=>p.searchAll=S),binary:!0,inputId:"searchAll","data-test":"designlibrary-checkbox-searchall","data-entity":"designLibrary-searchAllCheckbox"},null,8,["modelValue"]),D[12]||(D[12]=n("label",{for:"searchAll",class:"ml-2"},"Search All",-1))]),n("div",lr,[n("div",dr,[m(v(V),{label:"Upload Settings",text:"",plain:"",class:"mr-2","data-test":"designLibrary-upload-settings-button",onClick:D[3]||(D[3]=S=>f("upload-settings"))},{icon:P(()=>[m(ae,{icon:"far fa-cog",class:"mr-2"})]),_:1}),n("div",cr,[m(v($s),{mode:"basic",auto:!0,customUpload:"","choose-label":"Upload",multiple:!0,disabled:o.isUploading,"pt:input":()=>({accept:v(Ws)}),"pt:chooseButton:class":"primary-action","pt:chooseButton:data-test":"designlibrary-button-upload","pt:root:data-entity":"designLibrary-fileUpload",onUploader:D[4]||(D[4]=S=>f("upload",S))},null,8,["disabled","pt:input"])]),$.value?M("",!0):(y(),H(v(V),{key:0,class:"ml-2",disabled:!o.selectedItems.length,"data-test":"designlibrary-button-usefile",onClick:R},{default:P(()=>D[13]||(D[13]=[W(" Use File ")])),_:1},8,["disabled"]))])])]),n("div",ur,[m(v(yt),{class:"p-0 pt-0 lg:pt-3 hidden md:block w-full",home:N.value,model:O.value},{item:P(({item:S,props:ge})=>[S.route?(y(),I("a",Te({key:0,href:"#"},ge.action,{class:["cursor-pointer",C.value?"hover:bg-blue-300":""],"data-entity":"designLibrary-breadcrumbLink",onFocusin:()=>{},onFocus:()=>{},onFocusout:()=>{},onBlur:()=>{},onMouseenter:ye=>f("mouse-enter",S.directoryId),onMouseleave:D[5]||(D[5]=ye=>f("mouse-leave")),onClick:te(ye=>w(S.directoryId),["prevent"])}),[n("span",{class:ee(["text-primary font-semibold",C.value?"hover:text-white":""])},T(S.label),3)],16,pr)):(y(),I("a",Te({key:1,href:S.url,target:S.target},ge.action),[n("span",fr,T(S.label),1)],16,mr))]),_:1},8,["home","model"]),!p.searchStr||!p.searchAll?(y(),H(v(yt),{key:0,class:"p-0 pt-0 lg:pt-3 block md:hidden w-full",home:N.value,model:O.value,"pt:separator:style":"margin: 0 0.25rem 0 0.25rem;","pt:separatorIcon:style":"height: .75rem; width: .75rem;"},{item:P(({item:S,props:ge})=>[S.route?(y(),I("a",Te({key:0,href:"#"},ge.action,{class:["cursor-pointer",C.value?"hover:bg-blue-300":""],"data-entity":"designLibrary-breadcrumbLink",onFocusin:()=>{},onFocus:()=>{},onFocusout:()=>{},onBlur:()=>{},onMouseenter:ye=>f("mouse-enter",S.directoryId),onMouseleave:D[6]||(D[6]=ye=>f("mouse-leave")),onClick:te(ye=>w(S.directoryId),["prevent"])}),[De((y(),I("span",{class:ee(["text-primary font-semibold",C.value?"hover:text-white":""])},[m(ae,{icon:S.icon},null,8,["icon"])],2)),[[ce,{content:S.label},void 0,{bottom:!0}]]),n("span",gr,T(S.label),1)],16,vr)):(y(),I("a",Te({key:1,href:S.url,target:S.target},ge.action),[n("span",hr,T(S.label),1)],16,yr))]),_:1},8,["home","model"])):M("",!0),n("div",br,[m(Ut,{name:"chip-expand"},{default:P(()=>[$.value&&o.selectedItems.length?(y(),H(v(xs),{key:0,class:"mx-3 flex-shrink-0"},{default:P(()=>[W(T(o.selectedItems.length)+" selected ",1),D[14]||(D[14]=n("span",{class:"p-2 pr-1"},"|",-1)),m(v(V),{text:"",plain:"",label:"Move",class:"p-0 hover:bg-white-alpha-10 hover:text-primary-800","data-test":"designlibrary-button-move","data-entity":"designLibrary-moveButton",onClick:D[7]||(D[7]=S=>f("move"))},{icon:P(S=>[m(ae,{"fixed-width":"",icon:"far fa-folder-plus",class:ee(S.class)},null,8,["class"])]),_:1}),D[15]||(D[15]=n("span",{class:"p-2 pr-1"},"|",-1)),m(v(V),{text:"",plain:"",label:"Delete",class:"p-0 hover:bg-white-alpha-10 hover:text-primary-800","data-test":"designlibrary-button-delete","data-entity":"designLibrary-deleteButton",onClick:D[8]||(D[8]=S=>f("delete"))},{icon:P(S=>[m(ae,{"fixed-width":"",icon:"far fa-trash-can",class:ee(S.class)},null,8,["class"])]),_:1})]),_:1})):M("",!0)]),_:1}),De((y(),H(v(V),{class:"p-0 line-height-1 flex justify-content-end","pt:root:class":"bg-transparent hover:text-primary text-color","data-test":"designlibrary-button-createfolder","data-entity":"designLibrary-createFolderButton",onClick:D[9]||(D[9]=S=>f("create"))},{default:P(()=>[m(ae,{icon:"fak fa-regular-folder-circle-plus",class:"text-xl mr-3"})]),_:1})),[[ce,"New Folder",void 0,{bottom:!0}]]),De((y(),H(v(ks),{modelValue:k.value,"onUpdate:modelValue":[D[10]||(D[10]=S=>k.value=S),se],options:E.value,ref:"filterByMultiSelect",placeholder:"Filter By",optionGroupLabel:"label",optionGroupChildren:"items",showToggleAll:!1,

1class:"w-3rem border-none","data-test":"designlibrary-select-filter","pt:root:data-entity":"designLibrary-filterBy","pt:root:class":"shadow-none","pt:wrapper:class":"w-9rem","pt:trigger:class":"hidden","pt:label:class":"hover:text-primary text-color text-xl flex justify-content-center p-0"},{value:P(()=>[n("div",_r,[m(ae,{icon:"far fa-bars-filter",class:"text-xl"})])]),option:P(S=>[n("div",xr,[n("span",null,T(S.option.label),1)])]),_:1},8,["modelValue","options"])),[[ce,"Filter By Type",void 0,{bottom:!0}]]),m(v(ws),{modelValue:e.value,"onUpdate:modelValue":D[11]||(D[11]=S=>e.value=S),options:F.value,optionLabel:"label",optionGroupLabel:"label",optionGroupChildren:"items",placeholder:"Sort By",class:"w-3rem border-none","data-test":"designlibrary-select-sort","data-entity":"designLibrary-sortBy","pt:wrapper:class":"max-h-full","pt:trigger:class":"hidden","pt:root:data-entity":"designLibrary-sortby","pt:input:class":"hover:text-primary text-xl flex justify-content-center p-0"},{value:P(S=>[n("div",wr,[m(ae,{icon:S.value.icon,class:"mr-2"},null,8,["icon"])])]),option:P(S=>[n("div",$r,[m(ae,{icon:S.option.icon,class:"mr-2"},null,8,["icon"]),n("span",null,T(S.option.label),1)])]),_:1},8,["modelValue","options"])])])])}}},Ir=ve(Dr,[["__scopeId","data-v-ce609680"]]),At={mounted(t,s){const a=s.value||{},i=a.maxRetries||5,l=a.baseDelay||1e3,r=a.fallbackSrc||"",{showSpinner:g=!0}=a,p=a.spinnerProps||{};let o=0,_=!1,$;const f=document.createElement("div");f.style.display="none";const w=Array.isArray(a.spinnerClass)?a.spinnerClass:String(a.spinnerClass||"v-image-retry-spinner").split(/\s+/).filter(Boolean);if(f.classList.add(...w),t.parentNode.insertBefore(f,t.nextSibling),g){const Z=m(Ae,p);ft(Z,f)}const C=()=>{if(!_)if(o<i){o+=1,t.style.display="none",f.style.display="flex";const Z=l*2**(o-1);$=setTimeout(()=>{const N=new URL(t.src);N.searchParams.set("retry",Date.now()),t.src=N.toString()},Z)}else _=!0,f.style.display="none",t.style.display="",r&&(t.src=r)},Q=()=>{f.style.display="none",t.style.display=""};t.addEventListener("error",C),t.addEventListener("load",Q),t.retryCleanup=()=>{t.removeEventListener("error",C),t.removeEventListener("load",Q),g&&ft(null,f),f.remove(),$&&clearTimeout($)}},unmounted(t){t.retryCleanup&&t.retryCleanup()}},kr=(t,s,a)=>

1{if(!t||/^(data:|blob:)/i.test(t)||!["w","h"].includes(s)||!Number.isInteger(a)||a<=0)return t||"";const[i,l]=t.split(/#(.*)/s),r=i.includes("?")?"&":"?",g=`${i}${r}${s}=${a}`;return l===void 0?g:`${g}#${l}`},Sr=["title","data-asset-id"],Ar=["src","alt"],Pr={class:"flex align-items-center w-full mt-auto"},Tr={class:"py-2 pl-3 mr-2 text-left flex-grow-1 overflow-hidden"},Ur={class:"font-bold white-space-nowrap overflow-hidden text-overflow-ellipsis"},Fr={class:"capitalize text-xs"},Cr={class:"pr-2 flex-shrink-1"},Lr=["src","alt"],Mr={key:2,class:"asset-ghost__drag-count surface-0 shadow-md border-round font-bold px-2 py-1"},Er={class:"flex align-items-center w-full"},Br={class:"py-2 pl-3 mr-2 text-left flex-grow-1 overflow-hidden"},zr={class:"font-bold white-space-nowrap overflow-hidden text-overflow-ellipsis text-color"},Rr={class:"capitalize text-xs text-gray-700"},jr={class:"pr-3 flex-shrink-1"},Or={__name:"Asset",props:{value:{type:Object,required:!0},selected:{type:Boolean,default:!1},selectedCount:{type:Number,default:0},context:{type:String,required:!1,default:"manage"}},emits:["drag-start","drag-end","select","delete","rename","preview","use"],setup(t,{emit:s}){const a=Ce(),{OptimizeImagesEnabled:i}=fe(a),l=He(),r=ke({isDragging:!1}),g=t,p=s,o=b(()=>g.value),_=Y(null),$=b(()=>g.context==="manage"),f=b(()=>{const R=["border-round-md","p-0","flex","flex-column","text-left","hover:border-round-md","hover:shadow-4"];return g.selected?R.push("shadow-4","bg-primary-200","hover:bg-primary-200","selected-text"):R.push("shadow-1","surface-0","hover:surface-0","unselected-text"),R}),{x:w,y:C}=Ft(_,{onStart(){r.startDragTs=Date.now()},onMove(){!r.isDragging&&Date.now()-r.startDragTs>150&&(r.isDragging=!0,p("drag-start"))},onEnd(){r.isDragging=!1,p("drag-end")}}),Q=b(()=>({top:`${C.value}px`,left:`${w.value}px`,width:`${_?.value?.offsetWidth||0}px`,height:`${_?.value?.offsetHeight||0}px`})),Z=b(()=>{const{size:R=0}=o.value.meta||{},K=R/1e3,ne=K/1e3,L=ne/1e3;return L>1?`${L.toFixed(1)}GB`:ne>1?`${ne.toFixed(1)}MB`:`${K.toFixed(1)}KB`}),N=Y(),O=R=>{N.value.toggle(R)},U=b(()=>["image","video"].includes(o.value.asset_type)),z=b(()=>o.value.asset_type==="user-font"),F=b(()=>o.value.asset_type==="image"),e=R=>kr(R,"h",150),E=b(()=>[z.value?null:{icon:{image:"fas fa-image",video:"fas fa-video"}[o.value.asset_type],label:"Preview",dataEntity:"designLibraryAsset-previewAsset",command:async()=>{p("preview")}},z.value?null:{icon:"fa-regular fa-link",label:"Copy link",dataEntity:"designLibraryAsset-copyLink",command:async()=>{const R=o.value.media_url,{copy:K}=Ct({source:R});await K(R),l.add({severity:"success",summary:"Link has been copied!",life:3e3})}},{icon:"far fa-pencil",label:"Rename",dataEntity:"designLibraryAsset-rename",command:()=>{p("rename")}},...F.value&&!$.value?[{separator:!0},{icon:i.value?"far fa-bolt-slash":"fas fa-bolt",label:i.value?"Use original version":"Use optimized version",dataEntity:"designLibraryAsset-useOptimized",command:()=>{se(!i.value)}},{separator:!0}]:[],{icon:"fa-regular fa-trash-can",label:"Delete",dataEntity:"designLibraryAsset-delete",command:()=>{p("delete")}}].filter(Boolean)),k=b(()=>z.value?{fontFamily:`tgbFont-${o.value._id}`}:{});Ge(()=>{if(document.querySelector(`style[data-asset-id="${o.value._id}"]`))return;const R=document.createElement("style");R.dataset.assetId=o.value._id;const K=o.value.alt?.media_url||o.value.media_url,ne=encodeURI(K).replace(/\+/g,"%2B");R.innerHTML=`
2    @font-face {
3      font-family: 'tgbFont-${o.value._id}';
4      src: url("${ne}");
5      font-weight: bold;
6      font-style: normal;
7      font-display: block;
8    }
9  `,document.head.appendChild(R)});function se(R=null){if(!F.value){p("use",{asset:o.value});return}p("use",{asset:o.value,meta:{optimize:R??i.value}})}return(R,K)=>{const ne=Se("FontAwesomeIcon");return y(),I(ie,null,[n("div",{class:"asset col-6 md:col-3 lg:col-2",ref_key:"assetRef",ref:_,title:o.value.title,"data-asset-id":o.value._id},[m(v(V),{class:ee([f.value,"w-full h-full"]),"data-test":"designlibrary-button-asset","data-entity":"designLibrary-asset",onClick:K[0]||(K[0]=L=>p("select",L)),onDblclick:K[1]||(K[1]=L=>se())},{default:P(()=>[U.value?De((y(),I("img",{key:0,src:e(o.value.thumbnail_url||o.value.media_url),alt:o.value.title,class:"asset__thumbnail"},null,8,Ar)),[[v(At),{spinnerClass:"asset-image-loader",spinnerProps:{style:{width:"2rem",height:"2rem"}}}]]):z.value?(y(),I("div",{key:1,class:"asset__font-preview",style:Ie(k.value)},K[2]||(K[2]=[W(" ABCDEF "),n("br",null,null,-1),W(" abcdef "),n("br",null,null,-1),W(" 123456 ")]),4)):M("",!0),n("div",Pr,[n("div",Tr,[n("div",Ur,T(o.value.title),

91),n("div",Fr,T(o.value.asset_type)+" - "+T(Z.value),1)]),n("div",Cr,[m(v(V),{plain:"",text:"",class:"flex justify-content-center min-w-0 w-2rem context-button","data-test":"designlibrary-button-assetmenu","data-entity":"designLibrary-assetContextMenu",onClick:te(O,["stop"])},{default:P(()=>[m(ne,{icon:"fas fa-ellipsis-vertical"})]),_:1}),m(v(Bt),{ref_key:"menuRef",ref:N,model:E.value,popup:!0,pt:{action:({instance:L})=>({"data-entity":`${L.item.dataEntity}-${o.value._id}`}),label:{class:"ml-2"}}},{itemicon:P(({item:L})=>[m(ne,{icon:L.icon,style:{width:"30px"}},null,8,["icon"])]),_:1},8,["model","pt"])])])]),_:1},8,["class"])],8,Sr),r.isDragging?(y(),I("div",{key:0,class:"asset-ghost",style:Ie(Q.value)},[m(v(V),{class:ee([f.value,"w-full"])},{default:P(()=>[U.value?De((y(),I("img",{key:0,src:e(o.value.thumbnail_url||o.value.media_url),alt:o.value.title,class:"asset__thumbnail"},null,8,Lr)),[[v(At),{spinnerClass:"asset-image-loader",spinnerProps:{style:{width:"2rem",height:"2rem"}}}]]):z.value?(y(),I("div",{key:1,class:"asset__font-preview",style:Ie(k.value)},K[3]||(K[3]=[W(" ABCDEF "),n("br",null,null,-1),W(" abcdef "),n("br",null,null,-1),W(" 123456 ")]),4)):M("",!0),t.selectedCount>1?(y(),I("div",Mr," + "+T(t.selectedCount-1),1)):M("",!0),n("div",Er,[n("div",Br,[n("div",zr,T(o.value.title),1),n("div",Rr,T(o.value.asset_type)+" - "+T(Z.value),1)]),n("div",jr,[m(v(V),{plain:"",text:"",class:"flex justify-content-center min-w-0 w-2rem"},{default:P(()=>[m(ne,{icon:"fas fa-ellipsis-vertical"})]),_:1})])])]),_:1},8,["class"])],4)):M("",!0)],64)}}},Vr={class:"flex align-items-center justify-content-end mt-4"},Nr={key:0,class:"mr-3 text-red-500"},qr={__name:"CreateDirectoryDialog",props:{visible:{type:Boolean,default:!1},restrictedTitles:{type:Array,default:()=>[]}},emits:["close"],setup(t,{emit:s}){const a=t,i=s,l=Y(""),r=Y(null),g=b(()=>a.restrictedTitles.some($=>$===l.value)),p=b(()=>!g.value&&!!l.value.trim()),o=b({get(){return a.visible},set($){$||i("close")}});ue(o,()=>{o.value&&(l.value="",setTimeout(()=>{r.value?.$el?.focus()}))});const _=()=>{i("create",l.value)};return($,f)=>(y(),H(v(Le),{visible:o.value,"onUpdate:visible":f[1]||(f[1]=w=>o.value=w),modal:"",dismissableMask:"",draggable:!1,header:"Name of new folder",style:{width:"33vw",minWidth:"400px",maxWidth:"600px"},"pt:header:class":"p-2 pl-4"},{default:P(()=>[n("form",{onSubmit:te(_,["prevent"])},[m(v(Et),{ref_key:"inputRef",ref:r,modelValue:l.value,"onUpdate:modelValue":f[0]||(f[0]=w=>l.value=w),class:"w-full",placeholder:"Folder Name","use-grouping":!1,"input-props":{autofocus:!0},"data-test":"designlibrary-input-foldername","data-entity":"designLibrary-createDirectoryDialog-nameInput"},null,8,["modelValue"]),n("div",Vr,[g.value?(y(),I("div",Nr," Folder already exists with that name. ")):M("",!0),m(v(V),{label:"Create",type:"submit",disabled:!p.value,"data-test":"designlibrary-button-create","data-entity":"designLibrary-createDirectoryDialog-createButton"},null,8,["disabled"])])],32)]),_:1},8,["visible"]))}},Wr={class:"directory__title"},Kr={class:"flex-shrink-0"},Gr={class:"directory__title"},Zr={class:"flex-shrink-0"},Hr={__name:"Directory",props:{value:{type:Object,required:!0},draggedItem:{type:Object,default:()=>null},selected:{type:Boolean,default:!1},selectedCount:{type:Number,default:0},context:{type:String,required:!1,default:"manage"}},emits:["drag-start","drag-end","mouse-enter","mouse-leave","select","delete","rename"],setup(t,{emit:s}){const a=He(),i=Ze(),l=t,r=b(()=>l.context==="manage"),g=s,p=b(()=>l.value),o=b(()=>l.draggedItem&&l.draggedItem._id!==p.value._id),_=ke({isDragging:!1}),$=Y(null),{x:f,y:w}=Ft($,{onStart(){_.startDragTs=Date.now()},onMove(){!_.isDragging&&Date.now()-_.startDragTs>150&&(_.isDragging=!0,g("drag-start"))},onEnd(){_.isDragging=!1,g("drag-end")}}),C=()=>{r.value?i.push({name:"design-library-directory",params:{directoryId:l.value._id}}):g("open")},Q=b(()=>({top:`${w.value}px`,left:`${f.value}px`,width:`${$?.value?.offsetWidth||0}px`,height:`${$?.value?.offsetHeight||0}px`})),Z=Y(),N=z=>{Z.value.toggle(z)},O=[{icon:"fa-regular fa-link",label:"Copy link",dataEntity:"designLibraryDirectory-copyLink",command:async()=>{const{protocol:z,host:F}=window.location,e=`${z}//${F}/design-library/directory/${p.value._id}`,{copy:E}=Ct({source:e});await E(e),a.add({severity:"success",summary:"Link has been copied!",life:3e3})}},{icon:"far fa-pencil",label:"Rename",dataEntity:"designLibraryDirectory-rename",command:()=>{g("rename")}},{icon:"fa-regular fa-trash-can",label:"Delete",dataEntity:"designLibraryDirectory-delete",command:()=>{g("delete")}}],U=b(()=>{const z=["border-round-md","p-2","shadow-1","w-full","font-bold","hover:border-round-md","hover:shadow-4"];return l.selected?z.push("bg-primary-200","selected-text"):(z.push("surface-0","unselected-text"),o.value?z.push("hover:bg-primary-100"):z.push("hover:surface-0")),z});return(z,F)=>{const e=Se("FontAwesomeIcon");return y(),I(ie,null,[n("div",{class:ee(["directory col-6 md:col-4 directory--5-up",_.isDragging?"directory--dragging":""]),ref_key:"directoryRef",ref:$,onFocusin:()=>{},onFocus:()=>{},onFocusout:()=>{},onBlur:()=>{},onMouseenter:F[1]||(F[1]=E=>g("mouse-enter")),onMouseleave:F[2]||(F[2]=E=>

9g("mouse-leave"))},[m(v(V),{class:ee(U.value),title:p.value.title,"data-test":"designlibrary-button-directory","data-entity":"designLibrary-directory",onClick:F[0]||(F[0]=E=>g("select",E)),onDblclick:C},{default:P(()=>[m(e,{"fixed-width":"",icon:"far fa-folder",class:"mr-2 folder-icon"}),n("div",Wr,T(p.value.title),1),n("div",Kr,[m(v(V),{plain:"",text:"",class:"flex justify-content-center min-w-0 context-button","data-test":"designlibrary-button-directorymenu","data-entity":"designLibrary-directoryContextMenu",onClick:te(N,["stop"])},{default:P(()=>[m(e,{icon:"fas fa-ellipsis-vertical"})]),_:1}),m(v(Bt),{ref_key:"menuRef",ref:Z,model:O,popup:!0,pt:{action:({instance:E})=>({"data-entity":`${E.item.dataEntity}-${p.value._id}`}),label:{class:"ml-2"}}},{itemicon:P(({item:E})=>[m(e,{icon:E.icon,style:{width:"30px"}},null,8,["icon"])]),_:1},8,["pt"])])]),_:1},8,["class","title"])],34),_.isDragging?(y(),I("div",{key:0,style:Ie(Q.value),class:"directory-ghost"},[m(v(V),{class:ee(U.value)},{default:P(()=>[m(e,{"fixed-width":"",icon:"far fa-folder",class:"mr-2"}),n("div",Gr,T(p.value.title),1),n("div",Zr,[m(v(V),{plain:"",text:"",class:"flex justify-content-center min-w-0 context-button",onClick:F[3]||(F[3]=te(()=>{},["stop"]))},{default:P(()=>[m(e,{icon:"fas fa-ellipsis-vertical"})]),_:1})])]),_:1},8,["class"])],4)):M("",!0)],64)}}},Yr={class:"flex align-items-center mb-2"},Qr={class:"my-0"},Jr={class:"directory-list border-1 border-200 border-round mb-3"},Xr={key:0,class:"directory-list__empty-message font-bold text-sm"},eo={key:1,class:"directory-list__empty-message font-bold text-sm"},to={class:"flex justify-content-end align-items-center"},so={class:"flex-grow-1 font-italic"},ro={__name:"MoveDialog",props:{visible:{type:Boolean,default:!1},currentDirectoryId:{type:String,default:()=>null}},emits:["close"],setup(t,{emit:s}){const a=Ee(),i=t,l=s,r=ke({page:1,limit:50,sortBy:"title",sortDir:"asc",directory:null,isFetching:!1,directories:[],total:0,selectedDirectory:{},currentDirectory:{},parentDirectory:{}}),g=b(()=>({page:r.page,limit:r.limit,sortBy:r.sortBy,sortDir:r.sortDir,directory:r.directory})),{isFetching:p,execute:o}=a.getDirectories(g,{immediate:!1,afterFetch({data:O}){r.total=O.total,r.page===1?r.directories=O.directories:r.directories=r.directories.concat(O.directories)}}),_=b({get(){return i.visible},set(O){O||l("close")}}),$=()=>{if(!r.directory){r.currentDirectory={},r.parentDirectory={};return}r.isFetching=!0,a.getDirectory(r.directory,{afterFetch({data:O}){r.currentDirectory=O,r.parentDirectory=O.parent,r.isFetching=!1,o()}})};ue(_,()=>{_.value&&(r.directories=[],r.directory=i.currentDirectoryId,r.selectedDirectory={},r.page=1,$(),o())});const f=O=>{r.directories=[],r.directory=O,r.selectedDirectory={},r.page=1,$(),o()},w=()=>{r.directories=[],r.page=1,r.directory=r.parentDirectory?._id||null,r.selectedDirectory={},$(),o()},C=b(()=>r.selectedDirectory._id||r.currentDirectory._id||null),Q=b(()=>C.value?`/${r.selectedDirectory.title||r.currentDirectory.title}`:"Library"),Z=b(()=>r.isFetching?"":r.currentDirectory.title||"Library"),N=Y(null);return(O,U)=>{const z=Se("FontAwesomeIcon");return y(),H(v(Le),{visible:_.value,"onUpdate:visible":U[4]||(U[4]=F=>_.value=F),modal:"",dismissableMask:"",draggable:!1,header:"Move selection",style:{width:"33vw",minWidth:"400px",maxWidth:"600px"},"pt:header:class":"p-2 pl-4"},{default:P(()=>[n("div",Yr,[r.directory?(y(),H(v(V),{key:0,text:"",plain:"","pt:root:class":"border-circle","data-entity":"designLibrary-moveDialog-backButton",class:"w-1rem h-2rem mr-2 m-w-1rem m-h-2rem flex justify-content-center align-items-center",onClick:w},{default:P(()=>[m(z,{icon:"fas fa-chevron-left"})]),_:1})):M("",!0),n("h3",Qr,[Z.value?(y(),I(ie,{key:0},[W(T(Z.value),1)],64)):(y(),I(ie,{key:1},[W(" ")],64))])]),n("div",Jr,[r.isFetching||v(p)?(y(),I("div",Xr,[m(v(Ae))])):r.directories.length?M("",!0):(y(),I("div",eo," Empty Folder ")),(y(!0),I(ie,null,$e(r.directories,F=>(y(),I("div",{key:F._id,class:"flex align-items-center justify-content-between cursor-pointer white-space-nowrap overflow-hidden text-overflow-ellipsis directory-list__item"},[m(v(V),{class:ee(["flex-grow-1 px-3 border-noround h-2rem py-4",r.selectedDirectory._id===F._id?"bg-primary-200 directory-list__active":""]),"pt:root:class":"hover:bg-primary-200",text:"",plain:"","data-entity":"designLibrary-moveDialog-folder",onClick:e=>r.selectedDirectory=r.selectedDirectory===F?null:F,onDblclick:e=>l("move",F._id)},{default:P(()=>[m(z,{icon:N.value===F._id?"far fa-folder-open":"far fa-folder",class:"mr-2"},null,8,["icon"]),W(" "+T(F.title),1)]),_:2},1032,["class","onClick","onDblclick"]),m(v(V),{class:ee(["px-3 h-2rem w-2rem min-w-0 hover:bg-primary-200 absolute right-0 flex justify-content-center align-items-center mr-2 hover:text-0",r.selectedDirectory._id===F._id?"directory-list__active":""]),text:"",plain:"","pt:root:class":"border-circle","pt:icon:class":"hover:text-0","data-entity":"designLibrary-moveDialog-openFolder",onMouseenter:e=>N.value=F._id,onMouseleave:U[0]||(U[0]=e=>N.value=null),onFocus:e=>N.value=F._id,onBlur:U[1]||(U[1]=e=>N.value=null),onClick:e=>f(F._id)},{default:P(()=>[m(z,{icon:"fas fa-chevron-right",class:"directory-list__icon"})]),_:2},1032,["class","onMouseenter","onFocus","onClick"])]))),128))]),n("div",to,[n("div",so,T(Q.value),1),m(v(V),{text:"",plain:"",class:"mr-3","data-entity":"designLibrary-moveDialog-cancelButton",onClick:U[2]||(U[2]=F=>l("close"))},{default:P(()=>U[5]||(U[5]=[W(" Cancel ")])),_:1}),m(v(V),{label:"Move","data-entity":"designLibrary-moveDialog-moveButton",onClick:U[3]||(U[3]=F=>l("move",C.value))})])]),_:1},8,["visible"])}}},oo=ve(ro,[["__scopeId","data-v-15df27d4"]]),ao={key:1,class:"asset-preview-actions"},no={key:0,class:"asset-preview"},io=["src","alt"],lo={key:1,controls:""},co=["src"],uo={__name:"PreviewAssetDialog",props:{mediaUrl:{type:String,default:null},assetType:{type:String,default:"image"}},emits:["close"],setup(t,{emit:s}){const a=t,i=s,{buildImageUrl:l}=Ss(),r=Ce(),{OptimizeImagesEnabled:g}=fe(r),p=b({get(){return!!a.mediaUrl},set(_){_||i("close")}}),o=b(()=>!a.mediaUrl||a.assetType!=="image"?a.mediaUrl:l(a.mediaUrl,{optimize:g.value}));return(_,$)=>{const f=Se("FontAwesomeIcon");return y(),I(ie,null,[p.value?(y(),I("div",{key:0,class:"asset-preview-mask",onClick:$[0]||($[0]=te(w=>p.value=!1,["stop"]))})):M("",!0),p.value?(y(),I("div",ao,[m(v(V),{plain:"",text:"",onClick:$[1]||($[1]=w=>p.value=!1),class:"text-white text-xl","data-test":"designlibrary-button-closepreview"},{default:P(()=>[m(f,{icon:"fas fa-x"})]),_:1})])):M("",!0),m(Ut,{appear:""},{default:P(()=>[p.value?(y(),I("div",no,[a.assetType==="image"?(y(),I("img",{key:0,src:o.value,alt:a.mediaUrl},null,8,io)):a.assetType==="video"?(y(),I("video",lo,[n("source",{src:a.mediaUrl,type:"video/mp4"},null,8,co),$[2]||($[2]=W(" Your browser does not support the video tag. "))])):M("",!0)])):M("",!0)]),_:1})],64)}}},po=ve(uo,[["__scopeId","data-v-5615bf3e"]]),mo={key:0,class:"asset-storage-limit"},fo={__name:"StorageLimitBar",setup(t){const s=Ee(),{planPermissionData:a}=fe(Me()),{data:i}=s.getStats(),l=b(()=>i.value??{}),r=b(()=>It(l.value.size??0)),g=b(()=>(a.value?.assets_storage_limit??0)*1e3),p=b(()=>It(g.value)),o=b(()=>({width:`${Math.min(100,Math.round(l.value.size/g.value*100))}%`})),_=b(()=>g.value&&l.value.size>=g.value),$=b(()=>{const{size:f}=l.value,w=Math.min(100,Math.round(f/g.value*100));return g.value&&w>=80&&!_.value});return(f,w)=>g.value>0?(y(),I("div",mo,[n("div",null,T(r.value)+" of "+T(p.value),1),n("div",{class:ee(["asset-storage-limit__bar",{"asset-storage-limit__bar--full":_.value,"asset-storage-limit__bar--over-half":$.value}])},[n("span",{style:Ie(o.value)},null,4)],2)])):M("",!0)}},vo=ve(fo,[["__scopeId","data-v-4df7c2ef"]]),go={class:"upload-preference-prompt flex flex-column gap-3"},yo={class:"flex align-items-center justify-content-between mb-1"},ho={class:"font-semibold text-lg"},bo={class:"m-0 mt-1 text-sm"},_o={class:"text-color-secondary"},xo={class:"text-green-600 font-semibold"},wo={key:0,class:"text-green-600 font-semibold ml-2"},$o={class:"grid"},Do={class:"col-12 md:col-6"},Io={class:"p-3"}

9,ko={class:"preference-card__content flex-1"},So={class:"font-semibold flex align-items-center justify-content-between gap-2"},Ao={class:"col-12 md:col-6"},Po={class:"p-3"},To={class:"preference-card__content flex-1"},Uo={class:"font-semibold"},Fo={class:"flex align-items-center justify-content-between gap-2"},Co={class:"flex align-items-start gap-2 border-1 border-300 border-round p-3"},Lo={class:"flex align-items-center justify-content-between gap-3 mt-1"},Mo={__name:"UploadPreferencePromptModal",props:{visible:{type:Boolean,default:!1},file:{type:Object,default:null},assetUrl:{type:String,default:""}},emits:["close"],setup(t,{emit:s}){const a=t,i=s,l=Lt(),r=Me(),{planPermissionData:g,currentTeamId:p}=fe(r),o=Y(g.value?.optimize_images??!0),_=b(()=>a.file?.name||"Uploaded image"),$=b(()=>a.assetUrl||""),f=b(()=>{if(!a.assetUrl)return"";const E=a.assetUrl.includes("?");return`${a.assetUrl}${E?"&":"?"}optimize`}),w=b(()=>a.file?.size||null),C=Y(null),Q=Y(!1),Z=b(()=>ht(w.value)),N=b(()=>C.value?ht(C.value):Q.value?"...":"-"),O=b(()=>{if(!w.value||!C.value)return null;const E=(1-C.value/w.value)*100;return Math.max(0,Math.round(E))}),U=()=>{i("close")},z=b({get:()=>a.visible,set:E=>{E||U()}}),F=async()=>{if(!(!f.value||!a.visible)){Q.value=!0;try{const E=await As(new Set([f.value]));C.value=E.get(f.value)||null}catch{C.value=null}finally{Q.value=!1}}};ue(()=>a.visible,E=>{E&&F()}),ue(()=>a.assetUrl,()=>{C.value=null,a.visible&&F()});const e=async()=>{try{await l.updatePlanPermissions(p.value,{optimize_images:o.value}),await r.checkPlanPermissions(!0),i("close")}catch(E){console.error("Failed to save upload preference",E)}};return(E,k)=>(y(),H(v(Le),{visible:z.value,"onUpdate:visible":k[9]||(k[9]=se=>z.value=se),modal:"",closable:!1,draggable:!1,header:"Image Optimization",style:{width:"60vw",minWidth:"760px",maxWidth:"920px"}},{default:P(()=>[n("div",go,[n("div",yo,[n("div",null,[n("div",ho,T(_.value),1),n("p",bo,[n("span",_o,T(Z.value),1),k[10]||(k[10]=n("span",{class:"mx-1 text-color-secondary"},"->",-1)),n("span",xo,T(N.value),1),O.value!==null?(y(),I("span",wo," -"+T(O.value)+"% ",1)):M("",!0)])]),k[11]||(k[11]=n("div",{class:"text-green-600 font-semibold text-sm"},"OPTIMIZED",-1))]),k[18]||(k[18]=n("p",{class:"m-0 text-sm text-700 line-height-3"}," Save a default upload preference for future image uploads. ",-1)),n("div",$o,[n("div",Do,[n("div",{class:ee(["preference-card border-round border-1 overflow-hidden cursor-pointer h-full",o.value===!1?"border-cyan-500 preference-card--selected":"border-300 preference-card--unselected"]),role:"button",tabindex:"0",onClick:k[1]||(k[1]=se=>o.value=!1),onKeydown:[k[2]||(k[2]=me(te(se=>o.value=!1,["prevent"]),["enter"])),k[3]||(k[3]=me(te(se=>o.value=!1,["prevent"]),["space"]))]},[$.value?(y(),H(v(_t),{key:0,src:$.value,alt:`${_.value} original`,class:"w-full upload-preview","image-class":"w-full",preview:"",onClick:k[0]||(k[0]=te(()=>{},["stop"]))},null,8,["src","alt"])):M("",!0),n("div",Io,[n("div",ko,[n("div",So,[k[12]||(k[12]=n("span",null,"Original",-1)),m(v(xt),{severity:"secondary",class:"text-xs",value:Z.value},null,8,["value"])]),k[13]||(k[13]=n("p",{class:"preference-card__description m-0 mt-2 text-sm text-700 line-height-3"}," Larger files can cause slower load times and reduced responsiveness during live play out. ",-1))])])],34)]),n("div",Ao,[n("div",{class:ee(["preference-card border-round border-1 overflow-hidden cursor-pointer h-full",o.value===!0?"border-cyan-500 preference-card--selected":"border-300 preference-card--unselected"]),role:"button",tabindex:"0",onClick:k[5]||(k[5]=se=>o.value=!0),onKeydown:[k[6]||(k[6]=me(te(se=>o.value=!0,["prevent"]),["enter"])),k[7]||(k[7]=me(te(se=>o.value=!0,["prevent"]),["space"]))]},[f.value?(y(),H(v(_t),{key:0,src:f.value,alt:`${_.value} optimized`,class:"w-full upload-preview","image-class":"w-full",preview:"",onClick:k[4]||(k[4]=te(()=>{},["stop"]))},null,8,["src","alt"])):M("",!0),n("div",Po,[n("div",To,[n("div",Uo,[n("div",Fo,[k[14]||(k[14]=n("span",null,[W(" Optimized "),n("span",{class:"text-green-600"},"(recommended)")],-1)),m(v(xt),{severity:"success",class:"text-xs",value:N.value},null,8,["value"])])]),k[15]||(k[15]=n("p",{class:"preference-card__description m-0 mt-2 text-sm text-700 line-height-3"}," Loads faster, renders smoother, and reduces risk of lag, without compromising visual quality. ",-1))])])],34)])]),n("div",Co,[m(v(Mt),{modelValue:o.value,"onUpdate:modelValue":k[8]||(k[8]=se

9=>o.value=se),binary:"",inputId:"prompt-optimize-preference"},null,8,["modelValue"]),k[16]||(k[16]=n("div",null,[n("label",{class:"font-medium cursor-pointer",for:"prompt-optimize-preference"}," Always use optimized images "),n("p",{class:"m-0 mt-1 text-sm text-700 line-height-3"}," Preference can be updated later in Media. ")],-1))]),m(v(zt),{class:"my-1"}),n("div",Lo,[k[17]||(k[17]=n("p",{class:"m-0 text-sm text-700 line-height-3 font-italic"}," Optimization does not reduce visible quality. The original file is safely preserved. ",-1)),m(v(V),{label:"Save preference",onClick:e})])])]),_:1},8,["visible"]))}},Eo=ve(Mo,[["__scopeId","data-v-ec5a5f52"]]),Bo={class:"upload-settings-modal flex flex-column gap-3"},zo={class:"flex align-items-start gap-2"},Ro={class:"flex align-items-start gap-2"},jo={class:"flex justify-content-end mt-1"},Oo={__name:"UploadSettingsModal",props:{visible:{type:Boolean,default:!1}},emits:["close"],setup(t,{emit:s}){const a=t,i=s,l=Me(),{currentTeamId:r,planPermissionData:g}=fe(l),p=Lt(),o=Y(null),_=b({get:()=>a.visible,set:f=>{f||i("close")}});ue(()=>a.visible,f=>{f&&(o.value=g.value?.optimize_images??!1)},{immediate:!0});const $=async()=>{await p.updatePlanPermissions(r.value,{optimize_images:o.value}),await l.checkPlanPermissions(!0),i("close")};return(f,w)=>(y(),H(v(Le),{visible:_.value,"onUpdate:visible":w[8]||(w[8]=C=>_.value=C),modal:"",dismissableMask:"",draggable:!1,header:"Optimization Settings",style:{width:"60vw",minWidth:"760px",maxWidth:"920px"}},{default:P(()=>[n("div",Bo,[n("div",{class:ee(["preference-card border-round border-1 p-3 cursor-pointer",o.value===!0?"border-cyan-500 preference-card--selected":"border-300 preference-card--unselected"]),role:"button",tabindex:"0",onClick:w[1]||(w[1]=C=>o.value=!0),onKeydown:[w[2]||(w[2]=me(te(C=>o.value=!0,["prevent"]),["enter"])),w[3]||(w[3]=me(te(C=>o.value=!0,["prevent"]),["space"]))]},[n("div",zo,[m(v(wt),{modelValue:o.value,"onUpdate:modelValue":w[0]||(w[0]=C=>o.value=C),inputId:"opt-always",name:"image-optimization",value:!0},null,8,["modelValue"]),w[9]||(w[9]=n("div",{class:"preference-card__content flex-1"},[n("div",{class:"font-semibold"},[W(" Always optimize "),n("span",{class:"text-green-600"},"(recommended)")]),n("p",{class:"preference-card__description m-0 mt-2 text-sm text-700 line-height-3"}," All uploaded images are automatically optimized. The comparison modal is skipped. Individual images can still be reverted from Media. ")],-1))])],34),n("div",{class:ee(["preference-card border-round border-1 p-3 cursor-pointer",o.value===!1?"border-cyan-500 preference-card--selected":"border-300 preference-card--unselected"]),role:"button",tabindex:"0",onClick:w[5]||(w[5]=C=>o.value=!1),onKeydown:[w[6]||(w[6]=me(te(C=>o.value=!1,["prevent"]),["enter"])),w[7]||(w[7]=me(te(C=>o.value=!1,["prevent"]),["space"]))]},[n("div",Ro,[m(v(wt),{modelValue:o.value,"onUpdate:modelValue":w[4]||(w[4]=C=>o.value=C),inputId:"opt-never",name:"image-optimization",value:!1},null,8,["modelValue"]),w[10]||(w[10]=n("div",{class:"preference-card__content flex-1"},[n("div",{class:"font-semibold"},[W(" Never optimize "),n("span",{class:"text-red-600"},"(not recommended)")]),n("p",{class:"preference-card__description m-0 mt-2 text-sm text-700 line-height-3"}," All uploads use the original file. May impact playout performance for large images. Individual images can still be optimized from Media. ")],-1))])],34),m(v(zt),{class:"my-2"}),w[11]||(w[11]=n("div",null,[n("h4",{class:"m-0 mb-3 text-base"},"Per-Image Override"),n("p",{class:"m-0 text-sm text-700 line-height-3"}," Regardless of your global preference, you can switch any individual image between optimized and original when using the file in-app. This does not affect your global preference. "),n("p",{class:"m-0 mt-4 text-sm text-700 line-height-3"},[W(" Look for the "),n("span",{class:"font-semibold text-color"},"Optimized / Original"),W(" option on any image thumbnail in more options menu. ")])],-1)),n("div",jo,[m(v(V),{label:"Save preference",onClick:$})])])]),_:1},8,["visible"]))}},Vo=ve(Oo,[["__scopeId","data-v-df341679"]]),No={key:0,class:"upload-progress-bar p-3 shadow-5 border-round-top-md text-center font-bold bg-surface-0"},qo={class:"flex align-items-center mb-3"},Wo={__name:"UploadProgressBar",props:{visible:{type:Boolean,default:!1},progress:{type:Number,default:0},total:{type:Number,default:0}},setup(t){const s=t,a=b(()=>s.progress/s.total*100);return(i,l)=>s.visible?(y(),I("div",No,[n("div",qo,[m(v(Ae),{style:{width:"16px",height:"16px"},class:"mr-3 ml-0",strokeWidth:"4"}),W(" Uploading "+T(s.progress)+" / "+T(s.total),1)]),m(v(Ts),{value:a.value,class:"flex-grow-1"},null,8,["value"])])):M("",!0)}},Ko=ve(Wo,[["__scopeId","data-v-7308ee78"]]),Go={class:"listPage__header mb-3"},Zo={class:"listPage__title capitalize"},Ho={key:0,class:"dropzone-wrapper__mask"},Yo={class:"dropzone-wrapper__supported-types"},Qo={class:"tgb-message__status-icon"},Jo={class:"font-semibold"},Xo={key:0,class:"mt-1"},ea={key:1,class:"mt-2"},ta={class:"font-semibold tgb-message__reason"},sa={class:"mt-1 mb-0 pl-3"},ra={class:"tgb-message__filename"},oa={key:2,class:"mt-1 text-sm text-color-secondary"},aa={key:3,class:"mt-2 text-sm"},na={key:2,class:"flex justify-content-end"},ia={key:3,class:"my-5"},la={class:"grid align-items-stretch mb-3"},da={key:4},ca={__name:"DesignLibraryView",props:{context:{type:String,required:!1,default:"manage"},nested:{type:Boolean,required:!1,default:!1},filetype:{type:String,required:!1,default:null}},emits:["select"],setup(t,{emit:s}){const a=s,i=c=>{switch(c){case"error":return"far fa-circle-exclamation";case"warn":return"far fa-triangle-exclamation";case"success":return"far fa-circle-check";default:return"far fa-circle-info"}},l=t,r=b(()=>l.context==="manage"),g=Ce(),{OptimizeImagesEnabled:p}=fe(g),o=fs("design-library-state",{sortBy:"created_time",sortDir:"desc"},localStorage,{mergeDefaults:!0}),_=He(),$=Ze(),f=Ee(),{currentTeamId:w,planPermissionData:C}=fe(Me()),Q=c=>`${c} file${c===1?"":"s"}`,Z=vs(),N=Y(null),O=hs("directoryId"),U=b(()=>N.value||O.value),z=Fe("q",""),F=Fe("searchAll",!0),e=ke({searchStr:z.value,searchAll:JSON.parse(F.value),page:1,limit:30,sortBy:o.value.sortBy,sortDir:o.value.sortDir,assetTypes:l.filetype?[l.filetype]:["image","video","user-font"],draggedItem:null,hoveredItem:null,selectedItems:[],total:0,assets:[],directories:[],showMoveDialog:!1,showNewDirectoryDialog:!1,showRenameDialog:!1,initialTitle:"",selectedDirectoryId:null,

9selectedAssetId:null,currentDirectory:{},isUploading:!1,uploadProgress:0,uploadTotal:0,showUploadSettingsModal:!1,showUploadPreferencePromptModal:!1,preferencePromptFile:null,preferencePromptAssetUrl:null,previewUrl:null,uploadFeedback:null}),E=b(()=>e.directories.map(c=>c.title)),k=b(()=>Es(C.value?.optimize_images)),se=b(()=>e.preferencePromptFile?.type?.startsWith("image/")),R=b(()=>{const c=e.uploadFeedback?.failureItems||[],d=e.uploadFeedback?.failureCount||0,u=tr(c);return sr(u,d,Js)}),K=()=>{U.value?f.getDirectory(U.value,{afterFetch({data:c}){e.currentDirectory=c}}):e.currentDirectory={}},ne=b(()=>({search:e.searchStr,searchAll:e.searchAll,page:e.page,limit:e.limit,directory:U.value,sortBy:e.sortBy,sortDir:e.sortDir,assetTypes:e.assetTypes})),{isFetching:L,execute:D}=f.getList(ne,{afterFetch({data:c}){e.page===1?(e.directories=c.directories??[],e.assets=c.assets??[]):(e.directories=bt(e.directories.concat(c.directories??[]),"_id"),e.assets=bt(e.assets.concat(c.assets??[]),"_id")),e.total=c.total??0}}),ae=()=>{const c=e.selectedItems.filter(h=>e.assets.some(x=>x._id===h)),d=e.selectedItems.filter(h=>e.directories.some(x=>x._id===h)),u=d.length?"Are you sure you want to delete the selected items? This will also delete all assets inside selected directories.":"Are you sure you want to delete the selected items?";Z.require({message:u,header:"Confirmation",icon:"pi pi-exclamation-triangle",rejectClass:"p-button-secondary p-button-outlined",rejectLabel:"Cancel",acceptLabel:"Delete",acceptClass:"p-button-danger",accept:async()=>{e.selectedItems=[],e.assets=e.assets.filter(h=>!c.includes(h._id)),e.directories=e.directories.filter(h=>!d.includes(h._id)),await Promise.all([c.length?f.removeAssets(c):null,d.length?f.removeDirectories(d):null]),D()},reject:()=>{}})},ce=Y(null),S=c=>{if(c.target.nodeName!=="INPUT"){if(c.key.indexOf("Arrow")===0&&!e.selectedItems.length&&e.assets.length){e.selectedItems=[e.assets[0]._id],c.preventDefault();return}switch(c.key){case"Escape":{e.previewUrl=null;break}case"ArrowUp":{if(e.selectedItems.length===1){const[d]=ce.value?.children??[];if(d){c.preventDefault();const u=Math.round(ce.value.offsetWidth/d.offsetWidth),[h]=e.selectedItems,x=e.assets.findIndex(j=>j._id===h),B=Math.max(0,x-u),A=e.assets[B]._id;e.selectedItems=[A],ce.value.querySelector(`[data-asset-id="${A}"]`).scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}}break}case"ArrowDown":{if(e.selectedItems.length===1){const[d]=ce.value?.children??[];if(d){c.preventDefault();const u=Math.round(ce.value.offsetWidth/d.offsetWidth),[h]=e.selectedItems,x=e.assets.findIndex(j=>j._id===h),B=Math.min(e.assets.length-1,x+u),A=e.assets[B]._id;e.selectedItems=[A],ce.value.querySelector(`[data-asset-id="${A}"]`).scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}}break}case"ArrowLeft":{if(e.selectedItems.length===1){const[d]=e.selectedItems,u=e.assets.findIndex(h=>h._id===d);u>0&&(e.selectedItems=[e.assets[u-1]._id])}break}case"ArrowRight":{if(e.selectedItems.length===1){const[d]=e.selectedItems,u=e.assets.findIndex(h=>h._id===d);u<e.assets.length-1&&(e.selectedItems=[e.assets[u+1]._id])}break}case"Delete":{e.selectedItems.length&&ae();break}case"F2":{if(e.selectedItems.length===1){const[d]=e.selectedItems,u=e.assets.find(x=>x._id===d),h=e.directories.find(x=>x._id===d);h?e.selectedDirectoryId=d:e.selectedAssetId=d,e.initialTitle=h?.title||u?.title||"",e.showRenameDialog=!0}break}case"a":{(c.ctrlKey||c.metaKey)&&(e.selectedItems=e.assets.map(d=>d._id),c.preventDefault());break}}}};Ge(()=>{K(),document.addEventListener("keydown",S)}),Tt(()=>{document.removeEventListener("keydown",S)});const ge=(c={})=>{const{assetTypes:d=[]}=c;if(e.assetTypes=d,!d.length){e.assets=[];return}D()},ye=(c={})=>{const{sortDir:d=e.sortDir,sortBy:u=e.sortBy}=c;let h=!1;d!==e.sortDir&&(e.sortDir=e.sortDir==="asc"?"desc":"asc",h=!0),u!==e.sortBy&&(e.sortBy=u,h=!0),h&&(e.assets.length>=e.total?(e.assets=je(e.assets,x=>typeof x[u]=="string"?x[u].toLowerCase():x[u]),e.directories=je(e.directories,x=>typeof x[u]=="string"?x[u].toLowerCase():x[u]),d==="desc"&&(e.assets.reverse(),e.directories.reverse())):(e.assets=[],e.directories=[],e.currentDirectory={},e.total=0,e.page=1,D())),o.value.sortBy=e.sortBy,o.value.sortDir=e.sortDir},jt=(c={})=>{e.searchStr===c.searchStr&&e.searchAll===c.searchAll||(e.assets=[],e.directories=[],e.page=1,e.searchStr=c.searchStr,e.searchAll=c.searchAll,r.value&&(e.searchStr?$.replace({query:{q:encodeURIComponent(e.searchStr),searchAll:e.searchAll}}):$.replace({query:{}})),D())};ue(w,()=>{e.assets=[],e.directories=[],e.page=1,D()});

9const Ot=b(()=>e.assets.length<e.total),Xe=Y(null),et=gs(Xe);ue(et,()=>{et.value&&!L.value&&Ot.value&&(e.page+=1,D())}),ue(U,()=>{e.assets=[],e.directories=[],e.currentDirectory={},e.total=0,e.page=1,K(),D()});const Be=async({ids:c,targetId:d})=>{const u={partial:{directory:d}},h=c.filter(B=>e.assets.some(A=>A._id===B)),x=c.filter(B=>e.directories.some(A=>A._id===B));Promise.all([h.length?new Promise(B=>{f.updateAssets({...u,ids:h},{afterFetch(){B()}})}):null,x.length?new Promise(B=>{f.updateDirectories({...u,ids:x},{afterFetch(){B()}})}):null]),d!==U.value&&(e.assets=e.assets.filter(B=>!h.includes(B._id)),e.directories=e.directories.filter(B=>!x.includes(B._id))),e.selectedItems=[]},Vt=c=>{e.selectedDirectoryId=c._id,e.initialTitle=c.title||"",e.showRenameDialog=!0},Nt=c=>{e.selectedAssetId=c._id,e.initialTitle=c.title||"",e.showRenameDialog=!0},qt=c=>{e.previewType=c.asset_type,e.previewUrl=c.media_url},Wt=c=>{const d={title:c};e.selectedAssetId?(f.updateAsset(e.selectedAssetId,d),e.assets=e.assets.map(u=>({...u,title:u._id===e.selectedAssetId?c:u.title}))):e.selectedDirectoryId&&(f.updateDirectory(e.selectedDirectoryId,d),e.directories=e.directories.map(u=>({...u,title:u._id===e.selectedDirectoryId?c:u.title}))),e.selectedDirectoryId=null,e.selectedAssetId=null,e.showRenameDialog=!1},Kt=c=>{if(c==="root"&&(c=null),!e.searchStr&&(c===U.value||!c&&!U.value)){e.showMoveDialog=!1,e.selectedItems=[];return}Be({ids:e.selectedItems.filter(d=>d!==c),targetId:c}),e.showMoveDialog=!1},tt=(c,d={})=>{const u="directory"in d?d.directory:U.value||null,h={owner:w.value,title:c,directory:u,type:"media"};return e.showNewDirectoryDialog=!1,new Promise(x=>{f.createDirectory(h,{afterFetch({data:B}){h._id=B,(u===U.value||!u&&!U.value)&&(e.directories.unshift(h),e.directories=je(e.directories,A=>typeof A[e.sortBy]=="string"?A[e.sortBy].toLowerCase():A[e.sortBy])),x(h._id)}})})},st=({files:c})=>{const d=c.some(A=>A.type?.startsWith("image/")),u=c.findIndex(A=>A.type?.startsWith("image/")),h=d&&k.value&&!e.showUploadPreferencePromptModal&&!e.preferencePromptFile;e.uploadTotal+=c.length;const x=new Set;let B=[];return or(c,{ignoreErrors:!0,limit:5},async A=>{const G=$t(A),j=A.name.split(".").pop()||"";if(!!!St({contentType:G,extension:j})){const pe=Xs({contentType:G,extension:j});return pe&&x.add(pe),e.uploadProgress+=1,{asset:null,file:A,reason:be.FILE_TYPE_NOT_SUPPORTED}}e.isUploading=!0;const re=A.directory||U.value,q=Zs(A.name),J=St({contentType:G,extension:j}),X={userId:w.value,filename:q,type:J==="font"?"font":J,contentType:G};return X.type?new Promise(pe=>{f.getPresignedUrl(X,{async afterFetch({data:xe}){try{const{url:we,fields:Ht}=xe,he=await Qs({url:we,fields:Ht,file:A,filename:q,directory:re,owner:w.value});if(!he){pe({asset:null,file:A,reason:be.UPLOAD_FAILED});return}if(he?.asset_type==="video"&&!he.thumbnail_url){let ct=0;const Yt=5;let ut=1e3;const Qt=ze=>new Promise(Xt=>{setTimeout(Xt,ze)}),{data:Jt}=await f.getAsset(he._id);let Pe=Jt.value;for(;!Pe?.thumbnail_url&&ct<Yt;){await Qt(ut),ct+=1,ut*=2;const{data:ze}=await f.getAsset(he._id);Pe=ze.value}Pe?.thumbnail_url&&(he.thumbnail_url=Pe.thumbnail_url)}pe({asset:he,file:A,reason:null})}catch(we){pe({asset:null,file:A,reason:we?.message||be.UPLOAD_FAILED})}},onFetchError(xe){pe({asset:null,file:A,reason:xe?.data?.message||be.FAILED_TO_PREPARE_UPLOAD})}})}).finally(()=>{e.uploadProgress+=1}):(e.uploadProgress+=1,{asset:null,file:A,reason:be.FILE_TYPE_NOT_SUPPORTED})}).then(A=>(B=A,B.map(G=>G?.asset||null))).then(A=>{if(h&&u>-1){const X=A[u];X?.media_url&&(e.preferencePromptFile=c[u],e.preferencePromptAssetUrl=X.media_url)}const G=A.filter(Boolean).filter(X=>X.directory===U.value||!X.directory&&!U.value);e.assets=G.concat(e.assets).filter(Boolean),e.total+=G.length;const j=A.filter(Boolean).length,le=B.filter(X=>X?.file&&!X.asset),re=le.length,q=le.some(X=>X?.reason===be.FILE_TYPE_NOT_SUPPORTED),J=le.map(X=>er({filename:X.file.name,reason:X.reason||be.UPLOAD_FAILED}));if(j&&!re){e.uploadFeedback=null,_.add({severity:"success",summary:"File Upload Successful",life:3e3});return}!j&&re&&(e.uploadFeedback={severity:"error",summary:J.length?"All files failed to upload":"Upload failed",detail

9:J.length?`${Q(J.length)} could not be uploaded.`:"None of the selected files could be uploaded.",failureCount:J.length,failureItems:J,showSupportedTypes:q,supportedTypesText:q?Ke(x.size?x:void 0):""}),j&&(e.uploadFeedback={severity:"warn",summary:"Upload completed with issues",detail:`${Q(j)} uploaded. ${Q(re)} failed.`,failureCount:re,failureItems:J,showSupportedTypes:q,supportedTypesText:q?Ke(x.size?x:void 0):""})}).finally(()=>{e.uploadTotal-=c.length,e.uploadTotal<=0&&(e.uploadTotal=0,e.uploadProgress=0,e.isUploading=!1,se.value&&e.preferencePromptAssetUrl&&k.value&&(e.showUploadPreferencePromptModal=!0))})},rt=Y(null),{isOverDropZone:ot}=ys(rt,{async onDrop(c,d){const u=[],h=[];function x(G){return new Promise(j=>{if(G.isDirectory){const le=G.createReader();u.push(G),le.readEntries(async re=>{await Promise.all(re.map(q=>x(q))),j()})}else G.file(le=>{le.fullPath=G.fullPath,h.push(le),j()})})}const B={};if(d.dataTransfer?.items){const{items:G}=d.dataTransfer;await Promise.all([...G].map(async q=>{const J=q.webkitGetAsEntry();J&&await x(J)}));const j=async q=>{const J=q.fullPath.split("/").filter(Boolean),X=`/${J.slice(0,J.length-1).join("/")}`,pe=B[X],xe={};pe&&(xe.directory=pe);const we=await tt(q.name,xe);B[q.fullPath]=we};let le=1,re;do re=u.filter(q=>q.fullPath.split("/").filter(Boolean).length===le),re?.length&&await Promise.all(re.map(q=>j(q))),le+=1;while(re.length)}const A=[...h].map(G=>{let j=G;const re=(j.webkitRelativePath||j.fullPath).split("/").filter(Boolean),q=`/${re.slice(0,re.length-1).join("/")}`;if(!j.type){const{name:J}=j;j=new File([j],J,{type:$t(j)})}return q&&(j.directory=B[q]),j});st({files:A})}}),Gt=c=>{e.draggedItem=c,e.selectedItems.includes(c._id)||(e.selectedItems=[c._id])},at=()=>{e.draggedItem&&e.hoveredItem&&e.hoveredItem?._id!==e.draggedItem._id&&(e.selectedItems.includes(e.draggedItem._id)?Be({ids:e.selectedItems.filter(d=>d!==e.hoveredItem._id),targetId:e.hoveredItem._id}):Be({ids:[e.draggedItem._id],targetId:e.hoveredItem._id})),e.draggedItem=null},nt=(c,d=!1)=>{const u=d?e.directories.find(x=>x._id===c):e.assets.find(x=>x._id===c),h=d?`Are you sure you want to delete "${u.title}"? This will also delete all assets inside this folder.`:`Are you sure you want to delete "${u.title}"?`;Z.require({message:h,header:"Confirmation",icon:"pi pi-exclamation-triangle",rejectClass:"p-button-secondary p-button-outlined",rejectLabel:"Cancel",acceptLabel:"Delete",acceptClass:"p-button-danger",accept:async()=>{e.selectedItems=e.selectedItems.filter(x=>x!==c),d?e.directories=e.directories.filter(x=>x._id!==c):e.assets=e.assets.filter(x=>x._id!==c),await(d?f.removeDirectories([c]):f.removeAssets([c])),D()},reject:()=>{}})},it=c=>{N.value=c,e.searchStr=""},lt=(c,d)=>{const u=e.directories.concat(e.assets);if((c.ctrlKey||c.metaKey)&&r.value){const h=e.selectedItems.findIndex(x=>x===d);h>-1?e.selectedItems.splice(h,1):e.selectedItems.push(d);return}if(c.shiftKey&&e.selectedItems?.length&&r.value){let h=u.findIndex(A=>A._id===e.selectedItems[0]),x=u.findIndex(A=>A._id===d),B=!1;if(h>x){const A=h;h=x,x=A,B=!0}e.selectedItems=u.slice(h,x+1).map(A=>A._id),B&&e.selectedItems.reverse();return}e.selectedItems=e.selectedItems.includes(d)&&e.selectedItems.length===1?[]:[d]},dt=(c={asset:{},meta:{}},d=e.selectedItems?.[0])=>{if(r.value)return;const u=e.assets.find(h=>h._id===d);bs()&&l.nested?_s({asset:u,meta:c.meta}):a("select",{asset:u,meta:c.meta})},Zt=()=>{e.showUploadPreferencePromptModal=!1,e.preferencePromptFile=null,e.preferencePromptAssetUrl=null};return(c,d)=>(y(),I(ie,null,[n("div",{class:ee(["listPage px-6",{"mt-3":!r.value}]),ref_key:"dropZoneRef",ref:rt},[n("div",Go,[n("h2",Zo,T(r.value?"Media":"Select File"),1),m(vo)]),n("div",{class:ee(["dropzone-wrapper",v(ot)?"dropzone-wrapper--dragging-file":""])},[v(ot)?(y(),I("div",Ho,[d[13]||(d[13]=n("div",{class:"dropzone-wrapper__title"},"Drop files to upload",-1)),n("div",Yo,T(v(Ve)),1)])):M("",!0)],2),n("div",null,[m(Ir,{"current-directory":e.currentDirectory,"selected-items":e.selectedItems,"dragged-item":e.draggedItem,"sort-by":e.sortBy,"sort-dir":e.sortDir,search:e.searchStr,"search-all":e.searchAll,"filter-by":e.assetTypes,context:l.context,"is-uploading":e.isUploading,onCreate:d[0]||(d[0]=u=>e.showNewDirectoryDialog=!0),onUse:d[1]||(d[1]=u=>dt(u)),onMove:d[2]||(d[2]=u=>e.showMoveDialog=!0),onDelete:ae,onSearch:jt,onUpload:st,onUploadSettings:d[3]||(d[3]=u=>e.showUploadSettingsModal=!0),onSort:ye,onFilter:ge,onOpen:it,onMouseEnter:d[4]||(d[4]=u=>e.hoveredItem={_id:u}),onMouseLeave:d[5]||(d[5]=u=>e.hoveredItem=null)},null,8,["current-directory","selected-items","dragged-item","sort-by","sort-dir","search","search-all","filter-by","context","is-uploading"]),e.uploadFeedback?(y(),H(v(gt),{key:0,class:"mb-3 tgb-message",severity:e.uploadFeedback.severity,closable:!0,onClose:d[6]||(d[6]=u

9=>e.uploadFeedback=null)},{icon:P(()=>[n("div",Qo,[m(v(vt),{icon:i(e.uploadFeedback.severity)},null,8,["icon"])])]),default:P(()=>[n("div",Jo,T(e.uploadFeedback.summary),1),e.uploadFeedback.detail?(y(),I("div",Xo,T(e.uploadFeedback.detail),1)):M("",!0),R.value.groups.length?(y(),I("div",ea,[(y(!0),I(ie,null,$e(R.value.groups,(u,h)=>(y(),I("div",{key:`${u.reason}-${h}`,class:"mb-2"},[n("div",ta,T(u.reason),1),n("ul",sa,[(y(!0),I(ie,null,$e(u.filenames,(x,B)=>(y(),I("li",{key:`${x}-${B}`},[n("code",ra,T(x),1)]))),128))])]))),128))])):M("",!0),R.value.hiddenCount?(y(),I("div",oa," + "+T(R.value.hiddenCount)+" more of "+T(R.value.totalCount)+" items ",1)):M("",!0),e.uploadFeedback.showSupportedTypes?(y(),I("div",aa,[d[14]||(d[14]=n("span",{class:"font-semibold"},"Upload a supported file type:",-1)),W(" "+T(e.uploadFeedback.supportedTypesText),1)])):M("",!0)]),_:1},8,["severity"])):M("",!0),!v(L)&&!e.assets.length&&!e.directories.length?(y(),I(ie,{key:1},[e.searchStr?(y(),I(ie,{key:0},[d[15]||(d[15]=n("h3",null,"No Results.",-1)),n("p",null," Drag and drop assets to upload, or use the Upload button. "+T(v(Ve)),1)],64)):(y(),I(ie,{key:1},[d[16]||(d[16]=n("h3",null,"Nothing is here yet.",-1)),n("p",null," Drag and drop assets to upload, or use the Upload button. "+T(v(Ve)),1)],64))],64)):(y(),I("div",na,[v(p)?M("",!0):(y(),H(v(gt),{key:0,severity:"warn",class:"media-optimization-warning","pt:wrapper:class":"py-1"},{messageicon:P(()=>[m(v(vt),{icon:"far fa-bolt-slash",class:"mr-2"})]),default:P(()=>[d[17]||(d[17]=W(" Media optimization is disabled. Enable it in Settings to reduce file sizes and improve performance. "))]),_:1}))])),e.directories?.length?(y(),I("section",ia,[n("div",la,[(y(!0),I(ie,null,$e(e.directories,u=>(y(),H(Hr,{key:u._id,value:u,"dragged-item":e.draggedItem,selected:e.selectedItems.includes(u._id),"selected-count":e.selectedItems.length,context:l.context,onOpen:h=>it(u._id),onSelect:h=>lt(h,u._id),onDelete:h=>nt(u._id,!0),onRename:h=>Vt(u),onDragStart:h=>e.draggedItem=u,onDragEnd:at,onMouseEnter:h=>e.hoveredItem=u,onMouseLeave:d[7]||(d[7]=h=>e.hoveredItem=null)},null,8,["value","dragged-item","selected","selected-count","context","onOpen","onSelect","onDelete","onRename","onDragStart","onMouseEnter"]))),128))])])):M("",!0),e.assets?.length?(y(),I("section",da,[n("div",{class:"grid mb-3",ref_key:"assetGridRef",ref:ce},[(y(!0),I(ie,null,$e(e.assets,u=>(y(),H(Or,{key:u._id,value:u,selected:e.selectedItems.includes(u._id),"selected-count":e.selectedItems.length,context:l.context,onSelect:h=>lt(h,u._id),onUse:h=>dt(h,u._id),onDelete:h=>nt(u._id),onRename:h=>Nt(u),onPreview:h=>qt(u),onDragStart:h=>Gt(u),onDragEnd:at},null,8,["value","selected","selected-count","context","onSelect","onUse","onDelete","onRename","onPreview","onDragStart"]))),128))],512)])):M("",!0),e.assets.length?(y(),I("div",{key:5,ref_key:"loadTriggerRef",ref:Xe,class:"mb-3 text-sm font-bold flex align-items-center"},[W(" Viewing "+T(e.assets.length)+" of "+T(e.total)+" ",1),v(L)?(y(),H(v(Ae),{key:0,style:{width:"16px",height:"16px"},class:"inline-block ml-3",strokeWidth:"4"})):M("",!0)],512)):M("",!0)])],2),m(Ko,{visible:e.isUploading,progress:e.uploadProgress,total:e.uploadTotal},null,8,["visible","progress","total"]),m(Eo,{visible:e.showUploadPreferencePromptModal,file:e.preferencePromptFile,"asset-url":e.preferencePromptAssetUrl,onClose:Zt},null,8,["visible","file","asset-url"]),m(Vo,{visible:e.showUploadSettingsModal,onClose:d[8]||(d[8]=u=>e.showUploadSettingsModal=!1)},null,8,["visible"]),m(Ps,{visible:e.showRenameDialog,"restricted-titles":E.value,"initial-title":e.initialTitle,onClose:d[9]||(d[9]=u=>e.showRenameDialog=!1),onRename:Wt},null,8,["visible","restricted-titles","initial-title"]),m(oo,{visible:e.showMoveDialog,"current-directory-id":U.value,onClose:d[10]||(d[10]=u=>e.showMoveDialog=!1),onMove:Kt},null,8,["visible","current-directory-id"]),m(qr,{visible:e.showNewDirectoryDialog,"restricted-titles":E.value,onClose:d[11]||(d[11]=u=>e.showNewDirectoryDialog=!1),onCreate:tt},null,8,["visible","restricted-titles"]),m(po,{"media-url":e.previewUrl,"asset-type":e.previewType,onClose:d[12]||(d[12]=u=>e.previewUrl=null)},null,8,["media-url","asset-type"])],64))}},ua=ve(ca,[["__scopeId","data-v-f9f094a2"]]),La=Object.freeze(Object.defineProperty({__proto__:null,default:ua},Symbol.toStringTag,{value:"Module"}));

9export{ua as D,La as a,Ls as b,kr as g,Es as i,Ee as u};
10//# sourceMappingURL=DesignLibraryView-uNUafez7.js.map