@tsed/tailwind-formio 1.11.0 → 1.12.0

package/lib/templates/tailwind/message/form.ejs.js

@@ -3,8 +3,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default=function(ctx) {
 var __t, __p = '';
-__p += '<div class="form-text ' +
-((__t = (ctx.level)) == null ? '' : __t) +
+__p += '<div id="e-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.key)) == null ? '' : __t) +
+'" class="form-text ' +
+((__t = (ctx.level || 'error')) == null ? '' : __t) +
 '">' +
 ((__t = (ctx.message)) == null ? '' : __t) +
 '</div>\n';

package/lib/templates/tailwind/modalPreview/form.ejs.js

@@ -3,10 +3,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default=function(ctx) {
 var __t, __p = '';
-__p += '<label class="control-label">' +
-((__t = ( ctx.t(ctx.component.label) )) == null ? '' : __t) +
-'</label><br>\n<button lang=\'en\' class=\'btn btn-light btn-md open-modal-button\' ref=\'openModal\'>\n  ' +
+__p += '<label id="l-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'" class="control-label ' +
+((__t = ( ctx.label.className )) == null ? '' : __t) +
+'">\n  ' +
+((__t = ( ctx.t(ctx.component.label, { _userInput: true }) )) == null ? '' : __t) +
+'<span ref="modalLabelValue" class="sr-only">. ' +
+((__t = ( ctx.component.type === 'signature' ? ctx.self.getValueAsString(ctx.previewText) : ctx.previewText )) == null ? '' : __t) +
+'</span>\n</label><br>\n<span class="sr-only" ref="modalPreviewLiveRegion" aria-live="assertive"></span>\n<button\n  lang="en"\n  class="btn btn-light btn-md open-modal-button form-control ' +
+((__t = (ctx.openModalBtnClasses || '')) == null ? '' : __t) +
+'"\n  ref="openModal"\n  aria-labelledby="l-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n>\n  ' +
 ((__t = ( ctx.previewText )) == null ? '' : __t) +
-'\n</button>\n';
+'\n</button>\n<div class="formio-errors invalid-feedback">\n  ' +
+((__t = ( ctx.messages )) == null ? '' : __t) +
+'\n</div>\n';
 return __p
 }

package/lib/templates/tailwind/multiValueTable/form.ejs.js

@@ -11,7 +11,7 @@ __p += '<table class="table table-bordered">\n  <tbody>\n  ' +
 __p += '\n  <tr>\n    <td colspan="2">\n      <button class="btn btn-primary formio-button-add-another" ref="addButton"><i class="' +
 ((__t = (ctx.iconClass('plus'))) == null ? '' : __t) +
 '"></i> ' +
-((__t = (ctx.t(ctx.addAnother))) == null ? '' : __t) +
+((__t = (ctx.t(ctx.addAnother, { _userInput: true }))) == null ? '' : __t) +
 '</button>\n    </td>\n  </tr>\n  ';
  } ;
 __p += '\n  </tbody>\n</table>\n';

package/lib/templates/tailwind/panel/form.ejs.js

