@opencitylabs/bootstrap-italia 0.2.0 → 0.2.1

package/lib/cjs/templates/bootstrapItalia/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/cjs/templates/bootstrapItalia/wizardHeaderClassic/index.d.ts

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

package/lib/cjs/templates/bootstrapItalia/wizardHeaderClassic/index.js

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

package/lib/cjs/templates/bootstrapItalia/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/cjs/templates/bootstrapItalia/wizardHeaderVertical/index.d.ts

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

package/lib/cjs/templates/bootstrapItalia/wizardHeaderVertical/index.js

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

package/lib/cjs/templates/bootstrapItalia/wizardNav/form.ejs.js

@@ -0,0 +1,67 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default=function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<ul class="formio-wizard-nav-container list-inline" id="' +
+((__t = ( ctx.wizardKey )) == null ? '' : __t) +
+'-nav">\n  ';
+ ctx.buttonOrder.forEach(function(button) { ;
+__p += '\n    ';
+ if (button === 'cancel' && ctx.buttons.cancel) { ;
+__p += '\n    <li>\n      <button class="btn btn-secondary btn-wizard-nav-cancel" ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-cancel" aria-label="' +
+((__t = (ctx.t('cancelButtonAriaLabel'))) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t('cancel'))) == null ? '' : __t) +
+'</button>\n    </li>\n    ';
+ } ;
+__p += '\n    ';
+ if (button === 'previous' && ctx.buttons.previous) { ;
+__p += '\n    <li>\n      <button class="btn btn-primary btn-wizard-nav-previous" ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-previous" aria-label="' +
+((__t = (ctx.t('previousButtonAriaLabel'))) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t('previous'))) == null ? '' : __t) +
+'</button>\n    </li>\n    ';
+ } ;
+__p += '\n    ';
+ if (button === 'next' && ctx.buttons.next) { ;
+__p += '\n    <li>\n      <button class="btn btn-primary btn-wizard-nav-next" ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-next" aria-label="' +
+((__t = (ctx.t('nextButtonAriaLabel'))) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t('next'))) == null ? '' : __t) +
+'</button>\n    </li>\n    ';
+ } ;
+__p += '\n    ';
+ if (button === 'submit' && ctx.buttons.submit) { ;
+__p += '\n    <li>\n      ';
+ if (ctx.disableWizardSubmit){ ;
+__p += '\n      <button disabled class="btn btn-primary btn-wizard-nav-submit" ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-submit" aria-label="' +
+((__t = (ctx.t('submitButtonAriaLabel'))) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t('submit'))) == null ? '' : __t) +
+'</button>\n      ';
+ } else { ;
+__p += '\n      <button class="btn btn-primary btn-wizard-nav-submit" ref="' +
+((__t = (ctx.wizardKey)) == null ? '' : __t) +
+'-submit" aria-label="' +
+((__t = (ctx.t('submitButtonAriaLabel'))) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t('submit'))) == null ? '' : __t) +
+'</button>\n      ';
+ } ;
+__p += '\n    </li>\n    ';
+ } ;
+__p += '\n  ';
+ }) ;
+__p += '\n</ul>\n';
+return __p
+}

package/lib/cjs/templates/bootstrapItalia/wizardNav/index.d.ts

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

package/lib/cjs/templates/bootstrapItalia/wizardNav/index.js

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

package/lib/mjs/bootstrapItalia.d.ts

