@opencitylabs/bootstrap-italia 0.2.0 → 0.2.1

package/lib/mjs/templates/bootstrapItalia/editgridTable/form.ejs.js

@@ -0,0 +1,66 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<div class="editgrid-table-container">\n  <div class="table-responsive">\n    <table class="table\n      ' +
+((__t = ( ctx.component.striped ? 'table-striped' : '')) == null ? '' : __t) +
+'\n      ' +
+((__t = ( ctx.component.bordered ? 'table-bordered' : '')) == null ? '' : __t) +
+'\n      ' +
+((__t = ( ctx.component.hover ? 'table-hover' : '')) == null ? '' : __t) +
+'\n      ' +
+((__t = ( ctx.component.condensed ? 'table-sm' : '')) == null ? '' : __t) +
+'\n    ">\n      ';
+ if (ctx.header) { ;
+__p += '\n      <thead class="editgrid-table-head">\n        ' +
+((__t = (ctx.header)) == null ? '' : __t) +
+'\n      </thead>\n      ';
+ } ;
+__p += '\n      <tbody class="editgrid-table-body">\n        ';
+ ctx.rows.forEach(function(row, rowIndex) { ;
+__p += '\n        <tr ref="' +
+((__t = (ctx.ref.row)) == null ? '' : __t) +
+'">\n          ' +
+((__t = (row)) == null ? '' : __t) +
+'\n          ';
+ if (ctx.openRows[rowIndex] && !ctx.readOnly) { ;
+__p += '\n            <td class="editgrid-table-column">\n              <div class="editgrid-actions">\n                <button class="btn btn-primary" ref="' +
+((__t = (ctx.ref.saveRow)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t(ctx.component.saveRow || 'Save', { _userInput: true }))) == null ? '' : __t) +
+'</button>\n                ';
+ if (ctx.component.removeRow) { ;
+__p += '\n                <button class="btn btn-danger" ref="' +
+((__t = (ctx.ref.cancelRow)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t(ctx.component.removeRow || 'Cancel', { _userInput: true }))) == null ? '' : __t) +
+'</button>\n                ';
+ } ;
+__p += '\n              </div>\n            </td>\n          ';
+ } ;
+__p += '\n          ';
+ if (ctx.errors[rowIndex]) { ;
+__p += '\n          <td class="editgrid-table-column">\n            <div class="has-error">\n              <div class="editgrid-row-error help-block">\n                ' +
+((__t = (ctx.errors[rowIndex])) == null ? '' : __t) +
+'\n              </div>\n            </div>\n          </td>\n          ';
+ } ;
+__p += '\n        </tr>\n        ';
+ }) ;
+__p += '\n      </tbody>\n      ';
+ if (ctx.footer) { ;
+__p += '\n      <tfoot>\n        <tr>\n          ' +
+((__t = (ctx.footer)) == null ? '' : __t) +
+'\n        </tr>\n      <tfoot>\n      ';
+ } ;
+__p += '\n    </table>\n  </div>\n</div>\n';
+ if (!ctx.readOnly && ctx.hasAddButton) { ;
+__p += '\n<button class="btn btn-primary" ref="' +
+((__t = (ctx.ref.addRow)) == null ? '' : __t) +
+'">\n  <i class="' +
+((__t = (ctx.iconClass('plus'))) == null ? '' : __t) +
+'"></i>\n  ' +
+((__t = (ctx.t(ctx.component.addAnother || 'Add Another', { _userInput: true }))) == null ? '' : __t) +
+'\n</button>\n';
+ } ;
+__p += '\n';
+return __p
+}

package/lib/mjs/templates/bootstrapItalia/editgridTable/html.ejs.js