@@ -8,7 +8,17 @@ __p += '<div class="mb-2 card border">\n  ';
  if (!ctx.component.hideLabel || ctx.builder || ctx.component.collapsible || ctx.component.tooltip) { ;
 __p += '\n  <div class="card-header ' +
 ((__t = (ctx.transform('class', 'bg-' + ctx.component.theme))) == null ? '' : __t) +
-'" ref="header">\n    <span class="mb-0 card-title ';
+'"\n    ';
+ if (ctx.component.collapsible) { ;
+__p += '\n    tabindex="0"\n    ';
+ } ;
+__p += '\n    role="button"\n    aria-expanded="' +
+((__t = (ctx.component.collapsible ? !ctx.collapsed : true)) == null ? '' : __t) +
+'"\n    aria-controls="' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n    ref="header"\n  >\n    <span class="mb-0 card-title ';
  if (ctx.component.theme && ctx.component.theme !== 'default') { ;
 __p += 'text-light';
  } ;
@@ -21,14 +31,14 @@ __p += '\n        <i class="formio-collapse-icon ' +
 __p += '\n      ';
  if (!ctx.component.hideLabel || ctx.builder) { ;
 __p += '\n      ' +
-((__t = (ctx.t(ctx.component.title))) == null ? '' : __t) +
+((__t = (ctx.t(ctx.component.title, { _userInput: true }))) == null ? '' : __t) +
 '\n      ';
  } ;
 __p += '\n      ';
  if (ctx.component.tooltip) { ;
-__p += '\n        <i ref="tooltip" class="' +
+__p += '\n        <i ref="tooltip" tabindex="0" class="' +
 ((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +
-'" data-tooltip="' +
+' text-muted" data-tooltip="' +
 ((__t = (ctx.component.tooltip)) == null ? '' : __t) +
 '"></i>\n      ';
  } ;
@@ -38,6 +48,10 @@ __p += '\n  ';
  if (!ctx.collapsed || ctx.builder) { ;
 __p += '\n  <div class="card-body" ref="' +
 ((__t = (ctx.nestedKey)) == null ? '' : __t) +
+'" id="' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
 '">\n    ' +
 ((__t = (ctx.children)) == null ? '' : __t) +
 '\n  </div>\n  ';

package/lib/templates/tailwind/pdfBuilder/form.ejs.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default=function(ctx) {
 var __t, __p = '';
-__p += '<div class="formio builder grid grid-cols-12 gap-4 formbuilder">\n  <div class="loader-wrapper" ref="sidebar-loader"><div class="loader text-center"></div></div>\n  <div class="col-span-12 xs:col-span-4 sm:col-span-3 md:col-span-2 formcomponents">\n    ' +
+__p += '<div class="formio builder grid grid-cols-12 gap-4 formbuilder">\n  <div class="col-span-12 xs:col-span-4 sm:col-span-3 md:col-span-2 formcomponents">\n    ' +
 ((__t = (ctx.sidebar)) == null ? '' : __t) +
 '\n  </div>\n  <div class="col-span-12 xs:col-span-8 sm:col-span-9 md:col-span-10 formarea" ref="form">\n	  <div class="formio-drop-zone" ref="iframeDropzone"></div>\n    ' +
 ((__t = (ctx.form)) == null ? '' : __t) +

package/lib/templates/tailwind/radio/form.ejs.js

@@ -4,22 +4,44 @@ Object.defineProperty(exports, "__esModule", {
 exports.default=function(ctx) {
 var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
-__p += '<div class="form-radio radio">\n  ';
+__p += '<div\n  class="form-radio radio"\n  ref="radioGroup"\n  role="' +
+((__t = (ctx.component.type === 'selectboxes' ? 'group' : 'radiogroup')) == null ? '' : __t) +
+'"\n  aria-required="' +
+((__t = (ctx.input.component.validate.required)) == null ? '' : __t) +
+'"\n  aria-labelledby="l-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n  ';
+ if (ctx.component.description) { ;
+__p += '\n    aria-describedby="d-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n  ';
+ } ;
+__p += '\n>\n  ';
  ctx.values.forEach(function(item) { ;
-__p += '\n  <div class="form-check' +
+__p += '\n  <div class="' +
+((__t = (ctx.input.attr.type)) == null ? '' : __t) +
+' ' +
+((__t = ( ctx.component.optionsLabelPosition && ctx.component.optionsLabelPosition !== 'right' ? 'pl-0' : '')) == null ? '' : __t) +
+' form-check' +
 ((__t = (ctx.inline ? '-inline' : '')) == null ? '' : __t) +
 '" ref="wrapper">\n    <label class="form-check-label label-position-' +
 ((__t = ( ctx.component.optionsLabelPosition )) == null ? '' : __t) +
 '" for="' +
+((__t = (ctx.instance.root && ctx.instance.root.id)) == null ? '' : __t) +
+'-' +
 ((__t = (ctx.id)) == null ? '' : __t) +
-'' +
+'-' +
 ((__t = (ctx.row)) == null ? '' : __t) +
 '-' +
 ((__t = (item.value)) == null ? '' : __t) +
 '">\n      ';
  if (ctx.component.optionsLabelPosition === 'left' || ctx.component.optionsLabelPosition === 'top') { ;
 __p += '\n      <span>' +
-((__t = (ctx.t(item.label))) == null ? '' : __t) +
+((__t = (ctx.t(item.label, { _userInput: true }))) == null ? '' : __t) +
 '</span>\n      ';
  } ;
 __p += '\n      <' +
@@ -43,15 +65,19 @@ __p += '\n        ';
 __p += '\n          disabled=true\n        ';
  } ;
 __p += '\n        id="' +
+((__t = (ctx.instance.root && ctx.instance.root.id)) == null ? '' : __t) +
+'-' +
 ((__t = (ctx.id)) == null ? '' : __t) +
-'' +
+'-' +
 ((__t = (ctx.row)) == null ? '' : __t) +
 '-' +
 ((__t = (item.value)) == null ? '' : __t) +
+'"\n        role="' +
+((__t = (ctx.component.type === 'selectboxes' ? 'checkbox' : 'radio')) == null ? '' : __t) +
 '"\n      >\n      ';
  if (!ctx.component.optionsLabelPosition || ctx.component.optionsLabelPosition === 'right' || ctx.component.optionsLabelPosition === 'bottom') { ;
 __p += '\n      <span>' +
-((__t = (ctx.t(item.label))) == null ? '' : __t) +
+((__t = (ctx.t(item.label, { _userInput: true }))) == null ? '' : __t) +
 '</span>\n      ';
  } ;
 __p += '\n    </label>\n  </div>\n  ';

package/lib/templates/tailwind/radio/html.ejs.js

@@ -5,9 +5,9 @@ exports.default=function(ctx) {
 var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
 __p += '<div ref="value">\n  ';
- var filtered = ctx.values.filter(function(item) {return ctx.value === item.value || (typeof ctx.value === 'object' && ctx.value.hasOwnProperty(item.value) && ctx.value[item.value])}).map(function(item) { return ctx.t(item.label)}).join(', ') ;
+ var filtered = ctx.values.filter(function(item) {return ctx.value === item.value || (typeof ctx.value === 'object' && ctx.value.hasOwnProperty(item.value) && ctx.value[item.value])}).map(function(item) { return ctx.t(item.label, { _userInput: true })}).join(', ') ;
 __p += '\n  ' +
 ((__t = ( filtered )) == null ? '' : __t) +
-'\n  </div>\n';
+'\n</div>\n';
 return __p
 }

package/lib/templates/tailwind/resourceAdd/form.ejs.js

@@ -8,7 +8,7 @@ __p += '<table class="table table-bordered">\n  <tbody>\n    <tr>\n      <td>\n
 '\n      </td>\n    </tr>\n    <tr>\n      <td colspan="2">\n        <button class="btn btn-primary formio-button-add-resource" ref="addResource">\n          <i class="' +
 ((__t = (ctx.iconClass('plus'))) == null ? '' : __t) +
 ' mr-1"></i>\n          ' +
-((__t = (ctx.t(ctx.component.addResourceLabel || 'Add Resource'))) == null ? '' : __t) +
+((__t = (ctx.t(ctx.component.addResourceLabel || 'Add Resource', { _userInput: true }))) == null ? '' : __t) +
 '\n        </button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n';
 return __p
 }

package/lib/templates/tailwind/select/form.ejs.js

@@ -24,7 +24,17 @@ __p += '\n  id="' +
 ((__t = (ctx.component.key)) == null ? '' : __t) +
 '"\n  ';
  } ;
-__p += '\n>' +
+__p += '\n  ';
+ if (ctx.component.description) { ;
+__p += '\n  aria-describedby="d-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n  ';
+ } ;
+__p += '\n  aria-required="' +
+((__t = (ctx.input.ref === 'selectContainer' || !ctx.input.ref ? ctx.input.component.validate.required : ctx.component.fields[ctx.input.ref].required)) == null ? '' : __t) +
+'"\n>' +
 ((__t = (ctx.selectOptions)) == null ? '' : __t) +
 '</select>\n<input type="text"\n       class="formio-select-autocomplete-input"\n       ref="autocompleteInput"\n       ';
  if (ctx.input.attr.autocomplete) { ;
@@ -32,6 +42,8 @@ __p += '\n       autocomplete="' +
 ((__t = (ctx.input.attr.autocomplete)) == null ? '' : __t) +
 '"\n       ';
  } ;
-__p += '\n       tabindex="-1"\n/>\n';
+__p += '\n       tabindex="-1"\n       aria-label="' +
+((__t = (ctx.t('autocomplete'))) == null ? '' : __t) +
+'"\n/>\n';
 return __p
 }

package/lib/templates/tailwind/selectOption/form.ejs.js

@@ -6,9 +6,9 @@ var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
 __p += '<option ' +
 ((__t = ( ctx.selected ? 'selected="selected"' : '' )) == null ? '' : __t) +
-'\n  value="' +
+'\n  value=\'' +
 ((__t = (ctx.useId ? ctx.id : ctx.option.value)) == null ? '' : __t) +
-'"\n  ';
+'\'\n  ';
  for (var attr in ctx.attrs) { ;
 __p += '\n  ' +
 ((__t = (attr)) == null ? '' : __t) +
@@ -17,7 +17,7 @@ __p += '\n  ' +
 '"\n  ';
  } ;
 __p += '\n  >\n  ' +
-((__t = (ctx.t(ctx.option.label))) == null ? '' : __t) +
+((__t = (ctx.t(ctx.option.label, { _userInput: true }))) == null ? '' : __t) +
 '\n</option>\n';
 return __p
 }

package/lib/templates/tailwind/selectOption/html.ejs.js

@@ -7,7 +7,7 @@ function print() { __p += __j.call(arguments, '') }
 
  if (ctx.selected) { ;
 __p +=
-((__t = (ctx.t(ctx.option.label))) == null ? '' : __t);
+((__t = (ctx.t(ctx.option.label, { _userInput: true }))) == null ? '' : __t);
  } ;
 __p += '\n';
 return __p

package/lib/templates/tailwind/signature/form.ejs.js

@@ -14,7 +14,7 @@ __p +=
 ((__t = (ctx.component.tabindex || 0)) == null ? '' : __t) +
 '"\n  ref="padBody"\n>\n  <button class="btn btn-sm btn-light signature-pad-refresh" ref="refresh">\n    <i class="' +
 ((__t = (ctx.iconClass('refresh'))) == null ? '' : __t) +
-'"></i>\n  </button>\n  <canvas class="signature-pad-canvas" height="' +
+'"></i>\n  </button>\n  <canvas class="signature-pad-canvas" style="display: none;" height="' +
 ((__t = (ctx.component.height)) == null ? '' : __t) +
 '" ref="canvas"></canvas>\n  ';
  if (ctx.required) { ;
@@ -22,10 +22,10 @@ __p += '\n  <span class="form-control-feedback field-required-inline text-danger
 ((__t = (ctx.iconClass('asterisk'))) == null ? '' : __t) +
 '"></i>\n  </span>\n  ';
  } ;
-__p += '\n  <img style="width: 100%;display: none;" ref="signatureImage">\n</div>\n';
+__p += '\n  <img style="width: 100%;display: inherit;" ref="signatureImage">\n</div>\n';
  if (ctx.component.footer) { ;
 __p += '\n  <div class="signature-pad-footer">\n    ' +
-((__t = (ctx.t(ctx.component.footer))) == null ? '' : __t) +
+((__t = (ctx.t(ctx.component.footer, { _userInput: true }))) == null ? '' : __t) +
 '\n  </div>\n';
  } ;
 __p += '\n';

package/lib/templates/tailwind/survey/form.ejs.js

@@ -4,17 +4,37 @@ Object.defineProperty(exports, "__esModule", {
 exports.default=function(ctx) {
 var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
-__p += '<table class="table table-striped table-bordered">\n  <thead>\n    <tr>\n      <th></th>\n      ';
+__p += '<table class="table table-striped table-bordered" aria-labelledby="l-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'">\n  <thead>\n    <tr>\n      <th></th>\n      ';
  ctx.component.values.forEach(function(value) { ;
-__p += '\n      <th style="text-align: center;">' +
-((__t = (ctx.t(value.label))) == null ? '' : __t) +
-'</th>\n      ';
+__p += '\n      <th style="text-align: center;">\n        ' +
+((__t = (ctx.t(value.label, { _userInput: true }))) == null ? '' : __t) +
+'\n        ';
+ if (value.tooltip) { ;
+__p += '\n          <i ref="tooltip" class="' +
+((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +
+' text-muted" data-tooltip="' +
+((__t = (value.tooltip)) == null ? '' : __t) +
+'"></i>\n        ';
+ } ;
+__p += '\n      </th>\n      ';
  }) ;
 __p += '\n    </tr>\n  </thead>\n  <tbody>\n    ';
  ctx.component.questions.forEach(function(question) { ;
-__p += '\n    <tr>\n      <td>' +
+__p += '\n    <tr>\n      <td>\n        ' +
 ((__t = (ctx.t(question.label))) == null ? '' : __t) +
-'</td>\n      ';
+'\n        ';
+ if (question.tooltip) { ;
+__p += '\n          <i ref="tooltip" class="' +
+((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +
+' text-muted" data-tooltip="' +
+((__t = (question.tooltip)) == null ? '' : __t) +
+'"></i>\n        ';
+ } ;
+__p += '\n      </td>\n      ';
  ctx.component.values.forEach(function(value) { ;
 __p += '\n      <td style="text-align: center;">\n        <input type="radio" name="' +
 ((__t = ( ctx.self.getInputName(question) )) == null ? '' : __t) +

package/lib/templates/tailwind/tab/flat.ejs.js

@@ -7,7 +7,7 @@ function print() { __p += __j.call(arguments, '') }
 
  ctx.component.components.forEach(function(tab, index) { ;
 __p += '\n  <div class="mb-2 card border">\n    <div class="card-header bg-default">\n      <h4 class="mb-0 card-title">' +
-((__t = ( ctx.t(tab.label) )) == null ? '' : __t) +
+((__t = ( ctx.t(tab.label, { _userInput: true }) )) == null ? '' : __t) +
 '</h4>\n    </div>\n    <div\n      class="card-body"\n      ref="' +
 ((__t = (ctx.tabKey)) == null ? '' : __t) +
 '"\n    >\n      ' +

package/lib/templates/tailwind/tab/form.ejs.js

@@ -4,23 +4,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.default=function(ctx) {
 var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
-__p += '<div class="card card-tabs">\n  <div class="card-header card-header-tabs">\n    <ul class="nav nav-tabs">\n      ';
+__p += '<div class="card card-tabs { ctx.component.verticalLayout ? \' card-vertical\' : \'\'}}">\n  <div class="card-header card-header-tabs">\n    <ul class="nav nav-tabs ' +
+((__t = ( ctx.component.verticalLayout ? ' nav-tabs-vertical' : '')) == null ? '' : __t) +
+'" role="tablist">\n      ';
  ctx.component.components.forEach(function(tab, index) { ;
 __p += '\n      <li class="nav-item ' +
 ((__t = ( ctx.currentTab === index ? ' active' : '')) == null ? '' : __t) +
-'" role="presentation" ref="' +
+'" role="tab" ref="' +
 ((__t = (ctx.tabLikey)) == null ? '' : __t) +
-'">\n        <a class="nav-link" href="#' +
+'">\n        <a\n                class="nav-link' +
+((__t = ( ctx.currentTab === index ? ' active' : '')) == null ? '' : __t) +
+'' +
+((__t = ( ctx.component.verticalLayout ? ' nav-link-vertical' : '')) == null ? '' : __t) +
+'"\n                href="#' +
 ((__t = (tab.key)) == null ? '' : __t) +
-'" ref="' +
+'"\n                ref="' +
 ((__t = (ctx.tabLinkKey)) == null ? '' : __t) +
-'">' +
-((__t = (ctx.t(tab.label))) == null ? '' : __t) +
-'</a>\n        <div class="nav-border"></div>\n      </li>\n      ';
+'"\n        >\n          ' +
+((__t = (ctx.t(tab.label, { _userInput: true }))) == null ? '' : __t) +
+'\n        </a>\n        <div class="nav-border"></div>\n      </li>\n      ';
  }) ;
 __p += '\n    </ul>\n  </div>\n  ';
  ctx.component.components.forEach(function(tab, index) { ;
-__p += '\n  <div\n    role="tabpanel"\n    class="card-body card-body-tabs tab-pane' +
+__p += '\n  <div\n    role="tabpanel"\n    class="card-body tab-pane' +
 ((__t = ( ctx.currentTab === index ? ' active' : '')) == null ? '' : __t) +
 '"\n    style="display: ' +
 ((__t = (ctx.currentTab === index ? 'block' : 'none')) == null ? '' : __t) +

package/lib/templates/tailwind/table/form.ejs.js

@@ -12,7 +12,9 @@ __p += '<table class="table\n    ' +
 ((__t = ( ctx.component.hover ? 'table-hover' : '')) == null ? '' : __t) +
 '\n    ' +
 ((__t = ( ctx.component.condensed ? 'table-sm' : '')) == null ? '' : __t) +
-'\n  ">\n  ';
+'\n  ">\n  <caption class="sr-only">' +
+((__t = (ctx.t(ctx.component.label))) == null ? '' : __t) +
+'</caption>\n  ';
  if (ctx.component.header && ctx.component.header.length > 0) { ;
 __p += '\n  <thead>\n    <tr>\n      ';
  ctx.component.header.forEach(function(header) { ;

package/lib/templates/tailwind/tableComponents/form.ejs.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default=function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+
+ ctx.children.forEach(function(component) { ;
+__p += '\n  <td class="editgrid-table-column">\n    ' +
+((__t = ( component )) == null ? '' : __t) +
+'\n  </td>\n';
+ }) ;
+__p += '\n';
+return __p
+}

package/lib/templates/tailwind/tableComponents/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    form: string;
+};
+export default _default;

package/lib/templates/tailwind/tableComponents/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_ejs_1 = require("./form.ejs");
+exports.default = { form: form_ejs_1.default };

package/lib/templates/tailwind/webform/builder.ejs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default=function(ctx) {
 var __t, __p = '';
 __p += '<div class="text-muted text-center p-2">' +
-((__t = ( ctx.t(ctx.component.title) )) == null ? '' : __t) +
+((__t = ( ctx.t(ctx.component.title, { _userInput: true }) )) == null ? '' : __t) +
 '</div>\n';
 return __p
 }

package/lib/templates/tailwind/wizard/builder.ejs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default=function(ctx) {
 var __t, __p = '';
 __p += '<div class="text-muted text-center p-2">' +
-((__t = ( ctx.t(ctx.component.title) )) == null ? '' : __t) +
+((__t = ( ctx.t(ctx.component.title, { _userInput: true }) )) == null ? '' : __t) +
 '</div>\n';
 return __p
 }

package/lib/templates/tailwind/wizard/form.ejs.js

@@ -2,17 +2,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default=function(ctx) {
-var __t, __p = '';
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
 __p += '<div class="' +
 ((__t = (ctx.className)) == null ? '' : __t) +
-'">\n  <div style="position: relative;">\n    ' +
+'">\n    <div style="position: relative;">\n        ';
+ if (ctx.wizardHeaderType === 'wizardHeaderVertical') { ;
+__p += '\n        <div class="row">\n            ';
+ if (ctx.wizardHeaderLocation !== 'right') { ;
+__p += '\n            <div class="col-sm-2">\n                ' +
 ((__t = ( ctx.wizardHeader )) == null ? '' : __t) +
-'\n    <div class="wizard-page" ref="' +
+'\n            </div>\n            ';
+ } ;
+__p += '\n            <div class="wizard-page col-sm-10" ref="' +
 ((__t = (ctx.wizardKey)) == null ? '' : __t) +
-'">\n      ' +
+'">\n                ' +
 ((__t = (ctx.components)) == null ? '' : __t) +
-'\n    </div>\n    ' +
+'\n            </div>\n            ';
+ if (ctx.wizardHeaderLocation === 'right') { ;
+__p += '\n            <div class="col-sm-2">\n                ' +
+((__t = ( ctx.wizardHeader )) == null ? '' : __t) +
+'\n            </div>\n            ';
+ } ;
+__p += '\n        </div>\n        <div class="col-sm-offset-2 col-sm-10 ' +
+((__t = (ctx.wizardHeaderLocation === 'right' ? 'col-sm-offset-0 col-md-offset-0' : '')) == null ? '' : __t) +
+'">\n            ' +
+((__t = ( ctx.wizardNav )) == null ? '' : __t) +
+'\n        </div>\n        ';
+ } else { ;
+__p += '\n        ' +
+((__t = ( ctx.wizardHeader )) == null ? '' : __t) +
+'\n        <div class="wizard-page" ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'">\n            ' +
+((__t = (ctx.components)) == null ? '' : __t) +
+'\n        </div>\n        ' +
 ((__t = ( ctx.wizardNav )) == null ? '' : __t) +
-'\n  </div>\n</div>';
+'\n        ';
+ } ;
+__p += '\n    </div>\n</div>\n';
 return __p
 }

package/lib/templates/tailwind/wizardHeader/form.ejs.js

@@ -4,17 +4,31 @@ Object.defineProperty(exports, "__esModule", {
 exports.default=function(ctx) {
 var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
-__p += '<nav aria-label="navigation" id="' +
+__p += '<nav aria-label="Wizard navigation" id="' +
 ((__t = ( ctx.wizardKey )) == null ? '' : __t) +
-'-header">\n  <ul class="reset-list pagination">\n    ';
+'-header" ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-header">\n  <ul class="pagination" role="tablist">\n    ';
  ctx.panels.forEach(function(panel, index) { ;
-__p += '\n    <li class="page-item ' +
+__p += '\n    <li class="page-item' +
 ((__t = (ctx.currentPage === index ? ' active' : '')) == null ? '' : __t) +
-'" style="">\n      <span class="page-link" ref="' +
+'" style="cursor: pointer;">\n      <button tabindex="0" data-index="' +
+((__t = (index)) == null ? '' : __t) +
+'" role="tab" class="page-link" ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-link">\n        ' +
+((__t = (ctx.t(panel.title, { _userInput: true }))) == null ? '' : __t) +
+'\n        ';
+ if (panel.tooltip && ctx.currentPage === index) { ;
+__p += '\n        <i ref="' +
 ((__t = (ctx.wizardKey)) == null ? '' : __t) +
-'-link">' +
-((__t = (ctx.t(panel.title))) == null ? '' : __t) +
-'</span>\n    </li>\n    ';
+'-tooltip" class="' +
+((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +
+' text-muted" data-tooltip="' +
+((__t = (panel.tooltip)) == null ? '' : __t) +
+'"></i>\n        ';
+ } ;
+__p += '\n      </button>\n    </li>\n    ';
  }) ;
 __p += '\n  </ul>\n</nav>\n';
 return __p

package/lib/templates/tailwind/wizardHeaderClassic/form.ejs.js

@@ -0,0 +1,29 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default=function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<nav aria-label="navigation" id="' +
+((__t = ( ctx.wizardKey )) == null ? '' : __t) +
+'-header">\n  <div class="classic-pagination row justify-content-center" style="border-bottom:0;">\n    ';
+ ctx.panels.forEach(function(panel, index) { ;
+__p += '\n      <div class="classic-pagination-page col-xs-12 col-sm-6 col-md-3\n          ' +
+((__t = (ctx.currentPage < index ? ' disabled' : '')) == null ? '' : __t) +
+'\n          ' +
+((__t = (ctx.currentPage === index ? ' active' : '')) == null ? '' : __t) +
+'\n          ' +
+((__t = (ctx.currentPage > index ? ' complete' : '')) == null ? '' : __t) +
+'">\n        <div class="text-center classic-pagination-title">' +
+((__t = (ctx.t(panel.title, { _userInput: true }))) == null ? '' : __t) +
+'</div>\n        ';
+ if (ctx.panels.length > 1) { ;
+__p += '\n          <div class="progress"><div class="progress-bar"></div></div>\n        ';
+ } ;
+__p += ' \n        <span ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-link" class="classic-pagination-dot"></span>\n      </div>\n    ';
+ }) ;
+__p += '\n  </div>\n</nav>\n';
+return __p
+}

package/lib/templates/tailwind/wizardHeaderClassic/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    form: string;
+};
+export default _default;

package/lib/templates/tailwind/wizardHeaderClassic/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_ejs_1 = require("./form.ejs");
+exports.default = { form: form_ejs_1.default };

package/lib/templates/tailwind/wizardHeaderVertical/form.ejs.js

@@ -0,0 +1,31 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default=function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<nav aria-label="navigation" id="' +
+((__t = ( ctx.wizardKey )) == null ? '' : __t) +
+'-header">\n  <ul class="pagination flex-column">\n    ';
+ ctx.panels.forEach(function(panel, index) { ;
+__p += '\n    <li class="col-xs-12 page-item' +
+((__t = (ctx.currentPage === index ? ' active' : '')) == null ? '' : __t) +
+'" style="cursor: pointer;">\n      <span class="page-link" ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-link" style="margin-left: 0px;">\n        ' +
+((__t = (ctx.t(panel.title, { _userInput: true }))) == null ? '' : __t) +
+'\n        ';
+ if (panel.tooltip && ctx.currentPage === index) { ;
+__p += '\n        <i ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-tooltip" class="' +
+((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +
+' text-muted" data-tooltip="' +
+((__t = (panel.tooltip)) == null ? '' : __t) +
+'"></i>\n        ';
+ } ;
+__p += '\n      </span>\n    </li>\n    ';
+ }) ;
+__p += '\n  </ul>\n</nav>\n';
+return __p
+}

package/lib/templates/tailwind/wizardHeaderVertical/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    form: string;
+};
+export default _default;

package/lib/templates/tailwind/wizardHeaderVertical/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_ejs_1 = require("./form.ejs");
+exports.default = { form: form_ejs_1.default };