https://www.methodlearning.com/build/assets/EditList-DctI0Rbd.js

1import{M as _}from"./ModuleHelper-DkcmlRjV.js";import{M as f}from"./ModuleUnlock-B49tNa4h.js";import{C as p,o,c as r,l as v,s as I,b as a,a as i,v as u,F as g,r as y,t as L,e as k,x as c,n as b,d as x}from"./instance-CaiqpZWj.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./___vite-browser-external_commonjs-proxy-Dtmx4hP1.js";const P={name:"List",mixins:[_,f],props:{branch:{required:!0,type:Object},categorable:Object,created_at:String,deleted_at:String,id:Number,list_type_id:Number,padding_id:Number,border_id:Number,margin_id:Number,items:Array,uid:{required:!0,type:String},updated_at:String},data(){return{activeListItemId:null,showOptions:!1,itemsProxy:this.items}},mounted(){this.itemsProxy.length===0&&this.addListItem()},methods:{updateText(s,e){this.itemsProxy[e].text=s},editorLabel(s){return"list-item-"+s},isActiveListItem(s){var e=this.uid+"-"+s;return this.$store.state.index.activeEditorId===e},removeItem(s){this.itemsProxy.splice(s,1)},addListItem(){this.itemsProxy.splice(this.itemsProxy.length,0,{text:"",placeholder:"List Item "+(this.itemsProxy.length+1)}),this.categorable.items=this.itemsProxy},createChoiceKey(s){var e=/^([A-Za-z]|[0-9])$/;s.key.match(e)&&this.addListItem()}},computed:{listTypes(){return this.$store.state.index.listTypes}}},M=["id"],A={class:"items"},N=["id"],T={class:"menu-dropdown"},U={class:"dropdown-item"},O={class:"dropdown-item"},S={class:"dropdown-item"},V={class:"dropdown-item"},q=["value"],B={class:"item-wrap"},K={class:"item"},D={class:"menu-right"},E=["onClick"],j={class:"underline-wrap"};function z(s,e,d,F,n,l){const h=p("module-menu-active"),w=p("quill-editor");return o(),r("div",{id:"list-module-"+d.uid,class:b(["list-module","list-border-"+d.categorable.border_id])},[v(h,{onMoveUp:e[5]||(e[5]=t=>s.$emit("move-up")),onMoveDown:e[6]||(e[6]=t=>s.$emit("move-down")),onAddModule:e[7]||(e[7]=t=>s.$emit("add-module",t)),onAddRow:e[8]||(e[8]=t=>s.$emit("add-row",t)),onAddColumn:e[9]||(e[9]=t=>s.$emit("add-column",t)),onTrashModule:e[10]||(e[10]=t=>s.$emit("trash-module")),branch:d.branch,locked:s.lockedProxy,label:"List",uid:d.uid},{default:I(()=>[a(i("ul",A,[i("li",{id:"list-module-dropdown-"+d.uid,class:"item position-relative"},[i("button",{type:"button",class:"parent",onClick:e[0]||(e[0]=t=>n.showOptions=!n.showOptions)},e[13]||(e[13]=[i("span",{class:"label child"},"Options",-1)])),a(i("ul",T,[i("li",U,[e[14]||(e[14]=i("p",{class:"label"},"Padding",-1)),a(i("input",{type:"range",min:"0",max:"4","onUpdate:modelValue":e[1]||(e[1]=t=>d.categorable.padding_id=t)},null,512),[[u,d.categorable.padding_id,void 0,{number:!0}]])]),i("li",O,[e[15]||(e[15]=i("p",{class:"label"},"Margin",-1)),a(i("input",{type:"range",min:"0",max:"3","onUpdate:modelValue":e[2]||(e[2]=t=>d.categorable.margin_id=t)},null,512),[[u,d.categorable.margin_id,void 0,{number:!0}]])]),i("li",S,[e[16]||(e[16]=i("p",{class:"label"},"Border",-1)),a(i("input",{type:"range",min:"0",max:"3","onUpdate:modelValue":e[3]||(e[3]=t=>d.categorable.border_id=t)},null,512),[[u,d.categorable.border_id,void 0,{number:!0}]])]),i("li",V,[e[17]||(e[17]=i("p",{class:"label"},"Type",-1)),a(i("select",{"onUpdate:modelValue":e[4]||(e[4]=t=>d.categorable.list_type_id=t)},[(o(!0),r(g,null,y(l.listTypes,t=>(o(),r("option",{value:t.id},L(t.name),9,q))),256))],512),[[k,d.categorable.list_type_id,void 0,{number:!0}]])])],512),[[c,n.showOptions]])],8,N)],512),[[c,s.isActive]])]),_:1},8,["branch","locked","uid"]),n.itemsProxy&&n.itemsProxy.length>0?(o(),r("ul",{key:0,class:b(["main-list",["list-type-"+d.categorable.list_type_id,"padding-id-"+d.categorable.padding_id,"margin-id-"+d.categorable.margin_id]])},[(o(!0),r(g,null,y(n.itemsProxy,(t,m)=>(o(),r("li",{class:b(["list-item",l.isActiveListItem(l.editorLabel(m))?"active-list-item":""])},[i("div",B,[i("div",K,[i("div",null,[v(w,{"onUpdate:text":l.updateText,placeholder:"List Item "+(m+1),id:"list-"+d.uid+"-"+m,index:m,"editor-theme":"bubble",text:t.text,focus:!0},null,8,["onUpdate:text","placeholder","id","index","text"])])]),i("ul",D,[i("li",{onClick:H=>l.removeItem(m)},e[18]||(e[18]=[i("span",{class:"remove-item item h4"}," × ",-1)]),8,E)])])],2))),256))],2)):x("",!0),s.isActive?(o(),r("div",{key:1,class:"add-list-item underline-hover",onClick:e[12]||(e[12]=(...t)=>l.addListItem&&l.addListItem(...t))},[i("span",j,[e[19]||(e[19]=i("span",{class:"far fa-plus me-2"},null,-1)),i("input",{type:"text",onKeydown:e[11]||(e[11]=(...t)=>l.createChoiceKey&&l.createChoiceKey(...t)),placeholder:"Add Item"},null,32)])])):x("",!0)],10,M)}const W=C(P,[["render",z]]);export{W as default};