@@ -0,0 +1,56 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<div class="editgrid-table-container">\n  <div class="table-responsive">\n    <table class="table\n      ' +
+((__t = ( ctx.component.striped ? 'table-striped' : '')) == null ? '' : __t) +
+'\n      ' +
+((__t = ( ctx.component.bordered ? 'table-bordered' : '')) == null ? '' : __t) +
+'\n      ' +
+((__t = ( ctx.component.hover ? 'table-hover' : '')) == null ? '' : __t) +
+'\n      ' +
+((__t = ( ctx.component.condensed ? 'table-sm' : '')) == null ? '' : __t) +
+'\n    ">\n      ';
+ if (ctx.header) { ;
+__p += '\n      <thead class="editgrid-table-head">\n        ' +
+((__t = (ctx.header)) == null ? '' : __t) +
+'\n      </thead>\n      ';
+ } ;
+__p += '\n      <tbody class="editgrid-table-body">\n        ';
+ ctx.rows.forEach(function(row, rowIndex) { ;
+__p += '\n        <tr ref="' +
+((__t = (ctx.ref.row)) == null ? '' : __t) +
+'">\n          ' +
+((__t = (row)) == null ? '' : __t) +
+'\n          ';
+ if (ctx.openRows[rowIndex] && !ctx.readOnly) { ;
+__p += '\n          <td class="editgrid-table-column">\n            <div class="editgrid-actions">\n              <button class="btn btn-primary" ref="' +
+((__t = (ctx.ref.saveRow)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t(ctx.component.saveRow || 'Save', { _userInput: true }))) == null ? '' : __t) +
+'</button>\n              ';
+ if (ctx.component.removeRow) { ;
+__p += '\n              <button class="btn btn-danger" ref="' +
+((__t = (ctx.ref.cancelRow)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t(ctx.component.removeRow || 'Cancel', { _userInput: true }))) == null ? '' : __t) +
+'</button>\n              ';
+ } ;
+__p += '\n            </div>\n          </td>\n          ';
+ } ;
+__p += '\n          ';
+ if (ctx.errors[rowIndex]) { ;
+__p += '\n          <td class="editgrid-table-column">\n            <div class="has-error">\n              <div class="editgrid-row-error help-block">\n                ' +
+((__t = (ctx.errors[rowIndex])) == null ? '' : __t) +
+'\n              </div>\n            </div>\n          </td>\n          ';
+ } ;
+__p += '\n        </tr>\n        ';
+ }) ;
+__p += '\n      </tbody>\n      ';
+ if (ctx.footer) { ;
+__p += '\n      <tfoot>\n        <tr>\n          ' +
+((__t = (ctx.footer)) == null ? '' : __t) +
+'\n         </tr>\n      <tfoot>\n      ';
+ } ;
+__p += '\n    </table>\n  </div>\n</div>\n';
+return __p
+}

package/lib/mjs/templates/bootstrapItalia/editgridTable/index.d.ts

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

package/lib/mjs/templates/bootstrapItalia/editgridTable/index.js

@@ -0,0 +1,3 @@
+import form from './form.ejs';
+import html from './html.ejs';
+export default { form, html };

package/lib/mjs/templates/bootstrapItalia/errorsList/form.ejs.js

@@ -0,0 +1,22 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<p>' +
+((__t = (ctx.t('error'))) == null ? '' : __t) +
+'\n  ';
+ if (ctx.options.vpat) { ;
+__p += '\n  <span ref="errorTooltip" class="' +
+((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +
+'" tabindex="0"></span>\n  ';
+ } ;
+__p += '\n</p>\n<ul>\n  ';
+ ctx.errors.forEach(function(err) { ;
+__p += '\n  <li>\n    <span\n      data-component-key = "' +
+((__t = (err.keyOrPath)) == null ? '' : __t) +
+'"\n      ref = "errorRef"\n      tabIndex = "0"\n      role="link"\n    >\n      ' +
+((__t = (err.message)) == null ? '' : __t) +
+'\n    </span>\n  </li>\n  ';
+ }) ;
+__p += '\n</ul>\n';
+return __p
+}

package/lib/mjs/templates/bootstrapItalia/errorsList/index.d.ts

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

package/lib/mjs/templates/bootstrapItalia/errorsList/index.js

@@ -0,0 +1,2 @@
+import form from './form.ejs';
+export default { form };

package/lib/mjs/templates/bootstrapItalia/field/align.ejs.js

@@ -0,0 +1,38 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<div class="field-wrapper flex-fill\n  ' +
+((__t = (ctx.isRightPosition ? 'field-wrapper--reverse' : '')) == null ? '' : __t) +
+'">\n  ';
+ if (!ctx.label.hidden) { ;
+__p += '\n    <div class="field-label\n      ' +
+((__t = (ctx.isRightAlign ? 'field-label--right' : '')) == null ? '' : __t) +
+'"\n      style="' +
+((__t = (ctx.labelStyles)) == null ? '' : __t) +
+'">\n    ' +
+((__t = ( ctx.labelMarkup )) == null ? '' : __t) +
+'\n    </div>\n  ';
+ } ;
+__p += '\n\n  ';
+ if (ctx.label.hidden && ctx.label.className && ctx.component.validate.required) { ;
+__p += '\n    <div class="field-label\n      ' +
+((__t = (ctx.isRightAlign ? 'field-label--right' : '')) == null ? '' : __t) +
+'"\n      style="' +
+((__t = (ctx.labelStyles)) == null ? '' : __t) +
+'">\n      <label class="' +
+((__t = (ctx.label.className)) == null ? '' : __t) +
+'"></label>\n    </div>\n  ';
+ } ;
+__p += '\n\n  <div class="field-content" style="' +
+((__t = (ctx.contentStyles)) == null ? '' : __t) +
+'">\n    ' +
+((__t = (ctx.element)) == null ? '' : __t) +
+'\n  </div>\n</div>\n\n';
+ if (ctx.component.description) { ;
+__p += '\n  <div class="form-text text-muted">' +
+((__t = (ctx.t(ctx.component.description, { _userInput: true }))) == null ? '' : __t) +
+'</div>\n';
+ } ;
+__p += '\n';
+return __p
+}

