@patternslib/pat-family-tree
Version:
A pattern for family-tree
2 lines • 1.98 kB
JavaScript
"use strict";(self.webpackChunk_patternslib_pat_family_tree=self.webpackChunk_patternslib_pat_family_tree||[]).push([[174],{324:function(a,t,e){var n=e(329),r=e(77),s=e(505),i=e(541),l=e(483),d=e.n(l);const c=s.A.getLogger("family-tree"),p=new i.A("family-tree");p.addArgument("data",""),p.addArgument("card-template","");class o extends r.m{static name="family-tree";static trigger=".pat-family-tree";static parser=p;async init(){if(window.__patternslib_import_styles&&(this.el.classList.add("f3"),e.e(624).then(e.bind(e,624))),!this.options.data)return void c.warn("No data provided.");let a;try{const t=await fetch(this.options.data);if(!t.ok)return void c.error("Cannot fetch data.");a=await t.json()}catch(a){return void c.error(a)}this.create(a),n.A.scan(this.el)}create(a){const t=d().createChart(this.el,a).setTransitionTime(1e3).setCardXSpacing(250).setCardYSpacing(150);function e(a){const t=a.data,e=t.data;return`\n <div class="quaive-contact-card">\n <a class="pat-inject pat-avatar">\n <img alt="${e.label}" data-var="image" src="${e.avatar}">\n </a>\n <p class="name">\n <span data-var="name">${e.fn} </span>\n <span data-var="lastName">${e.ln}</span>\n </p>\n <p class="byline" data-var="byline">\n ${e.desc||""}\n <span class="gender">${e.gender||"Unknown"}</span>\n ${t.rels?`<span class="children-count">Children: ${t.rels.children?t.rels.children.length:0}</span>`:""}\n </p>\n </div>\n `}t.setCard((function(a,t){t.cardInnerHtmlCreator=e;const n=d().CardHtml(a,t);return n.cardInnerHtmlCreator=e,n})).setCardDisplay([["label"]]).setCardDim({h:70}),t.updateMainId("Q43274"),t.updateTree({initial:!0})}}n.A.register(o);window.__patternslib_import_styles=!0,n.A.init()}}]);
//# sourceMappingURL=174.379c54af9b4e905f94ac.min.js.map