1import{_ as P,dJ as I,bp as A,a3 as z}from"./index.474d7b13.js";import{F as S}from"./index.e6b28c48.js";import{e as F}from"./editorMixin.3e98a765.js";import{N as o,D as c,W as h,U as l,f as n,a3 as N,Q as y}from"./vue.00f7c436.js";import"./sentry.09480738.js";import"./faSlidersH.3deb0409.js";import"./faCopy.1452ad5a.js";import"./faFloppyDisk.7ea9c02b.js";import"./isEqual.4f114006.js";import"./formConfig.11506f9f.js";import"./faCircle.17f627a7.js";import"./faAlignCenter.3762bffe.js";import"./faArrowRight.6d6d4730.js";var p={},g={},b;function R(){return b||(b=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var t="fas",a="trash-can",s=448,m=512,r=[61460,"trash-alt"],d="f2ed",u="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z";e.definition={prefix:t,iconName:a,icon:[s,m,r,d,u]},e.faTrashCan=e.definition,e.prefix=t,e.iconName=a,e.width=s,e.height=m,e.ligatures=r,e.unicode=d,e.svgPathData=u,e.aliases=r}(g)),g}var T;function V(){return T||(T=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var t=R();e.definition={prefix:t.prefix,iconName:t.iconName,icon:[t.width,t.height,t.aliases,t.unicode,t.svgPathData]},e.faTrashAlt=e.definition,e.prefix=t.prefix,e.iconName=t.iconName,e.width=t.width,e.height=t.height,e.ligatures=t.aliases,e.unicode=t.unicode,e.svgPathData=t.svgPathData,e.aliases=t.aliases}(p)),p}var D=V();const E={name:"GridTemplateEditor",components:{TmlEditableOverlay:I,FormBuilder:S},mixins:[F],inject:["theme"],data(){return{faTrashAlt:D.faTrashAlt,selectedItem:null,items:[],watchedProperties:["limit"]}},computed:{editor(){var e,t;return(t=(e=this.selectedItem)==null?void 0:e.data)==null?void 0:t.editor},gridColumns(){switch(this.getProperty("limit",0,"number")){case 2:return{xs:2};case 3:return{xs:3};default:case 4:return{xs:2,sm:4}}},itemsHaveBackground(){return this.itemsHave("image")?!0:this.template.items.some(e=>{const t=this.getTemplateProperty(e,"backgroundColor");return!t||!A(t)})}},methods:{image:z,getItemProperty(e,t,a){return this.getTemplateProperty(this.selectedItem,e,t,a)},setItemProperty(e,t){return this.setTemplateProperty(this.selectedItem,e,t)},getItemImageSrc(e){var t;return(t=this.getTemplateProperty(e,"image"))==null?void 0:t.src},itemsHave(e){return this.template.items.some(t=>this.getTemplateProperty(t,e))},onEdit(e){this.selectedItem=e.setTheme(this.template.theme),this.$refs.popup.open()},onDelete(e){this.template.removeItems(e)},onReorder(e){this.template.items.forEach(t=>{var s;const a=(s=e.find(m=>m.uid===t.uid))==null?void 0:s.order;typeof a=="number"&&(t.data.order=a)})},propertyWatcher(e,t){const a=e-this.template.items.length;a>0?this.template.addItems(a):a<0&&this.template.removeItems(Math.abs(a))}}};function O(e,t,a,s,m,r){const d=o("tml-new-pod"),u=o("tml-editable-overlay"),w=o("tml-masonry-grid"),f=o("form-builder"),C=o("tml-form"),v=o("tml-button"),H=o("tml-item-tray"),_=o("tml-new-popup"),k=o("template-editor-layout");return c(),h(k,null,{advanced:l(()=>[n(f,{value:e.template.data.properties,fields:{limit:{...e.config.limit,label:r.itemsHave("image")?"Number of images":"Number of items"},textColor:{type:"color",label:"Text Colour",when:r.itemsHave("title")||r.itemsHave("copy")},textSize:{...e.config.textSize,when:r.itemsHave("title")||r.itemsHave("copy")},textShadow:{...e.config.shadow,when:r.itemsHave("title")||r.itemsHave("copy")},overlay:{type:"selector",label:"Style",options:[{text:"Overlay",value:"1",icon:["fak","overlay-gate-light"]},{text:"Standard",value:"0",icon:["fak","standard-gate-light"]}],when:r.itemsHaveBackground},horizontalAlign:{...e.config.horizontalTextAlign,label:"Horizontal Alignment",when:r.itemsHave("title")||r.itemsHave("copy")||r.itemsHave("buttonText")},verticalAlign:{...e.config.verticalAlign,label:"Vertical Alignment",when:e.getProperty("overlay")==="1"&&(r.itemsHave("title")||r.itemsHave("copy")||r.itemsHave("buttonText"))},buttonTextColor:{type:"color",label:"Button Text Colour",when:r.itemsHave("buttonText")}
1,buttonBackgroundColor:{type:"color",label:"Button Background Colour",showOpacitySelector:!0,showClear:!0,when:r.itemsHave("buttonText")},buttonBorderColor:{type:"color",label:"Button Border Colour",showClear:!0,when:r.itemsHave("buttonText")},buttonBorderRadius:{...e.config.borderRadius,when:r.itemsHave("buttonText")},buttonFill:{label:"Button Width",type:"selector",options:[{text:"Auto",value:0},{text:"Full",value:1}],when:r.itemsHave("buttonText")},...e.globalFields},groups:{Block:["overlay","limit","fullWidth","fullBackgroundColor"],Alignment:["horizontalAlign","verticalAlign"],Text:["textColor","textShadow"],Button:["buttonTextColor","buttonBackgroundColor","buttonBorderColor","buttonBorderRadius","buttonFill"]},"pre-process-field":e.onProcessField,onSet:t[1]||(t[1]=i=>e.onSet(i.name,i.value))},null,8,["value","fields","pre-process-field"])]),default:l(()=>[n(w,{items:e.template.data.items,draggable:!0,columns:{xs:2,sm:4},"x-spacing":8,"y-spacing":8,"auto-height":"",class:"mb-2",onReordered:r.onReorder,onClickedBlock:r.onEdit},{template:l(({item:i})=>[n(u,{color:r.theme().get("primary.color"),"border-radius":r.theme().get("image.border.radius")},{default:l(()=>[n(d,{title:e.getTemplateProperty(i,"title"),image:r.image(r.getItemImageSrc(i),240,240),alt:"Item","horizontal-alignment":"center"},null,8,["title","image"])]),_:2},1032,["color","border-radius"])]),_:1},8,["items","onReordered","onClickedBlock"]),n(f,{value:e.template.data.properties,fields:{ratio:{...e.config.ratio.pickOptions("short","4:3","square","tall"),when:r.itemsHaveBackground},borderRadius:{...e.config.borderRadius,when:r.itemsHaveBackground},spacing:{...e.config.spacing,when:e.getProperty("limit",0,"number")>1&&r.itemsHaveBackground}},"pre-process-field":e.onProcessField,onSet:t[0]||(t[0]=i=>e.setProperty(i.name,i.value))},null,8,["value","fields","pre-process-field"]),n(_,{ref:"popup",name:"edit-template-item-popup",layout:"standard",size:"normal",height:"70vh",title:"Edit Item"},{content:l(()=>[r.editor?(c(),h(C,{key:0,"form-name":"page-builder-template-grid-item-editor"},{default:l(()=>[r.editor?(c(),h(N(r.editor),{key:0,class:"mt-4",template:m.selectedItem,"get-property":r.getItemProperty,"set-property":r.setItemProperty},null,8,["template","get-property","set-property"])):y("",!0)]),_:1})):y("",!0)]),footer:l(({close:i})=>[n(H,{"wide-left-item":""},{primary:l(()=>[n(v,{href:"#",text:"Done",fill:"",onClick:B=>i()},null,8,["onClick"])]),secondary:l(()=>[n(v,{href:"#",icon:m.faTrashAlt,onClick:B=>{r.onDelete(m.selectedItem),i()}},null,8,["icon","onClick"])]),_:2},1024)]),_:1},512)]),_:1})}const Z=P(E,[["render",O]]);export{Z as default}; 2//# sourceMappingURL=GridEditor.99f73605.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.