package/lib/mjs/templates/bootstrapItalia/field/form.ejs.js

@@ -0,0 +1,36 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+
+ if (!ctx.label.hidden && ctx.label.labelPosition !== 'bottom') { ;
+__p += '\n  ' +
+((__t = ( ctx.labelMarkup )) == null ? '' : __t) +
+'\n';
+ } ;
+__p += '\n\n';
+ if (ctx.label.hidden && ctx.label.className && ctx.component.validate.required) { ;
+__p += '\n  <label class="' +
+((__t = (ctx.label.className)) == null ? '' : __t) +
+'"></label>\n';
+ } ;
+__p += '\n\n' +
+((__t = (ctx.element)) == null ? '' : __t) +
+'\n\n';
+ if (!ctx.label.hidden && ctx.label.labelPosition === 'bottom') { ;
+__p += '\n  ' +
+((__t = ( ctx.labelMarkup )) == null ? '' : __t) +
+'\n';
+ } ;
+__p += '\n';
+ if (ctx.component.description) { ;
+__p += '\n  <div id="d-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'" class="form-text text-muted">' +
+((__t = (ctx.t(ctx.component.description, { _userInput: true }))) == null ? '' : __t) +
+'</div>\n';
+ } ;
+__p += '\n';
+return __p
+}

package/lib/mjs/templates/bootstrapItalia/field/index.d.ts

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

package/lib/mjs/templates/bootstrapItalia/field/index.js

@@ -0,0 +1,3 @@
+import form from './form.ejs';
+import align from './align.ejs';
+export default { form, align };

package/lib/mjs/templates/bootstrapItalia/fieldset/form.ejs.js

@@ -0,0 +1,28 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<fieldset class="it-page-section">\n  <div class="cmp-card mb-40 mt-2">\n    <div class="card has-bkg-grey shadow-sm p-big">\n  ';
+ if (ctx.component.legend) { ;
+__p += '\n  <div ref="header" class="' +
+((__t = (ctx.component.collapsible ? 'formio-clickable card-header border-0 p-0 mb-lg-30' : 'card-header border-0 p-0 mb-lg-30')) == null ? '' : __t) +
+'">\n    <div class="d-flex">\n      <h2 class="title-xxlarge mb-1">\n        ' +
+((__t = (ctx.t(ctx.component.legend, { _userInput: true }))) == null ? '' : __t) +
+'\n      </h2>\n    </div>\n    ';
+ if (ctx.component.tooltip) { ;
+__p += '\n    <p class="subtitle-small mb-0">' +
+((__t = (ctx.component.tooltip)) == null ? '' : __t) +
+'</p>\n    ';
+ } ;
+__p += '\n  </div>\n  ';
+ } ;
+__p += '\n  ';
+ if (!ctx.collapsed) { ;
+__p += '\n  <div class="card p-3 p-lg-4 fieldset-body" ref="' +
+((__t = (ctx.nestedKey)) == null ? '' : __t) +
+'">\n    ' +
+((__t = (ctx.children)) == null ? '' : __t) +
+'\n  </div>\n  ';
+ } ;
+__p += '\n    </div>\n  </div>\n</fieldset>\n';
+return __p
+}