@@ -0,0 +1,232 @@
+declare const _default: {
+    framework: string;
+    templates: {
+        bootstrapItalia: {
+            webform: {
+                form: string;
+                builder: string;
+            };
+            well: {
+                form: string;
+            };
+            wizard: {
+                form: string;
+                builder: string;
+            };
+            wizardHeader: {
+                form: string;
+            };
+            wizardHeaderClassic: {
+                form: string;
+            };
+            wizardHeaderVertical: {
+                form: string;
+            };
+            wizardNav: {
+                form: string;
+            };
+            errorsList: {
+                form: string;
+            };
+            alert: {
+                form: string;
+            };
+            treeView: {
+                form: string;
+            };
+            treeEdit: {
+                form: string;
+            };
+            transform(type: any, text: any, instance: any): any;
+            defaultIconset: string;
+            iconClass: (iconset: any, name: any, spinning: any) => string;
+            cssClasses: {
+                'border-default': string;
+                'formio-tab-panel-active': string;
+                'formio-tab-link-active': string;
+                'formio-tab-link-container-active': string;
+                'formio-form-error': string;
+                'formio-form-alert': string;
+                'formio-label-error': string;
+                'formio-input-error': string;
+                'formio-alert-danger': string;
+                'formio-alert-success': string;
+                'formio-alert-warning': string;
+                'formio-modal-cancel-button': string;
+                'formio-modal-confirm-button': string;
+                'form-group': string;
+            };
+            address: {
+                form: string;
+                html: string;
+            };
+            builder: {
+                form: string;
+            };
+            builderComponent: {
+                form: string;
+            };
+            builderComponents: {
+                form: string;
+            };
+            builderEditForm: {
+                form: string;
+            };
+            builderPlaceholder: {
+                form: string;
+            };
+            builderSidebar: {
+                form: string;
+            };
+            builderSidebarGroup: {
+                form: string;
+            };
+            builderWizard: {
+                form: string;
+            };
+            button: {
+                form: string;
+                html: string;
+            };
+            checkbox: {
+                form: string;
+                html: string;
+            };
+            columns: {
+                form: string;
+            };
+            component: {
+                form: string;
+            };
+            componentModal: {
+                form: string;
+            };
+            components: {
+                form: string;
+            };
+            tableComponents: {
+                form: string;
+            };
+            container: {
+                form: string;
+            };
+            datagrid: {
+                form: string;
+                html: string;
+            };
+            day: {
+                form: string;
+            };
+            dialog: {
+                form: string;
+            };
+            editgrid: {
+                form: string;
+                html: string;
+            };
+            editgridTable: {
+                form: string;
+                html: string;
+            };
+            field: {
+                form: string;
+                align: string;
+            };
+            fieldset: {
+                form: string;
+            };
+            file: {
+                form: string;
+            };
+            html: {
+                form: string;
+            };
+            icon: {
+                form: string;
+            };
+            input: {
+                form: string;
+                html: string;
+            };
+            label: {
+                form: string;
+            };
+            loader: {
+                form: string;
+            };
+            loading: {
+                form: string;
+            };
+            map: {
+                form: string;
+            };
+            message: {
+                form: string;
+            };
+            modaledit: {
+                form: string;
+            };
+            modaldialog: {
+                form: string;
+            };
+            modalPreview: {
+                form: string;
+            };
+            multipleMasksInput: {
+                form: string;
+            };
+            multiValueRow: {
+                form: string;
+            };
+            multiValueTable: {
+                form: string;
+            };
+            panel: {
+                form: string;
+            };
+            pdf: {
+                form: string;
+            };
+            pdfBuilder: {
+                form: string;
+            };
+            pdfBuilderUpload: {
+                form: string;
+            };
+            radio: {
+                form: string;
+                html: string;
+            };
+            resourceAdd: {
+                form: string;
+            };
+            select: {
+                form: string;
+                html: string;
+            };
+            selectOption: {
+                form: string;
+                html: string;
+            };
+            signature: {
+                form: string;
+                html: string;
+            };
+            survey: {
+                form: string;
+                html: string;
+            };
+            tab: {
+                flat: string;
+                form: string;
+            };
+            table: {
+                form: string;
+            };
+            tree: {
+                form: string;
+            };
+        };
+    };
+};
+export default _default;

package/lib/mjs/bootstrapItalia.js

@@ -0,0 +1,7 @@
+import bootstrapItalia from './templates/bootstrapItalia';
+export default {
+    framework: 'bootstrapItalia',
+    templates: {
+        bootstrapItalia
+    },
+};

package/lib/mjs/templates/bootstrap3/builderSidebar/form.ejs.js

@@ -3,7 +3,9 @@ var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
 __p += '<div class="builder-sidebar' +
 ((__t = (ctx.scrollEnabled ? ' builder-sidebar_scroll' : '')) == null ? '' : __t) +
