generator-white-label 3.0.0 → 5.0.0

package/app/assets/font/opensans/stylesheet.css

@@ -4,12 +4,8 @@
 
 @font-face {
     font-family: 'open_sansbold';
-    src: url('../font/opensans/opensans-bold-webfont.eot');
-    src: url('../font/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-bold-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-bold-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-bold-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
+    src: url('../font/opensans/opensans-bold-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 
@@ -20,12 +16,8 @@
 
 @font-face {
     font-family: 'open_sansbold_italic';
-    src: url('../font/opensans/opensans-bolditalic-webfont.eot');
-    src: url('../font/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-bolditalic-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
+    src: url('../font/opensans/opensans-bolditalic-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 
@@ -36,12 +28,8 @@
 
 @font-face {
     font-family: 'open_sansextrabold';
-    src: url('../font/opensans/opensans-extrabold-webfont.eot');
-    src: url('../font/opensans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-extrabold-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-extrabold-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-extrabold-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
+    src: url('../font/opensans/opensans-extrabold-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 
@@ -52,12 +40,8 @@
 
 @font-face {
     font-family: 'open_sansextrabold_italic';
-    src: url('../font/opensans/opensans-extrabolditalic-webfont.eot');
-    src: url('../font/opensans/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-extrabolditalic-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-extrabolditalic-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-extrabolditalic-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
+    src: url('../font/opensans/opensans-extrabolditalic-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 
@@ -68,12 +52,8 @@
 
 @font-face {
     font-family: 'open_sansitalic';
-    src: url('../font/opensans/opensans-italic-webfont.eot');
-    src: url('../font/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-italic-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-italic-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-italic-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
+    src: url('../font/opensans/opensans-italic-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 
@@ -84,12 +64,8 @@
 
 @font-face {
     font-family: 'open_sanslight';
-    src: url('../font/opensans/opensans-light-webfont.eot');
-    src: url('../font/opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-light-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-light-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-light-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-light-webfont.svg#open_sanslight') format('svg');
+    src: url('../font/opensans/opensans-light-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 
@@ -100,12 +76,8 @@
 
 @font-face {
     font-family: 'open_sanslight_italic';
-    src: url('../font/opensans/opensans-lightitalic-webfont.eot');
-    src: url('../font/opensans/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-lightitalic-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-lightitalic-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-lightitalic-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
+    src: url('../font/opensans/opensans-lightitalic-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 
@@ -116,12 +88,8 @@
 
 @font-face {
     font-family: 'open_sansregular';
-    src: url('../font/opensans/opensans-regular-webfont.eot');
-    src: url('../font/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-regular-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-regular-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-regular-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
+    src: url('../font/opensans/opensans-regular-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 
@@ -132,12 +100,8 @@
 
 @font-face {
     font-family: 'open_sanssemibold';
-    src: url('../font/opensans/opensans-semibold-webfont.eot');
-    src: url('../font/opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-semibold-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-semibold-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-semibold-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
+    src: url('../font/opensans/opensans-semibold-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 
@@ -148,12 +112,8 @@
 
 @font-face {
     font-family: 'open_sanssemibold_italic';
-    src: url('../font/opensans/opensans-semibolditalic-webfont.eot');
-    src: url('../font/opensans/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../font/opensans/opensans-semibolditalic-webfont.woff2') format('woff2'),
-         url('../font/opensans/opensans-semibolditalic-webfont.woff') format('woff'),
-         url('../font/opensans/opensans-semibolditalic-webfont.ttf') format('truetype'),
-         url('../font/opensans/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
+    src: url('../font/opensans/opensans-semibolditalic-webfont.woff2') format('woff2');
+    font-display: swap;
     font-weight: normal;
     font-style: normal;
 

package/app/assets/markup/element/a.hbs

@@ -0,0 +1,29 @@
+<a
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.pushstate}}
+    data-pushstate
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+    {{#if this.url}}
+    href="{{#if this.type}}{{this.type}}:{{/if}}{{this.url}}"
+    {{/if}}
+    {{#if this.role}}
+    role="{{this.role}}"
+    {{/if}}
+    {{#if this.tabindex}}
+    tabindex="{{this.tabindex}}"
+    {{/if}}
+    {{#if this.target}}
+    target="{{this.target}}"
+    {{/if}}
+    {{#if this.data}}
+    data-custom="{{this.data}}"
+    {{/if}}
+>{{this.title}}</a>

package/app/assets/markup/element/button.hbs

@@ -0,0 +1,30 @@
+<button
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+    {{#if this.name}}
+    name="{{this.name}}"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}{{#if this.selected}} selected{{/if}}"
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+    {{#if this.disabled}}
+    disabled
+    aria-disabled="true"
+    {{/if}}
+    {{#if this.type}}
+    type="{{this.type}}"
+    {{/if}}
+    {{#if this.role}}
+    role="{{this.role}}"
+    {{/if}}
+    {{#if this.tabindex}}
+    tabindex="{{this.tabindex}}"
+    {{/if}}
+    {{#if this.data}}
+    data-custom="{{this.data}}"
+    {{/if}}
+>{{this.title}}</button>

package/app/assets/markup/element/div.hbs

@@ -0,0 +1,11 @@
+<div
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.data}}
+    data-custom="{{this.data}}"
+    {{/if}}
+></div>

package/app/assets/markup/element/head.hbs

@@ -0,0 +1,78 @@
+<head>
+    <title>{{title}}</title>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {{#if meta.description}}
+    {{> element/meta name='description' content=meta.description}}
+    {{/if}}
+    {{#if meta.keywords}}
+    {{> element/meta name='keywords' content=meta.keywords}}
+    {{/if}}
+    {{#if meta.apple-mobile-web-app-title}}
+    {{> element/meta name='apple-mobile-web-app-title' content=meta.apple-mobile-web-app-title}}
+    {{/if}}
+    {{#if twitter.card}}
+    {{> element/meta name='twitter:card' content=twitter.card}}
+    {{/if}}
+    {{#if twitter.url}}
+    {{> element/meta name='twitter:url' content=twitter.url}}
+    {{/if}}
+    {{#if twitter.title}}
+    {{> element/meta name='twitter:title' content=twitter.title}}
+    {{/if}}
+    {{#if twitter.description}}
+    {{> element/meta name='twitter:description' content=twitter.description}}
+    {{/if}}
+    {{#if twitter.image}}
+    <meta name="twitter:image" content="{{cdn}}assets/image/{{twitter.image}}">
+    {{/if}}
+    {{#if og.title}}
+    {{> element/meta property='og:title' content=og.title}}
+    {{/if}}
+    {{#if og.type}}
+    {{> element/meta property='og:type' content=og.type}}
+    {{/if}}
+    {{#if og.url}}
+    {{> element/meta property='og:url' content=og.url}}
+    {{/if}}
+    {{#if og.image}}
+    <meta content="{{cdn}}assets/image/{{og.image}}" property="og:image">
+    {{/if}}
+    {{#if og.site_name}}
+    {{> element/meta property='og:site_name' content=og.site_name}}
+    {{/if}}
+    {{#if og.description}}
+    {{> element/meta property='og:description' content=og.description}}
+    {{/if}}
+    {{#if og.locale}}
+    {{> element/meta property='og:locale' content=og.locale}}
+    {{/if}}
+    {{#if fb.admins}}
+    {{> element/meta property='fb:admins' content=fb:admins}}
+    {{/if}}
+    {{#if fb.app_id}}
+    {{> element/meta property='fb:app_id' content=fb:app_id}}
+    {{/if}}
+    {{#if link.favicon}}
+    <link rel="icon" type="image/x-icon" href="{{cdn}}assets/image/{{link.favicon}}">
+    {{/if}}
+    {{#if link.apple-touch-icon-precomposed}}
+    <link rel="apple-touch-icon-precomposed" href="{{cdn}}assets/image/{{link.apple-touch-icon-precomposed}}">
+    {{/if}}
+    {{#if link.author}}
+    <link rel="author" href="{{link.author}}">
+    {{/if}}
+    {{#if styles.all.global}}
+    <link rel="stylesheet" type="text/css" media="all" href="{{cdn}}{{styles.all.global}}">
+    {{/if}}
+    {{#if styles.all.section}}
+    <link rel="stylesheet" type="text/css" media="all" href="{{cdn}}{{styles.all.section}}">
+    {{/if}}
+    {{#if styles.print.global}}
+    <link rel="stylesheet" type="text/css" media="print" href="{{cdn}}{{styles.print.global}}">
+    {{/if}}
+    {{#if styles.print.section}}
+    <link rel="stylesheet" type="text/css" media="print" href="{{cdn}}{{styles.print.section}}">
+    {{/if}}
+</head>

package/app/assets/markup/element/iframe.hbs

@@ -0,0 +1,20 @@
+<iframe
+    {{#if this.type}}
+    type="{{this.type}}"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+    {{#if this.title}}
+    title="{{this.title}}"
+    {{/if}}
+    {{#if this.url}}
+    src="{{this.url}}"
+    {{/if}}
+    {{#if this.loading}}
+    loading="{{this.loading}}"
+    {{/if}}
+></iframe>

package/app/assets/markup/element/img.hbs

@@ -0,0 +1,30 @@
+<img
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+    {{#if this.image}}
+    src="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.image}}"
+    {{/if}}
+    {{#if this.width}}
+    width="{{this.width}}"
+    {{/if}}
+    {{#if this.height}}
+    height="{{this.height}}"
+    {{/if}}
+    {{#if this.loading}}
+    loading="{{this.loading}}"
+    {{/if}}
+    {{#if this.decoding}}
+    decoding="{{this.decoding}}"
+    {{/if}}
+    {{#if this.fetchpriority}}
+    fetchpriority="{{this.fetchpriority}}"
+    {{/if}}
+    alt="{{#if this.alt}}{{this.alt}}{{/if}}"
+>

package/app/assets/markup/element/input.hbs

@@ -0,0 +1,43 @@
+<input
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.placeholder}}
+    placeholder="{{this.placeholder}}"
+    {{/if}}
+    value="{{this.value}}"
+    {{#if this.type}}
+    type="{{this.type}}"
+    {{else}}
+    type="text"
+    {{/if}}
+    {{#if this.name}}
+    name="{{this.name}}"
+    {{/if}}
+    {{#if this.title}}
+    title="{{this.title}}"
+    {{/if}}
+    {{#if this.required}}
+    required
+    aria-required="true"
+    {{/if}}
+    {{#if this.disabled}}
+    disabled
+    aria-disabled="true"
+    {{/if}}
+    {{#if this.checked}}
+    checked
+    {{/if}}
+    {{#if this.data}}
+    data-custom="{{this.data}}"
+    {{/if}}
+    {{#if this.labelledby}}
+    aria-labelledby="{{this.labelledby}}"
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+>

package/app/assets/markup/element/label.hbs

@@ -0,0 +1,14 @@
+<label
+    {{#if this.for}}
+    for="{{this.for}}"
+    {{/if}}
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+>{{this.title}}</label>

package/app/assets/markup/element/legend.hbs

@@ -0,0 +1,5 @@
+<legend
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+>{{this.title}}</legend>

package/app/assets/markup/element/meta.hbs

@@ -0,0 +1,11 @@
+<meta
+    {{#if this.name}}
+    name="{{this.name}}"
+    {{/if}}
+    {{#if this.content}}
+    content="{{this.content}}"
+    {{/if}}
+    {{#if this.property}}
+    property="{{this.property}}"
+    {{/if}}
+>

package/app/assets/markup/element/nav.hbs

@@ -0,0 +1,13 @@
+<nav
+    {{#if this.tabindex}}
+    tabindex="{{this.tabindex}}"
+    {{else}}
+    tabindex="-1"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+>{{> elements/ul class=null}}</nav>

package/app/assets/markup/element/p.hbs

@@ -0,0 +1,8 @@
+<p
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+>{{this.text}}</p>

package/app/assets/markup/element/picture.hbs

@@ -0,0 +1,58 @@
+<picture
+    {{#if this.id}}
+    id="{{this.id}}"{{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+    alt="{{#if this.alt}}{{this.alt}}{{/if}}"
+    >
+    {{#if this.imageSmallAvif}}
+    <source type="image/avif" media="(max-width: 40rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageSmallAvif}}">
+    {{/if}}
+    {{#if this.imageSmallWebp}}
+    <source type="image/webp" media="(max-width: 40rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageSmallWebp}}">
+    {{/if}}
+    {{#if this.imageSmall}}
+    <source media="(max-width: 40rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageSmall}}">
+    {{/if}}
+    {{#if this.imageMediumAvif}}
+    <source type="image/avif" media="(max-width: 64rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageMediumAvif}}">
+    {{/if}}
+    {{#if this.imageMediumWebp}}
+    <source type="image/webp" media="(max-width: 64rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageMediumWebp}}">
+    {{/if}}
+    {{#if this.imageMedium}}
+    <source media="(max-width: 64rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageMedium}}">
+    {{/if}}
+    {{#if this.imageLargeAvif}}
+    <source type="image/avif" media="(max-width: 75rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageLargeAvif}}">
+    {{/if}}
+    {{#if this.imageLargeWebp}}
+    <source type="image/webp" media="(max-width: 75rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageLargeWebp}}">
+    {{/if}}
+    {{#if this.imageLarge}}
+    <source media="(max-width: 75rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageLarge}}">
+    {{/if}}
+    {{#if this.imageXLargeAvif}}
+    <source type="image/avif" media="(max-width: 90rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageXLargeAvif}}">
+    {{/if}}
+    {{#if this.imageXLargeWebp}}
+    <source type="image/webp" media="(max-width: 90rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageXLargeWebp}}">
+    {{/if}}
+    {{#if this.imageXLarge}}
+    <source media="(max-width: 90rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageXLarge}}">
+    {{/if}}
+    {{#if this.imageXXLargeAvif}}
+    <source type="image/avif" media="(min-width: 90.001rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageXXLargeAvif}}">
+    {{/if}}
+    {{#if this.imageXXLargeWebp}}
+    <source type="image/webp" media="(min-width: 90.001rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageXXLargeWebp}}">
+    {{/if}}
+    {{#if this.imageXXLarge}}
+    <source media="(min-width: 90.001rem)" srcset="{{#unless this.external}}{{this.cdn}}{{/unless}}{{this.imageXXLarge}}">
+    {{/if}}
+    {{> element/img image=this.imageFallback}}
+</picture>

package/app/assets/markup/element/script.hbs

@@ -0,0 +1,3 @@
+<script
+    src="{{cdn}}{{this.script}}"
+></script>

package/app/assets/markup/element/select.hbs

@@ -0,0 +1,35 @@
+<select
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+    {{#if this.name}}
+    name="{{this.name}}"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.required}}
+    required
+    aria-required="true"
+    {{/if}}
+    {{#if this.multiple}}
+    multiple='multiple'
+    {{/if}}
+    {{#if this.disabled}}
+    disabled
+    aria-disabled="true"
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+>
+    {{#if this.default}}
+    <option value="{{this.default.value}}">{{this.default.name}}</option>
+    <option value="" disabled>--</option>
+    {{else}}
+    <option value="">please make a selection</option>
+    {{/if}}
+    {{#each this.data}}
+    <option value="{{this.value}}"{{#if this.selected}} selected{{/if}}>{{this.name}}</option>
+    {{/each}}
+</select>

package/app/assets/markup/element/span.hbs

@@ -0,0 +1,8 @@
+<span
+    {{#if this.accessible-title}}
+    aria-label="{{this.accessible-title}}"
+    {{/if}}
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+>{{this.title}}</span>

package/app/assets/markup/element/svg.hbs

@@ -0,0 +1,11 @@
+<svg
+    {{#if this.id}}
+    id="{{this.id}}"
+    {{/if}}
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+    {{#if this.aria-label}}
+    aria-label="{{this.aria-label}}"
+    {{/if}}
+></svg>

package/app/assets/markup/element/table.hbs

@@ -0,0 +1,50 @@
+<table
+    {{#if this.class}}
+    class="{{this.class}}"
+    {{/if}}
+>
+    <caption>{{this.caption}}</caption>
+    {{#if this.head}}
+    <thead>
+        <tr>
+            {{#each this.head}}
+            {{#if this.text}}
+            <th scope="col" data-sort="desc">{{this.text}}</th>
+            {{else}}
+            <td></td>
+            {{/if}}
+            {{/each}}
+        </tr>
+    </thead>
+    {{/if}}
+    {{#if this.body}}
+    <tbody>
+        {{#each this.body}}
+        <tr>
+            {{#each this}}
+            {{#if this.isHead}}
+            <th scope="row">{{this.text}}</th>
+            {{else}}
+            <td>{{this.text}}</td>
+            {{/if}}
+            {{/each}}
+        </tr>
+        {{/each}}
+    </tbody>
+    {{/if}}
+    {{#if this.foot}}
+    <tfoot>
+        {{#each this.foot}}
+        <tr>
+            {{#each this}}
+            {{#if this.isHead}}
+            <th scope="row">{{this.text}}</th>
+            {{else}}
+            <td>{{this.text}}</td>
+            {{/if}}
+            {{/each}}
+        </tr>
+        {{/each}}
+    </tfoot>
+    {{/if}}
+</table>