formsflow-theming
Version:
US Web Design System templates for form.io
31 lines • 2.78 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 aria-label="' +
((__t = (ctx.childComponent.label)) == null ? '' : __t) +
' ' +
((__t = (ctx.childComponent.type)) == null ? '' : __t) +
' container" class="builder-component" ref="dragComponent" tabindex="0">\r\n ';
if (!ctx.disableBuilderActions) { ;
__p += '\r\n <div role="application" tabindex="0" aria-label="Action buttons. Use up and down arrows to navigate through action buttons" class="component-btn-group" id="buttons-' +
((__t = (ctx.childComponent.id)) == null ? '' : __t) +
'" data-noattach="true" ref="buttonGroup">\r\n <div\r\n role="button"\r\n aria-label="Remove button. Click to remove component from the form"\r\n tabindex="-1"\r\n class="formsflow-button formsflow-button--secondary component-settings-button component-settings-button-remove"\r\n ref="removeComponent"\r\n >\r\n <i class="' +
((__t = (ctx.iconClass('remove'))) == null ? '' : __t) +
'"></i>\r\n </div>\r\n <div\r\n role="button"\r\n aria-label="Copy button. Click to copy component"\r\n tabindex="-1"\r\n class="formsflow-button formsflow-button--outline component-settings-button component-settings-button-copy"\r\n ref="copyComponent"\r\n >\r\n <i class="' +
((__t = (ctx.iconClass('copy'))) == null ? '' : __t) +
'"></i>\r\n </div>\r\n <div\r\n role="button"\r\n aria-label="Paste below button. Click to paste component below the current component"\r\n tabindex="-1"\r\n class="formsflow-button formsflow-button--outline component-settings-button component-settings-button-paste"\r\n ref="pasteComponent"\r\n >\r\n <i class="' +
((__t = (ctx.iconClass('save'))) == null ? '' : __t) +
'"></i>\r\n </div>\r\n <div\r\n role="button"\r\n aria-label="Move button"\r\n tabindex="-1"\r\n class="formsflow-button formsflow-button--outline component-settings-button component-settings-button-move"\r\n ref="moveComponent"\r\n >\r\n <i class="' +
((__t = (ctx.iconClass('move'))) == null ? '' : __t) +
'"></i>\r\n </div>\r\n <div\r\n role="button"\r\n aria-label="Edit button. Click to open component settings modal window"\r\n tabindex="-1"\r\n class="formsflow-button formsflow-button--accent-cool component-settings-button component-settings-button-edit"\r\n ref="editComponent"\r\n >\r\n <i class="' +
((__t = (ctx.iconClass('cog'))) == null ? '' : __t) +
'"></i>\r\n </div>\r\n </div>\r\n ';
} ;
__p += '\r\n ' +
((__t = (ctx.html)) == null ? '' : __t) +
'\r\n</div>\r\n';
return __p
}