package/lib/mjs/templates/bootstrapItalia/fieldset/index.d.ts

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

package/lib/mjs/templates/bootstrapItalia/fieldset/index.js

@@ -0,0 +1,2 @@
+import form from './form.ejs';
+export default { form };

package/lib/mjs/templates/bootstrapItalia/file/form.ejs.js

@@ -0,0 +1,342 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+
+ if (ctx.options.vpat) {  ;
+__p += '\n  <span tabindex="-1" class="visually-hidden" id="invisible-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t) +
+'"></span>\n';
+ } ;
+__p += '\n';
+ if (!ctx.self.imageUpload) { console.log(ctx) ;
+__p += '\n  ';
+ if (ctx.options.vpat) { ;
+__p += '\n    <div>' +
+((__t = ((!ctx.component.filePattern || ctx.component.filePattern === '*') ? 'Any file types are allowed' : ctx.t('Allowed file types: ') + ctx.component.filePattern)) == null ? '' : __t) +
+'</div>\n  ';
+ } ;
+__p += '\n  <ul class="list-group list-group-striped">\n    <li class="list-group-item list-group-header hidden-xs hidden-sm">\n      <div class="row">\n        <div class="col-md-' +
+((__t = (ctx.columns.name)) == null ? '' : __t) +
+'"><strong>' +
+((__t = (ctx.t('File Name'))) == null ? '' : __t) +
+'</strong></div>\n        <div class="col-md-' +
+((__t = (ctx.columns.size)) == null ? '' : __t) +
+'"><strong>' +
+((__t = (ctx.t('Size'))) == null ? '' : __t) +
+'</strong></div>\n        ';
+ if (ctx.self.hasTypes) { ;
+__p += '\n          <div class="col-md-' +
+((__t = (ctx.columns.type)) == null ? '' : __t) +
+'"><strong>' +
+((__t = (ctx.t('Type'))) == null ? '' : __t) +
+'</strong></div>\n        ';
+ } ;
+__p += '\n        <div class="col-md-' +
+((__t = (ctx.columns.actions)) == null ? '' : __t) +
+' justify-center">\n          ';
+ if (ctx.showSyncButton) { ;
+__p += '\n            <button\n              class="btn btn-primary btn-sm"\n              ref="syncNow"\n              ';
+ if (ctx.disabled || ctx.isSyncing) { ;
+__p += 'disabled=true';
+ } ;
+__p += '\n            >' +
+((__t = (ctx.isSyncing ? ctx.t('Syncing...') : ctx.t('Sync Now'))) == null ? '' : __t) +
+'</button>\n          ';
+ } ;
+__p += '\n        </div>\n      </div>\n    </li>\n    ';
+ ctx.files.forEach(function(file) { ;
+__p += '\n      <li class="list-group-item">\n        <div class="row">\n          <div class="col-md-' +
+((__t = (ctx.columns.name)) == null ? '' : __t) +
+'">\n            ';
+ if (ctx.component.uploadOnly) { ;
+__p += '\n              ' +
+((__t = (file.originalName || file.name)) == null ? '' : __t) +
+'\n            ';
+ } else { ;
+__p += '\n              <a href="' +
+((__t = (file.url || '#')) == null ? '' : __t) +
+'" target="_blank" ref="fileLink">\n                <span class="visually-hidden">' +
+((__t = (ctx.t('Press to open '))) == null ? '' : __t) +
+'</span>' +
+((__t = (file.originalName || file.name)) == null ? '' : __t) +
+'\n              </a>\n            ';
+ } ;
+__p += '\n          </div>\n          <div class="col-md-' +
+((__t = (ctx.columns.size)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.fileSize(file.size))) == null ? '' : __t) +
+'</div>\n          ';
+ if (ctx.self.hasTypes && !ctx.disabled) { ;
+__p += '\n            <div class="col-md-' +
+((__t = (ctx.columns.type)) == null ? '' : __t) +
+'">\n              <select class="file-type" ref="fileType">\n                ';
+ ctx.component.fileTypes.map(function(type) { ;
+__p += '\n                  <option class="test" value="' +
+((__t = ( type.value )) == null ? '' : __t) +
+'" ';
+ if (type.label === file.fileType) { ;
+__p += 'selected="selected"';
+ } ;
+__p += '>' +
+((__t = (ctx.t(type.label))) == null ? '' : __t) +
+'</option>\n                ';
+ }); ;
+__p += '\n              </select>\n            </div>\n          ';
+ } ;
+__p += '\n          ';
+ if (ctx.self.hasTypes && ctx.disabled) { ;
+__p += '\n            <div class="col-md-' +
+((__t = (ctx.columns.type)) == null ? '' : __t) +
+'">' +
+((__t = (file.fileType)) == null ? '' : __t) +
+'</div>\n          ';
+ } ;
+__p += '\n          ';
+ if (!ctx.disabled) { ;
+__p += '\n            <div class="col-md-' +
+((__t = (ctx.columns.actions)) == null ? '' : __t) +
+' justify-center"><i tabindex="0" class="' +
+((__t = (ctx.iconClass('remove'))) == null ? '' : __t) +
+'" ref="removeLink"></i></div>\n          ';
+ } ;
+__p += '\n        </div>\n      </li>\n    ';
+ }) ;
+__p += '\n    ';
+ ctx.filesToDelete.forEach(function(file) { ;
+__p += '\n      <li class="list-group-item">\n        <div class="row align-center">\n          <div class="col-md-' +
+((__t = (ctx.columns.name)) == null ? '' : __t) +
+'">\n            <div>' +
+((__t = (file.originalName || file.name)) == null ? '' : __t) +
+'</div>\n              <div class="status text-' +
+((__t = (file.status === 'error' ? 'danger': file.status)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t(file.message))) == null ? '' : __t) +
+'</div>\n          </div>\n          <div class="col-md-' +
+((__t = (ctx.columns.size)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.fileSize(file.size))) == null ? '' : __t) +
+'</div>\n          ';
+ if (ctx.self.hasTypes) { ;
+__p += '\n            <div class="col-md-' +
+((__t = (ctx.columns.type)) == null ? '' : __t) +
+'">\n              <select class="file-type" ref="fileType">\n                ';
+ ctx.component.fileTypes.map(function(type) { ;
+__p += '\n                  <option class="test" value="' +
+((__t = ( type.value )) == null ? '' : __t) +
+'" ';
+ if (type.label === file.fileType) { ;
+__p += 'selected="selected"';
+ } ;
+__p += '>' +
+((__t = (ctx.t(type.label))) == null ? '' : __t) +
+'</option>\n                ';
+ }); ;
+__p += '\n              </select>\n            </div>\n          ';
+ } ;
+__p += '\n          ';
+ if (!ctx.isSyncing && file.status !== 'success') { ;
+__p += '\n            <div class="col-md-' +
+((__t = (ctx.columns.actions)) == null ? '' : __t) +
+' justify-center"><i tabindex="0" class="' +
+((__t = (ctx.iconClass('arrow-counterclockwise'))) == null ? '' : __t) +
+'" ref="restoreFile"></i></div>\n          ';
+ } ;
+__p += '\n        </div>\n      </li>\n    ';
+ }) ;
+__p += '\n    ';
+ ctx.filesToUpload.forEach(function(file) { ;
+__p += '\n      <li class="list-group-item">\n        <div class="row align-center">\n          <div class="col-md-' +
+((__t = (ctx.columns.name)) == null ? '' : __t) +
+'">\n            <div>' +
+((__t = (file.originalName || file.name)) == null ? '' : __t) +
+'</div>\n            ';
+ if (file.status === 'progress') { ;
+__p += '\n              <div class="status progress">\n                <div id="' +
+((__t = (file.id)) == null ? '' : __t) +
+'" class="progress-bar" role="progressbar" aria-valuenow="' +
+((__t = (file.progress)) == null ? '' : __t) +
+'" aria-valuemin="0" aria-valuemax="100" style="width: ' +
+((__t = (file.progress)) == null ? '' : __t) +
+'%" ref="progress">\n                  <span class="visually-hidden">' +
+((__t = (file.progress)) == null ? '' : __t) +
+'% ' +
+((__t = (ctx.t('Complete'))) == null ? '' : __t) +
+'</span>\n                </div>\n              </div>\n            ';
+ } else { ;
+__p += '\n              <div class="status text-' +
+((__t = (file.status === 'error' ? 'danger': file.status)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t(file.message))) == null ? '' : __t) +
+'</div>\n            ';
+ } ;
+__p += '\n          </div>\n          <div class="col-md-' +
+((__t = (ctx.columns.size)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.fileSize(file.size))) == null ? '' : __t) +
+'</div>\n          ';
+ if (ctx.self.hasTypes) { ;
+__p += '\n            <div class="col-md-' +
+((__t = (ctx.columns.type)) == null ? '' : __t) +
+'">\n              <select class="file-type" ref="fileType">\n                ';
+ ctx.component.fileTypes.map(function(type) { ;
+__p += '\n                  <option class="test" value="' +
+((__t = ( type.value )) == null ? '' : __t) +
+'" ';
+ if (type.label === file.fileType) { ;
+__p += 'selected="selected"';
+ } ;
+__p += '>' +
+((__t = (ctx.t(type.label))) == null ? '' : __t) +
+'</option>\n                ';
+ }); ;
+__p += '\n              </select>\n            </div>\n          ';
+ } ;
+__p += '\n          ';
+ if (file.status === 'progress') { ;
+__p += '\n            <div class="col-md-' +
+((__t = (ctx.columns.actions)) == null ? '' : __t) +
+' justify-center"><i id="abort-' +
+((__t = (file.id)) == null ? '' : __t) +
+'" tabindex="0" class="' +
+((__t = (ctx.iconClass('ban'))) == null ? '' : __t) +
+'"></i></div>\n          ';
+ } else if (!ctx.isSyncing && file.status !== 'success') { ;
+__p += '\n            <div class="col-md-' +
+((__t = (ctx.columns.actions)) == null ? '' : __t) +
+' justify-center"><i tabindex="0" class="' +
+((__t = (ctx.iconClass('remove'))) == null ? '' : __t) +
+'" ref="fileToSyncRemove"></i></div>\n          ';
+ } ;
+__p += '\n        </div>\n      </li>\n    ';
+ }) ;
+__p += '\n  </ul>\n';
+ } else { ;
+__p += '\n  <div>\n    ';
+ ctx.files.forEach(function(file) { ;
+__p += '\n      <div>\n        <span>\n          <img ref="fileImage" src="" alt="' +
+((__t = (file.originalName || file.name)) == null ? '' : __t) +
+'" style="width:' +
+((__t = (ctx.component.imageSize)) == null ? '' : __t) +
+'px">\n          ';
+ if (!ctx.disabled) { ;
+__p += '\n            <i tabindex="0" class="' +
+((__t = (ctx.iconClass('remove'))) == null ? '' : __t) +
+'" ref="removeLink"></i>\n          ';
+ } ;
+__p += '\n        </span>\n      </div>\n    ';
+ }) ;
+__p += '\n  </div>\n';
+ } ;
+__p += '\n';
+ if (!ctx.disabled && (ctx.component.multiple || !ctx.files.length)) { ;
+__p += '\n  ';
+ if (ctx.self.useWebViewCamera) { ;
+__p += '\n    <div class="fileSelector">\n      <button class="btn btn-primary" ref="galleryButton"><i class="' +
+((__t = (ctx.iconClass('book'))) == null ? '' : __t) +
+'"></i> ' +
+((__t = (ctx.t('Gallery'))) == null ? '' : __t) +
+'</button>\n      <button class="btn btn-primary" ref="cameraButton"><i class="' +
+((__t = (ctx.iconClass('camera'))) == null ? '' : __t) +
+'"></i> ' +
+((__t = (ctx.t('Camera'))) == null ? '' : __t) +
+'</button>\n    </div>\n  ';
+ } else if (!ctx.self.cameraMode) { ;
+__p += '\n    <div class="fileSelector" ref="fileDrop" ' +
+((__t = (ctx.fileDropHidden ?'hidden' : '')) == null ? '' : __t) +
+'>\n      ';
+ if (!ctx.self.isMobile.any) { ;
+__p += '\n        <i class="' +
+((__t = (ctx.iconClass('cloud-upload'))) == null ? '' : __t) +
+'"></i> ' +
+((__t = (ctx.t('Drop files to attach,'))) == null ? '' : __t) +
+'\n      ';
+ } ;
+__p += '\n      ';
+ if (ctx.self.imageUpload && ctx.component.webcam) { ;
+__p += '\n        <a href="#" ref="toggleCameraMode"><i class="' +
+((__t = (ctx.iconClass('camera'))) == null ? '' : __t) +
+'"></i>' +
+((__t = (ctx.t('Use Camera'))) == null ? '' : __t) +
+'</a>\n        ' +
+((__t = (ctx.t('or'))) == null ? '' : __t) +
+'\n      ';
+ } ;
+__p += '\n      <a href="#" ref="fileBrowse" class="browse">\n        ';
+ if (ctx.self.isMobile.any && ctx.component.capture) { ;
+__p += '\n          ';
+ if (ctx.component.filePattern && ctx.component.filePattern.includes("video")) { ;
+__p += '\n            <i class="' +
+((__t = (ctx.iconClass('video'))) == null ? '' : __t) +
+'"></i>' +
+((__t = (ctx.t('Capture Video'))) == null ? '' : __t) +
+'\n          ';
+ } else if (ctx.component.filePattern && ctx.component.filePattern.includes("audio")) { ;
+__p += '\n            <i class="' +
+((__t = (ctx.iconClass('microphone'))) == null ? '' : __t) +
+'"></i>' +
+((__t = (ctx.t('Capture Audio'))) == null ? '' : __t) +
+'\n          ';
+ } else { ;
+__p += '\n            <i class="' +
+((__t = (ctx.iconClass('camera'))) == null ? '' : __t) +
+'"></i>' +
+((__t = (ctx.t('Capture Image'))) == null ? '' : __t) +
+'\n          ';
+ } ;
+__p += '\n        ';
+ } else { ;
+__p += '\n          <i class="' +
+((__t = (ctx.iconClass('folder-open'))) == null ? '' : __t) +
+'"></i>' +
+((__t = (ctx.t('Browse Files'))) == null ? '' : __t) +
+'\n        ';
+ } ;
+__p += '\n        <span class="visually-hidden">\n          ' +
+((__t = (ctx.t('Browse to attach file for ' + ctx.component.label + '. ' +
+          (ctx.component.description ? ctx.component.description + '. ' : '') +
+          ((!ctx.component.filePattern || ctx.component.filePattern === '*') ? 'Any file types are allowed' : ctx.t('Allowed file types: ') + ctx.component.filePattern)))) == null ? '' : __t) +
+'\n        </span>\n      </a>\n      <div ref="fileProcessingLoader" class="loader-wrapper">\n        <div class="loader text-center"></div>\n      </div>\n    </div>\n  ';
+ } else { ;
+__p += '\n    <div class="video-container">\n      <video class="video" autoplay="true" ref="videoPlayer" tabindex="-1"></video>\n    </div>\n    <button class="btn btn-primary" ref="takePictureButton"><i class="' +
+((__t = (ctx.iconClass('camera'))) == null ? '' : __t) +
+'"></i> ' +
+((__t = (ctx.t('Take Picture'))) == null ? '' : __t) +
+'</button>\n    <button class="btn btn-primary" ref="toggleCameraMode">' +
+((__t = (ctx.t('Switch to file upload'))) == null ? '' : __t) +
+'</button>\n  ';
+ } ;
+__p += '\n';
+ } ;
+__p += '\n';
+ if (!ctx.component.storage || ctx.support.hasWarning) { ;
+__p += '\n  <div class="alert alert-warning">\n    ';
+ if (!ctx.component.storage) { ;
+__p += '\n      <p>' +
+((__t = (ctx.t('No storage has been set for this field. File uploads are disabled until storage is set up.'))) == null ? '' : __t) +
+'</p>\n    ';
+ } ;
+__p += '\n    ';
+ if (!ctx.support.filereader) { ;
+__p += '\n      <p>' +
+((__t = (ctx.t('File API & FileReader API not supported.'))) == null ? '' : __t) +
+'</p>\n    ';
+ } ;
+__p += '\n    ';
+ if (!ctx.support.formdata) { ;
+__p += '\n      <p>' +
+((__t = (ctx.t("XHR2's FormData is not supported."))) == null ? '' : __t) +
+'</p>\n    ';
+ } ;
+__p += '\n    ';
+ if (!ctx.support.progress) { ;
+__p += '\n      <p>' +
+((__t = (ctx.t("XHR2's upload progress isn't supported."))) == null ? '' : __t) +
+'</p>\n    ';
+ } ;
+__p += '\n  </div>\n';
+ } ;
+__p += '\n';
+return __p
+}

package/lib/mjs/templates/bootstrapItalia/file/index.d.ts

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

package/lib/mjs/templates/bootstrapItalia/file/index.js

@@ -0,0 +1,2 @@
+import form from './form.ejs';
+export default { form };