UNPKG

formsflow-theming

Version:

US Web Design System templates for form.io

37 lines 2.16 kB
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 }