https://www.richter.at/_nuxt/DBl7P4hI.js

1import{i as J,Q as R,j as H,J as Q,a as G,I as K,L as X,as as Y,aE as Z,aq as ee,b7 as te,M as oe,b8 as le}from"#entry";import se from"./DW44TU2l.js";import{_ as ae}from"./Bpd-4aSd.js";import{_ as ne}from"./DkQ3wKAC.js";import{g}from"./p7bvqEdO.js";import{d as re,s as y,q as ie,b,o as c,a as l,g as h,c as V,t as u,u as e,f as n,w as m,E as I,F as de,i as ce,l as ue,A as U,k as me,n as pe,h as ge,B as be,J as x}from"./epEytuGL.js";import{u as A}from"./DkGNjo6W.js";import{z as fe}from"./DT-iibSY.js";import{u as ve}from"./CG6yxQox.js";import{d as ke}from"./Drmfbxxz.js";import{d as _e}from"./F0nwreAj.js";import{u as he}from"./D0qR4voA.js";import{_ as ye}from"./DlAUqK2U.js";import"./dK__x7-o.js";import"./mmQ8mdHt.js";import"./D40jpfga.js";import"./D4UBLweT.js";import"./DKIgA1zR.js";import"./-mPUcnya.js";import"./DdBajsqV.js";import"./DnFHOHSv.js";import"./DMdkFEwy.js";const xe={"data-testid":"banner-carousel-form",class:"block-slider-edit sticky top-[52px] h-[80vh] overflow-y-auto"},we={class:"mb-6"},Ce={class:"flex item-center justify-between mb-4 p-4 pr-2"},Se={class:"flex item-center"},Be={class:"relative"},Te={key:1,class:"absolute right-0 mt-2 w-64 bg-white rounded-lg shadow-lg border z-50"},Ee={class:"flex justify-end p-2"},$e={class:"p-2"},ze={class:"flex items-center"};const Ve=["aria-label","data-testid"],Ie=["data-testid","disabled","onClick"],Ue={class:"pl-2 pr-2 pt-2 flex justify-between items-center"},Ae={class:"flex items-center gap-2 flex-nowrap"},je=["data-testid","onClick"],De=["data-testid"],Fe={class:"controls"},Me={class:"mb-6 mt-4"},D=re({__name:"CarouselForm",setup(B){const{isOpen:v,open:T,close:w}=J(),{blockUuid:r}=R(),{updateBannerItems:F,setIndex:f,activeSlideIndex:M}=he(),E=H(),{data:L}=Q(E?.meta?.identifier,E.meta.type,G().$i18n.locale.value),{findOrDeleteBlockByUuid:N}=K();f(r.value,0);const k=y(()=>M.value[r.value]),$=y(()=>N(L.value,r.value)||{}),_=y(()=>$.value.configuration.controls),s=y({get:()=>$.value?.content||[],set:t=>F(t,r.value)}),C=ie(!0),P=t=>{f(r.value,t)},z=async()=>{const t={name:"Banner",type:"content",content:{image:{wideScreen:"https://cdn02.plentymarkets.com/v5vzmmmcb10k/frontend/PWA/placeholder-image.png",desktop:"https://cdn02.plentymarkets.com/v5vzmmmcb10k/frontend/PWA/placeholder-image.png",tablet:"https://cdn02.plentymarkets.com/v5vzmmmcb10k/frontend/PWA/placeholder-image.png",mobile:"https://cdn02.plentymarkets.com/v5vzmmmcb10k/frontend/PWA/placeholder-image.png",brightness:.5,alt:""},text:{pretitle:"PreTitle",title:"Title",subtitle:"SubTitle",htmlDescription:"Text that supports HTML formatting",color:"#000",bgcolor:"#fff",bgopacity:1,textAlignment:"left",justify:"center",align:"left",background:!1},button:{label:"Button",link:"/",variant:"primary"}},meta:{uuid:le()},lazyLoading:"eager",index:s.value.length};s.value=[...s.value,t],await x(),f(r.value,s.value.length-1),w()},O=async t=>{s.value.length<=1||(s.value=s.value.filter((o,i)=>i!==t),f(r.value,0),await x(),w())},Le=async t=>{if(t<=0)return;const o=[...s.value],i=o[t],p=o[t-1];!i||!p||([o[t-1],o[t]]=[i,p],s.value=o,f(r.value,t-1),await x())},Ne=async t=>{if(t>=s.value.length-1)return;const o=[...s.value],i=o[t],p=o[t+1];!i||!p||([o[t],o[t+1]]=[p,i],s.value=o,await x(),f(r.value,t+1))};return(t,o)=>{const i=Y,p=se,W=ae,q=ne;return c(),b("div",xe,[l("div",we,[l("div",Ce,[l("h2",null,u(("getEditorTranslation"in t?t.getEditorTranslation:e(g))("slides-group-label")),1),l("div",Se,[l("button",{"data-testid":"quick-add-slide-button",class:"p-2 text-gray-600 hover:bg-gray-100 rounded-full shrink-0",onClick:z},[n(e(A),{class:"text-neutral-500"})]),l("div",Be,[e(s).length>=2?(c(),b("button",{key:0,"data-testid":"open-slide-actions",class:"p-2 text-gray-600 hover:bg-gray-100 rounded-full",onClick:o[0]||(o[0]=(...a)=>e(T)&&e(T)(...a))},[n(e(ve),{class:"text-neutral-500"})])):h("",!0),e(v)&&e(s).length>=2?(c(),b("div",Te,[l("div",Ee,[n(e(X),{class:"cursor-pointer",onClick:e(w)},null,8,["onClick"])]),o[6]||(o[6]=l("hr",null,null,-1)),l("div",$e,[e(s).length?(c(),V(e(ke),{key:0,modelValue:e(s),"onUpdate:modelValue":o[1]||(o[1]=a=>I(s)?s.value=a:null),"item-key":"meta.uuid",handle:".drag-slides-handle",class:"p-2 rounded",filter:".no-drag"},{item:m(({element:a,index:d})=>[(c(),b("div",{key:a.meta.uuid,class:"flex items-center justify-between drag-slides-handle cursor-move"}

1,[l("div",ze,[h("",!0),l("button",{class:"drag-slides-handle top-2 left-2 z-50 cursor-grab p-2 hover:bg-gray-100 rounded-full","aria-label":("getEditorTranslation"in t?t.getEditorTranslation:e(g))("drag-reorder-aria"),"data-testid":`actions-drag-slide-handle-${d}`},[n(i,{width:"18",height:"18",src:e(_e)},null,8,["src"])],8,Ve),l("span",null,u(("getEditorTranslation"in t?t.getEditorTranslation:e(g))("slide-label"))+" "+u(d+1),1)]),l("button",{"data-testid":`actions-delete-slide-${d}`,class:"text-red-500 hover:text-red-700",disabled:e(s).length===1,onClick:S=>O(d)},[n(e(fe),{class:"text-neutral-500"})],8,Ie)]))]),_:1},8,["modelValue"])):h("",!0),o[5]||(o[5]=l("hr",null,null,-1)),l("div",Ue,[l("p",null,u(("getEditorTranslation"in t?t.getEditorTranslation:e(g))("add-slide-label")),1),l("button",{"data-testid":"actions-add-slide-button",class:"p-2 text-gray-600 hover:bg-gray-100 rounded-full shrink-0",onClick:z},[n(e(A),{class:"text-neutral-500"})])])])])):h("",!0)])])]),(c(),V(e(te),{key:e(s).length,class:"items-center w-full [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"},{previousButton:m(a=>[l("button",U(a,{class:"p-1 text-gray-500 hover:text-primary-600 disabled:opacity-50 disabled:cursor-not-allowed"}),[n(e(ee),{class:"text-neutral-500"})],16)]),nextButton:m(a=>[l("button",U(a,{class:"p-1 text-gray-500 hover:text-primary-600 disabled:opacity-50 disabled:cursor-not-allowed"}),[n(e(Z),{class:"text-neutral-500"})],16)]),default:m(()=>[l("div",Ae,[(c(!0),b(de,null,ce(e(s),(a,d)=>(c(),b("button",{key:a.meta.uuid,"data-testid":`slide-settings-${d}`,class:ue(["px-4 py-2 text-sm font-medium rounded-lg flex items-center gap-2 shrink-0",e(k)===d?"bg-editor-button text-white":""]),onClick:S=>P(d)},u(("getEditorTranslation"in t?t.getEditorTranslation:e(g))("slide-label"))+" "+u(d+1),11,je))),128))])]),_:1}))]),e(k)!==void 0&&e(s)[e(k)]?(c(),b("div",{key:0,"data-testid":`slide-settings-${e(k)}`},[n(p,{uuid:e(s)[e(k)].meta.uuid},null,8,["uuid"]),n(q,{modelValue:e(C),"onUpdate:modelValue":o[4]||(o[4]=a=>I(C)?C.value=a:null),"summary-active-class":"bg-neutral-100","summary-class":"w-full hover:bg-neutral-100 px-4 py-5 flex justify-between items-center select-none border-b"},{summary:m(()=>[l("h2",null,u(("getEditorTranslation"in t?t.getEditorTranslation:e(g))("controls-group-label")),1)]),default:m(()=>[l("div",Fe,[l("div",Me,[n(W,{class:"mb-1"},{default:m(()=>[me(u(("getEditorTranslation"in t?t.getEditorTranslation:e(g))("controls-color-label")),1)]),_:1}),n(e(oe),{modelValue:e(_).color,"onUpdate:modelValue":o[3]||(o[3]=a=>e(_).color=a),type:"text"},{suffix:m(()=>[l("label",{for:"controls-color",style:pe({backgroundColor:e(_).color}),class:"border border-[#a0a0a0] rounded-lg cursor-pointer"},[ge(l("input",{id:"controls-color","onUpdate:modelValue":o[2]||(o[2]=a=>e(_).color=a),type:"color",class:"invisible w-8"},null,512),[[be,e(_).color]])],4)]),_:1},8,["modelValue"])])])]),_:1},8,["modelValue"])],8,De)):h("",!0)])}}});function j(B){const v=B;v.__i18n=v.__i18n||[],v.__i18n.push({locale:"",resource:{en:{"slides-group-label":{t:0,b:{t:2,i:[{t:3}],s:"Slides"}},"slide-label":{t:0,b:{t:2,i:[{t:3}],s:"Slide"}},"add-slide-label":{t:0,b:{t:2,i:[{t:3}],s:"Add Slide"}},"drag-reorder-aria":{t:0,b:{t:2,i:[{t:3}],s:"Drag to reorder slide"}},"controls-group-label":{t:0,b:{t:2,i:[{t:3}],s:"Controls"}},"controls-color-label":{t:0,b:{t:2,i:[{t:3}],s:"Slider Controls Colour"}}},de:{"slides-group-label":{t:0,b:{t:2,i:[{t:3}],s:"Slides"}},"slide-label":{t:0,b:{t:2,i:[{t:3}],s:"Slide"}},"add-slide-label":{t:0,b:{t:2,i:[{t:3}],s:"Add Slide"}},"drag-reorder-aria":{t:0,b:{t:2,i:[{t:3}],s:"Drag to reorder slide"}},"controls-group-label":{t:0,b:{t:2,i:[{t:3}],s:"Controls"}},"controls-color-label":{t:0,b:{t:2,i:[{t:3}],s:"Slider Controls Colour"}}}}})}typeof j=="function"&&j(D);const dt=Object.assign(ye(D,[["__scopeId","data-v-df226412"]]),{__name:"BlocksStructureCarouselForm"});export{dt as default};