-'" ref="sidebar">\n  <input class="form-control builder-sidebar_search" type="search" ref="sidebar-search" placeholder="Search field(s)" />\n  <div id="' +
+'" ref="sidebar">\n  <input class="form-control builder-sidebar_search" type="search" ref="sidebar-search" placeholder="' +
+((__t = (ctx.t('Search field(s)'))) == null ? '' : __t) +
+'" />\n  <div id="' +
 ((__t = (ctx.groupId)) == null ? '' : __t) +
 '" class="panel-group" ref="sidebar-groups">\n    ';
  ctx.groups.forEach(function(group) { ;

package/lib/mjs/templates/bootstrap4/builderComponent/form.ejs.js

@@ -5,17 +5,25 @@ __p += '<div class="builder-component" ref="dragComponent" tabindex="-1">\n  ';
  if (!ctx.disableBuilderActions) { ;
 __p += '\n    <div class="component-btn-group" data-noattach="true">\n      <div\n        role="button"\n        aria-label="Remove button. Click to remove component from the form"\n        tabindex="-1"\n        class="btn btn-xxs btn-danger component-settings-button component-settings-button-remove"\n        ref="removeComponent"\n      >\n        <i class="' +
 ((__t = (ctx.iconClass('remove'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Copy button. Click to copy component"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-copy"\n        ref="copyComponent"\n      >\n        <i class="' +
+'"></i>\n      </div>\n      ';
+ if (!ctx.design) { ;
+__p += '\n        <div\n          role="button"\n          aria-label="Copy button. Click to copy component"\n          tabindex="-1"\n          class="btn btn-xxs btn-default component-settings-button component-settings-button-copy"\n          ref="copyComponent"\n        >\n          <i class="' +
 ((__t = (ctx.iconClass('copy'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Paste below button. Click to paste component below the current component"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-paste"\n        ref="pasteComponent"\n      >\n        <i class="' +
+'"></i>\n        </div>\n        <div\n          role="button"\n          aria-label="Paste below button. Click to paste component below the current component"\n          tabindex="-1"\n          class="btn btn-xxs btn-default component-settings-button component-settings-button-paste"\n          ref="pasteComponent"\n        >\n          <i class="' +
 ((__t = (ctx.iconClass('save'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Edit json button. Click to edit json of the current component"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-edit-json" \n        ref="editJson"\n      >\n        <i class="' +
+'"></i>\n        </div>\n        <div\n          role="button"\n          aria-label="Edit json button. Click to edit json of the current component"\n          tabindex="-1"\n          class="btn btn-xxs btn-default component-settings-button component-settings-button-edit-json" \n          ref="editJson"\n        >\n          <i class="' +
 ((__t = (ctx.iconClass('wrench'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Move button"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-move"\n        ref="moveComponent"\n      >\n        <i class="' +
+'"></i>\n        </div>\n      ';
+ } ;
+__p += '\n      <div\n        role="button"\n        aria-label="Move button"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-move"\n        ref="moveComponent"\n      >\n        <i class="' +
 ((__t = (ctx.iconClass('move'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Edit button. Click to open component settings modal window"\n        tabindex="-1"\n        class="btn btn-xxs btn-secondary component-settings-button component-settings-button-edit"\n        ref="editComponent"\n      >\n        <i class="' +
+'"></i>\n      </div>\n      ';
+ if (!(ctx.design && ctx.childComponent.type === 'reviewpage')) { ;
+__p += '\n        <div\n          role="button"\n          aria-label="Edit button. Click to open component settings modal window"\n          tabindex="-1"\n          class="btn btn-xxs btn-secondary component-settings-button component-settings-button-edit"\n          ref="editComponent"\n        >\n          <i class="' +
 ((__t = (ctx.iconClass('cog'))) == null ? '' : __t) +
-'"></i>\n      </div>\n    </div>\n  ';
+'"></i>\n        </div>\n      ';
+ } ;
+__p += '\n    </div>\n  ';
  } ;
 __p += '\n  ' +
 ((__t = (ctx.html)) == null ? '' : __t) +

package/lib/mjs/templates/bootstrap4/checkbox/form.ejs.js

@@ -1,11 +1,27 @@
 export default function(ctx) {
 var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
-__p += '<div class="form-check checkbox">\n  <label class="' +
+__p += '<div class="form-check checkbox">\n  <label\n    class="' +
 ((__t = (ctx.input.labelClass)) == null ? '' : __t) +
-' form-check-label">\n    <' +
+' form-check-label"\n    for="' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n    id="l-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n  >\n    <' +
 ((__t = (ctx.input.type)) == null ? '' : __t) +
-'\n      ref="input"\n      ';
+'\n      ref="input"\n      id="' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n      aria-labelledby="l-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n      ';
  for (var attr in ctx.input.attr) { ;
 __p += '\n      ' +
 ((__t = (attr)) == null ? '' : __t) +

package/lib/mjs/templates/bootstrap4/datagrid/form.ejs.js

@@ -79,7 +79,7 @@ __p += '\n    <tr ref="' +
 ((__t = (ctx.datagridKey)) == null ? '' : __t) +
 '-row">\n      ';
  if (ctx.component.reorder) { ;
-__p += '\n        <td class="col-md-1">\n          <button type="button" class="formio-drag-button btn btn-default fa fa-bars" data-key="' +
+__p += '\n        <td class="col-1">\n          <button type="button" class="formio-drag-button btn btn-default fa fa-bars" data-key="' +
 ((__t = (ctx.datagridKey)) == null ? '' : __t) +
 '"></button>\n        </td>\n      ';
  } ;
@@ -101,7 +101,7 @@ __p += '\n      ';
  if (ctx.hasExtraColumn) { ;
 __p += '\n        ';
  if (ctx.hasRemoveButtons) { ;
-__p += '\n        <td class="col-md-1">\n          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="' +
+__p += '\n        <td class="col-1">\n          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="' +
 ((__t = (ctx.datagridKey)) == null ? '' : __t) +
 '-removeRow" tabindex="' +
 ((__t = (ctx.tabIndex)) == null ? '' : __t) +

package/lib/mjs/templates/bootstrap5/builderComponent/form.ejs.js

@@ -5,17 +5,25 @@ __p += '<div class="builder-component" ref="dragComponent" tabindex="-1">\n  ';
  if (!ctx.disableBuilderActions) { ;
 __p += '\n    <div class="component-btn-group" data-noattach="true">\n      <div\n        role="button"\n        aria-label="Remove button. Click to remove component from the form"\n        tabindex="-1"\n        class="btn btn-xxs btn-danger component-settings-button component-settings-button-remove"\n        ref="removeComponent"\n      >\n        <i class="' +
 ((__t = (ctx.iconClass('remove'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Copy button. Click to copy component"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-copy"\n        ref="copyComponent"\n      >\n        <i class="' +
+'"></i>\n      </div>\n      ';
+ if (!ctx.design) { ;
+__p += '\n        <div\n          role="button"\n          aria-label="Copy button. Click to copy component"\n          tabindex="-1"\n          class="btn btn-xxs btn-default component-settings-button component-settings-button-copy"\n          ref="copyComponent"\n        >\n          <i class="' +
 ((__t = (ctx.iconClass('copy'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Paste below button. Click to paste component below the current component"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-paste"\n        ref="pasteComponent"\n      >\n        <i class="' +
+'"></i>\n        </div>\n        <div\n          role="button"\n          aria-label="Paste below button. Click to paste component below the current component"\n          tabindex="-1"\n          class="btn btn-xxs btn-default component-settings-button component-settings-button-paste"\n          ref="pasteComponent"\n        >\n          <i class="' +
 ((__t = (ctx.iconClass('save'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Edit json button. Click to edit json of the current component"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-edit-json" \n        ref="editJson"\n      >\n        <i class="' +
+'"></i>\n        </div>\n        <div\n          role="button"\n          aria-label="Edit json button. Click to edit json of the current component"\n          tabindex="-1"\n          class="btn btn-xxs btn-default component-settings-button component-settings-button-edit-json" \n          ref="editJson"\n        >\n          <i class="' +
 ((__t = (ctx.iconClass('wrench'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Move button"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-move"\n        ref="moveComponent"\n      >\n        <i class="' +
+'"></i>\n        </div>\n      ';
+ } ;
+__p += '\n      <div\n        role="button"\n        aria-label="Move button"\n        tabindex="-1"\n        class="btn btn-xxs btn-default component-settings-button component-settings-button-move"\n        ref="moveComponent"\n      >\n        <i class="' +
 ((__t = (ctx.iconClass('move'))) == null ? '' : __t) +
-'"></i>\n      </div>\n      <div\n        role="button"\n        aria-label="Edit button. Click to open component settings modal window"\n        tabindex="-1"\n        class="btn btn-xxs btn-secondary component-settings-button component-settings-button-edit"\n        ref="editComponent"\n      >\n        <i class="' +
+'"></i>\n      </div>\n      ';
+ if (!(ctx.design && ctx.childComponent.type === 'reviewpage')) { ;
+__p += '\n        <div\n          role="button"\n          aria-label="Edit button. Click to open component settings modal window"\n          tabindex="-1"\n          class="btn btn-xxs btn-secondary component-settings-button component-settings-button-edit"\n          ref="editComponent"\n        >\n          <i class="' +
 ((__t = (ctx.iconClass('cog'))) == null ? '' : __t) +
-'"></i>\n      </div>\n    </div>\n  ';
+'"></i>\n        </div>\n      ';
+ } ;
+__p += '\n    </div>\n  ';
  } ;
 __p += '\n  ' +
 ((__t = (ctx.html)) == null ? '' : __t) +

package/lib/mjs/templates/bootstrap5/builderSidebar/form.ejs.js

@@ -5,7 +5,9 @@ __p += '<div id="' +
 ((__t = (ctx.groupId)) == null ? '' : __t) +
 '" class="accordion builder-sidebar' +
 ((__t = (ctx.scrollEnabled ? ' builder-sidebar_scroll' : '')) == null ? '' : __t) +
-'" ref="sidebar" role="tablist">\n  <input class="form-control builder-sidebar_search" type="search" ref="sidebar-search" placeholder="Search field(s)" />\n  <div ref="sidebar-groups">\n    ';
+'" ref="sidebar" role="tablist">\n  <input class="form-control builder-sidebar_search" type="search" ref="sidebar-search" placeholder="' +
+((__t = (ctx.t('Search field(s)'))) == null ? '' : __t) +
+'" />\n  <div ref="sidebar-groups">\n    ';
  ctx.groups.forEach(function(group) { ;
 __p += '\n      ' +
 ((__t = ( group )) == null ? '' : __t) +

package/lib/mjs/templates/bootstrap5/checkbox/form.ejs.js

@@ -3,7 +3,15 @@ var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
 __p += '<div class="form-check checkbox">\n  <' +
 ((__t = (ctx.input.type)) == null ? '' : __t) +
-'\n      ref="input"\n      ';
+'\n      ref="input"\n      id="' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n      aria-labelledby="l-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n      ';
  for (var attr in ctx.input.attr) { ;
 __p += '\n      ' +
 ((__t = (attr)) == null ? '' : __t) +
@@ -27,11 +35,19 @@ __p += '\n      aria-describedby="d-' +
  } ;
 __p += '\n      >\n  ';
  if (!ctx.self.labelIsHidden()) { ;
-__p += '\n    <label class="' +
+__p += '\n    <label\n      class="' +
 ((__t = (ctx.input.labelClass)) == null ? '' : __t) +
-' form-check-label"><span>' +
+' form-check-label"\n      for="' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n      id="l-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"\n    >\n       <span>' +
 ((__t = (ctx.input.label)) == null ? '' : __t) +
-'</span></label>\n  ';
+'</span>\n    </label>\n  ';
  } ;
 __p += '\n  ';
  if (ctx.component.tooltip) { ;

package/lib/mjs/templates/bootstrap5/datagrid/form.ejs.js

@@ -79,7 +79,7 @@ __p += '\n    <tr ref="' +
 ((__t = (ctx.datagridKey)) == null ? '' : __t) +
 '-row">\n      ';
  if (ctx.component.reorder) { ;
-__p += '\n        <td>\n          <button type="button" class="formio-drag-button btn btn-default bi bi-list" data-key="' +
+__p += '\n        <td class="col-1">\n          <button type="button" class="formio-drag-button btn btn-default bi bi-list" data-key="' +
 ((__t = (ctx.datagridKey)) == null ? '' : __t) +
 '"></button>\n        </td>\n      ';
  } ;
@@ -101,7 +101,7 @@ __p += '\n      ';
  if (ctx.hasExtraColumn) { ;
 __p += '\n        ';
  if (ctx.hasRemoveButtons) { ;
-__p += '\n        <td>\n          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="' +
+__p += '\n        <td class="col-1">\n          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="' +
 ((__t = (ctx.datagridKey)) == null ? '' : __t) +
 '-removeRow" tabindex="' +
 ((__t = (ctx.tabIndex)) == null ? '' : __t) +