dist/hdsf-hive.js
/**
  * Get basic template with right & bottom guides
  *
  * @param object template config options
  * @return template
  */
Get basic template with right & bottom guides
@param object template config options
@return template
Get basic template with right & bottom guides @param object template config options @return template
basic(cfg) {
    let o = this.resolveOpt(cfg);
    let c = o.basic
    let rightGuideTopMargin = (c.title.textAnchor.margins.top||0) + (c.title.textAnchor.margins.bottom||0);
    let template = {
      "id": o.prefix+"basic", "attr": {
        "flex-wrap": "wrap-no-wrap", "flex-direction": "flex-direction-row", "flex-shrink":1, "flex-grow":1}, "children": [
          {"id": "left-container", "attr":{"flex-direction": "flex-direction-column","flex-shrink":1, "flex-grow":1}, "children":[
            {"id": "title", "attr":{"padding edge-left":0, "padding edge-right":0}, "children":[
              {"id": "text", handlers:{setTextHeight:[
                {op:'subCur', nodes:[`${o.prefix}basic > guide-right`], srcAttr:"margin edge-top", dstAttr:"padding edge-top"},
                {attr:"margin edge-top"},
                {op:'add', nodes:[`${o.prefix}basic > guide-right`], attr:"padding edge-top"}
              ]}, "attr":{"margin edge-top":c.title.textAnchor.margins.top, "margin edge-bottom":c.title.textAnchor.margins.bottom, "align-self":"align-center", "height":1, "width":1}},
            ]},
            {"id": "center-view", "attr":{"flex-shrink":1, "flex-grow":1}, opt:o.viewData, "children":[]},
            {"id": "guide-bottom", "attr":{"padding edge-left":0, "padding edge-right":0, "margin edge-top":c.guide.bottom.margins.top||0, "flex-wrap":"wrap-wrap", "flex-direction":"flex-direction-row"}, children:[]}
          ]},
          {"id": "guide-right", "attr":{"padding edge-top":rightGuideTopMargin, "margin edge-left":c.guide.right.margins.left||0, "height":"100%"}, "children":[]}
        ]
      }
      Object.keys(c.padding).forEach((p, i) => {
        template.attr[`padding edge-${p}`] = c.padding[p];
      });
      Object.keys(c.guide).forEach((g, i) => {
        if (!c.guide[g].enabled){
          let node = this.constructor.getCfgNode(template, 'guide-'+g);
          node.attr = {};
        }
      });
      return template;
    }
basic ( cfg ) { let o = this . resolveOpt ( cfg ) ; let c = o . basic let rightGuideTopMargin = ( c . title . textAnchor . margins . top || 0 ) + ( c . title . textAnchor . margins . bottom || 0 ) ; let template = { "id" : o . prefix + "basic" , "attr" : { "flex-wrap" : "wrap-no-wrap" , "flex-direction" : "flex-direction-row" , "flex-shrink" : 1 , "flex-grow" : 1 } , "children" : [ { "id" : "left-container" , "attr" : { "flex-direction" : "flex-direction-column" , "flex-shrink" : 1 , "flex-grow" : 1 } , "children" : [ { "id" : "title" , "attr" : { "padding edge-left" : 0 , "padding edge-right" : 0 } , "children" : [ { "id" : "text" , handlers : { setTextHeight : [ { op : 'subCur' , nodes : [ ` ${ o . prefix } ` ] , srcAttr : "margin edge-top" , dstAttr : "padding edge-top" } , { attr : "margin edge-top" } , { op : 'add' , nodes : [ ` ${ o . prefix } ` ] , attr : "padding edge-top" } ] } , "attr" : { "margin edge-top" : c . title . textAnchor . margins . top , "margin edge-bottom" : c . title . textAnchor . margins . bottom , "align-self" : "align-center" , "height" : 1 , "width" : 1 } } , ] } , { "id" : "center-view" , "attr" : { "flex-shrink" : 1 , "flex-grow" : 1 } , opt : o . viewData , "children" : [ ] } , { "id" : "guide-bottom" , "attr" : { "padding edge-left" : 0 , "padding edge-right" : 0 , "margin edge-top" : c . guide . bottom . margins . top || 0 , "flex-wrap" : "wrap-wrap" , "flex-direction" : "flex-direction-row" } , children : [ ] } ] } , { "id" : "guide-right" , "attr" : { "padding edge-top" : rightGuideTopMargin , "margin edge-left" : c . guide . right . margins . left || 0 , "height" : "100%" } , "children" : [ ] } ] } Object . keys ( c . padding ) . forEach ( ( p , i ) => { template . attr [ ` ${ p } ` ] = c . padding [ p ] ; } ) ; Object . keys ( c . guide ) . forEach ( ( g , i ) => { if ( ! c . guide [ g ] . enabled ) { let node = this . constructor . getCfgNode ( template , 'guide-' + g ) ; node . attr = { } ; } } ) ; return template ; }
Get basic template with right & bottom guides
 @param object template config options
 @return template
Get basic template with right & bottom guides @param object template config options @return template