formsflow-theming
Version:
US Web Design System templates for form.io
37 lines • 2.16 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default=function(ctx) {
var __t, __p = '', __j = Array.prototype.join;
function print() { __p += __j.call(arguments, '') }
__p += '<div class="formio-component-modal-wrapper formio-component-modal-wrapper-' +
((__t = ( ctx.component.type )) == null ? '' : __t) +
'" ref="componentModalWrapper">\r\n <div ref="openModalWrapper"></div>\r\n <div class="formio-dialog formio-dialog-theme-default component-rendering-hidden" ref="modalWrapper">\r\n <div class="formio-dialog-overlay" ref="modalOverlay"></div>\r\n <div class="formio-dialog-content" aria-labelledby="ml-' +
((__t = (ctx.instance.id)) == null ? '' : __t) +
'-' +
((__t = (ctx.component.key)) == null ? '' : __t) +
'" ';
if (!ctx.self.isIE()) { ;
__p += ' role="dialog" ';
} ;
__p += ' ref="modalContents">\r\n <label class="formsflow-sr-only" id="ml-' +
((__t = (ctx.instance.id)) == null ? '' : __t) +
'-' +
((__t = (ctx.component.key)) == null ? '' : __t) +
'">' +
((__t = ( ctx.t(ctx.component.label) )) == null ? '' : __t) +
'' +
((__t = (ctx.self.isIE() ? ', dialog' : '')) == null ? '' : __t) +
'</label>\r\n <button class="formio-dialog-close float-right" title="Close" aria-label="Close button. Click to get back to the form" ref="modalCloseButton"></button>\r\n <div ref="modalContents">\r\n ';
if (ctx.visible) { ;
__p += '\r\n ' +
((__t = (ctx.children)) == null ? '' : __t) +
'\r\n ';
} ;
__p += '\r\n <div class="formio-dialog-buttons">\r\n <button class="formsflow-button formsflow-button--secondary" ref="modalClose" aria-label="Cancel button. Click to cancel the changes and get back to the form.">' +
((__t = (ctx.t('Cancel'))) == null ? '' : __t) +
'</button>\r\n <button class="formsflow-button" ref="modalSave" aria-label="Save button. Click to save the changes and get back to the form.">' +
((__t = (ctx.t('Save'))) == null ? '' : __t) +
'</button>\r\n </div>\r\n </div>\r\n <span class="formsflow-sr-only" ref="modalLiveRegion" aria-live="assertive"></span>\r\n </div>\r\n </div>\r\n</div>\r\n';
return __p
}