import{A as d}from"./alchemyElement.5a05415b.js";import{_ as h,y,o as t,s,n as l,v as m,m as n,F as o,z as u,e as p,c as k}from"./entry.4a1e3e7a.js";const E={name:"FallbackElement",mixins:[d],computed:{nestedElements(){return this.element.nested_elements||this.element.nestedElements}}},g={class:"alchemy-fallback-element"};function f(e,a,B,F,N,c){const i=y("FallbackElement");return t(),s("div",g,[l("h2",null,"I am a dummy "+m(e.element.name)+" Alchemy element component",1),n(),l("p",null,[n(`
      To replace me register a local Vue component named
      `),l("kbd",null,m(e.element.name),1),n(` at your
      `),l("kbd",null,m(e.$parent.$options.name||e.$parent.$options._componentTag),1),n(`
      component.
    `)]),n(),e.element.essences.length?(t(),s(o,{key:0},[l("h3",null,"This element has "+m(e.element.essences.length)+" essence(s)",1),n(),l("ul",null,[(t(!0),s(o,null,u(e.element.essences,r=>(t(),s("li",{key:r.id},m(r.role),1))),128))])],64)):p("",!0),n(),c.nestedElements.length?(t(),s(o,{key:1},[l("h3",null,"This element has "+m(c.nestedElements.length)+" nested element(s)",1),n(),(t(!0),s(o,null,u(c.nestedElements,r=>(t(),k(i,{key:r.id,element:r},null,8,["element"]))),128))],64)):p("",!0)])}const b=h(E,[["render",f]]),A={components:{FallBackElement:b},props:{page:{type:Object,required:!0,default(){return{elements:[]}}}},methods:{componentName(e){const a=e.name;return this.$options.components[a]?a:"FallbackElement"},elementByName(e){return this.elementsByName(e)[0]||{}},elementsByName(e){return this.page.elements.filter(a=>a.name===e)}}};export{A};