formsflow-theming/lib/templates/uswds/radio/form.ejs.js

US Web Design System templates for form.io

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default=function(ctx) {
var __t, __p = '', __j = Array.prototype.join;
function print() { __p += __j.call(arguments, '') }
__p += '<fieldset\r\n  class="formsflow-fieldset"\r\n  ref="radioGroup"\r\n  aria-labelledby="l-' +
((__t = (ctx.instance.id)) == null ? '' : __t) +
'-' +
((__t = (ctx.component.key)) == null ? '' : __t) +
' ';
 if (ctx.component.description) { ;
__p += 'd-' +
((__t = (ctx.instance.id)) == null ? '' : __t) +
'-' +
((__t = (ctx.component.key)) == null ? '' : __t);
 } ;
__p += '"\r\n>\r\n  <legend id="l-' +
((__t = (ctx.instance.id)) == null ? '' : __t) +
'-' +
((__t = (ctx.component.key)) == null ? '' : __t) +
'" ref="label" class="formsflow-sr-only">\r\n    ' +
((__t = (ctx.t(ctx.component.label))) == null ? '' : __t) +
'\r\n  </legend>\r\n  <span class="legend-wrapper font-sans-md">\r\n    <span class="' +
((__t = (ctx.component.validate && ctx.component.validate.required ? ' field-required' : '')) == null ? '' : __t) +
'">\r\n      ' +
((__t = (ctx.t(ctx.component.label))) == null ? '' : __t) +
'\r\n    </span>\r\n    ';
 if (ctx.component.tooltip) { ;
__p += '\r\n      <span ref="tooltip" data-tooltip="' +
((__t = (ctx.component.tooltip)) == null ? '' : __t) +
'" class="' +
((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +
' text-base" tabindex="0"></span>\r\n    ';
 } ;
__p += '\r\n  </span>\r\n\r\n  <div\r\n    ref="messageContainer"\r\n    class="text-secondary-dark width-full margin-top-05 formio-errors"\r\n  ></div>\r\n\r\n  ';
 ctx.values.forEach(function(item) { ;
__p += '\r\n  <div class="formsflow-' +
((__t = (ctx.component.type === "selectboxes" ? "checkbox" : "radio")) == null ? '' : __t) +
' ' +
((__t = (ctx.inline ? 'display-inline float-left margin-right-1' : '')) == null ? '' : __t) +
'" ref="wrapper">\r\n    <' +
((__t = (ctx.input.type)) == null ? '' : __t) +
'\r\n      ref="input"\r\n      class="formsflow-' +
((__t = (ctx.component.type === "selectboxes" ? "checkbox" : "radio")) == null ? '' : __t) +
'__input ' +
((__t = (ctx.component.tileView ? ctx.component.type === 'selectboxes' ? 'formsflow-checkbox__input--tile' : 'formsflow-radio__input--tile' : '')) == null ? '' : __t) +
'"\r\n      ';
 for (var attr in ctx.input.attr) { ;
__p += '\r\n      ' +
((__t = (attr)) == null ? '' : __t) +
'="' +
((__t = (ctx.input.attr[attr])) == null ? '' : __t) +
'"\r\n      ';
 } ;
__p += '\r\n      value="' +
((__t = (item.value)) == null ? '' : __t) +
'"\r\n      ';
 if (ctx.value && (ctx.value === item.value || (typeof ctx.value === 'object' && ctx.value.hasOwnProperty(item.value) && ctx.value[item.value]))) { ;
__p += '\r\n      checked=true\r\n      ';
 } ;
__p += '\r\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) +
'"\r\n      aria-required="' +
((__t = (ctx.input.component.validate.required)) == null ? '' : __t) +
'"\r\n    >\r\n    <label class="' +
((__t = (ctx.component.type === "selectboxes" ? "formsflow-checkbox__label" : "formsflow-radio__label")) == 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) +
'">' +
((__t = (ctx.t(item.label))) == null ? '' : __t) +
'</label>\r\n  </div>\r\n  ';
 }) ;
__p += '\r\n\r\n  ';
 if (ctx.component.description) { ;
__p += '\r\n    <div class="text-base-dark">\r\n      <span id="d-' +
((__t = (ctx.instance.id)) == null ? '' : __t) +
'-' +
((__t = (ctx.component.key)) == null ? '' : __t) +
'">' +
((__t = (ctx.t(ctx.component.description))) == null ? '' : __t) +
'</span>\r\n    </div>\r\n  ';
 } ;
__p += '\r\n</fieldset>\r\n';
return __p
}