@opencitylabs/bootstrap-italia 0.0.9

package/lib/mjs/templates/bootstrapItalia/iconClass.js

@@ -0,0 +1,135 @@
+export default (iconset, name, spinning) => {
+    let biName = name;
+    switch (name) {
+        case 'cog':
+            biName = 'gear';
+            break;
+        case 'copy':
+            biName = 'back';
+            break;
+        case 'bars':
+            biName = 'list';
+            break;
+        case 'remove':
+            biName = 'trash';
+            break;
+        case 'font':
+            biName = 'type';
+            break;
+        case 'hashtag':
+            biName = 'hash';
+            break;
+        case 'th-list':
+            biName = 'menu-button-wide';
+            break;
+        case 'dot-circle-o':
+            biName = 'ui-radios';
+            break;
+        case 'plus-square-o':
+            biName = 'plus-square';
+            break;
+        case 'minus-square-o':
+            biName = 'dash-square';
+            break;
+        case 'plus-square':
+            biName = 'ui-checks';
+            break;
+        case 'phone-square':
+            biName = 'phone';
+            break;
+        case 'home':
+            biName = 'house';
+            break;
+        case 'clock-o':
+            biName = 'clock';
+            break;
+        case 'usd':
+            biName = 'currency-dollar';
+            break;
+        case 'html5':
+            biName = 'file-richtext';
+            break;
+        case 'pencil-square-o':
+            biName = 'pencil-square';
+            break;
+        case 'columns':
+            biName = 'layout-three-columns';
+            break;
+        case 'list-alt':
+            biName = 'window';
+            break;
+        case 'th-large':
+            biName = 'grid-fill';
+            break;
+        case 'folder-o':
+            biName = 'folder';
+            break;
+        case 'square-o':
+            biName = 'square';
+            break;
+        case 'user-secret':
+            biName = 'person-fill-slash';
+            break;
+        case 'folder-open':
+            biName = 'folder2-open';
+            break;
+        case 'th':
+            biName = 'grid-3x3-gap-fill';
+            break;
+        case 'tasks':
+            biName = 'view-stacked';
+            break;
+        case 'indent':
+            biName = 'text-indent-left';
+            break;
+        case 'refresh':
+            biName = 'arrow-repeat';
+            break;
+        case 'files-o':
+            biName = 'files';
+            break;
+        case 'wpforms':
+            biName = 'window-stack';
+            break;
+        case 'cube':
+            biName = 'box';
+            break;
+        case 'cubes':
+            biName = 'boxes';
+            break;
+        case 'check-square-o':
+            biName = 'check-square';
+            break;
+        case 'plus':
+            biName = 'plus-lg';
+            break;
+        case 'question-sign':
+            biName = 'question-circle';
+            break;
+        case 'remove-circle':
+            biName = 'x-circle';
+            break;
+        case 'new-window':
+            biName = 'window-plus';
+            break;
+        case 'move':
+            biName = 'arrows-move';
+            break;
+        case 'edit':
+            biName = 'pencil';
+            break;
+        case 'time':
+            biName = 'clock';
+            break;
+        case 'video':
+            biName = 'camera-video';
+            break;
+        case 'microphone':
+            biName = 'mic';
+            break;
+        case 'calendar':
+            biName = 'file-break';
+            break;
+    }
+    return spinning ? 'spinner-border spinner-border-sm' : `fa fa-${name} bi bi-${biName}`;
+};

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

@@ -0,0 +1,227 @@
+declare const _default: {
+    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/templates/bootstrapItalia/index.js

@@ -0,0 +1,148 @@
+import address from './address';
+import builder from './builder';
+import builderComponent from './builderComponent';
+import builderComponents from './builderComponents';
+import builderEditForm from './builderEditForm';
+import builderPlaceholder from './builderPlaceholder';
+import builderSidebar from './builderSidebar';
+import builderSidebarGroup from './builderSidebarGroup';
+import builderWizard from './builderWizard';
+import button from './button';
+import checkbox from './checkbox';
+import columns from './columns';
+import component from './component';
+import componentModal from './componentModal';
+import components from './components';
+import tableComponents from './tableComponents';
+import container from './container';
+import datagrid from './datagrid';
+import day from './day';
+import dialog from './dialog';
+import editgrid from './editgrid';
+import editgridTable from './editgridTable';
+import field from './field';
+import fieldset from './fieldset';
+import file from './file';
+import html from './html';
+import icon from './icon';
+import iconClass from './iconClass';
+import input from './input';
+import label from './label';
+import loader from './loader';
+import loading from './loading';
+import map from './map';
+import message from './message';
+import modaldialog from './modaldialog';
+import modaledit from './modaledit';
+import modalPreview from './modalPreview';
+import multipleMasksInput from './multipleMasksInput';
+import multiValueRow from './multiValueRow';
+import multiValueTable from './multiValueTable';
+import panel from './panel';
+import pdf from './pdf';
+import pdfBuilder from './pdfBuilder';
+import pdfBuilderUpload from './pdfBuilderUpload';
+import radio from './radio';
+import resourceAdd from './resourceAdd';
+import select from './select';
+import selectOption from './selectOption';
+import signature from './signature';
+import survey from './survey';
+import tab from './tab';
+import table from './table';
+import tree from './tree';
+import treePartials from './tree/partials';
+import webform from './webform';
+import well from './well';
+import wizard from './wizard';
+import wizardHeader from './wizardHeader';
+import wizardHeaderClassic from './wizardHeaderClassic';
+import wizardHeaderVertical from './wizardHeaderVertical';
+import wizardNav from './wizardNav';
+import cssClasses from './cssClasses';
+import errorsList from './errorsList';
+import alert from './alert';
+export default {
+    transform(type, text, instance) {
+        if (!text) {
+            return text;
+        }
+        switch (type) {
+            case 'class':
+                let additionalClasses = '';
+                if (text === 'form-group') {
+                    additionalClasses = 'mb-2 ';
+                    if (instance && instance.component.block) {
+                        additionalClasses += 'd-grid ';
+                    }
+                }
+                return `${additionalClasses}${this.cssClasses.hasOwnProperty(text.toString()) ? this.cssClasses[text.toString()] : text}`;
+        }
+        return text;
+    },
+    defaultIconset: 'bi',
+    iconClass,
+    cssClasses,
+    address,
+    builder,
+    builderComponent,
+    builderComponents,
+    builderEditForm,
+    builderPlaceholder,
+    builderSidebar,
+    builderSidebarGroup,
+    builderWizard,
+    button,
+    checkbox,
+    columns,
+    component,
+    componentModal,
+    components,
+    tableComponents,
+    container,
+    datagrid,
+    day,
+    dialog,
+    editgrid,
+    editgridTable,
+    field,
+    fieldset,
+    file,
+    html,
+    icon,
+    input,
+    label,
+    loader,
+    loading,
+    map,
+    message,
+    modaledit,
+    modaldialog,
+    modalPreview,
+    multipleMasksInput,
+    multiValueRow,
+    multiValueTable,
+    panel,
+    pdf,
+    pdfBuilder,
+    pdfBuilderUpload,
+    radio,
+    resourceAdd,
+    select,
+    selectOption,
+    signature,
+    survey,
+    tab,
+    table,
+    tree,
+    ...treePartials,
+    webform,
+    well,
+    wizard,
+    wizardHeader,
+    wizardHeaderClassic,
+    wizardHeaderVertical,
+    wizardNav,
+    errorsList,
+    alert
+};

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

@@ -0,0 +1,126 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+
+ if (ctx.prefix || ctx.suffix) { ;
+__p += '\n<div class="input-group">\n  ';
+ } ;
+__p += '\n  ';
+ if (ctx.prefix) { ;
+__p += '\n    <div class="input-group-text" ref="prefix">\n      ';
+ if(ctx.prefix instanceof HTMLElement){ ;
+__p += '\n        ' +
+((__t = ( ctx.t(ctx.prefix.outerHTML, { _userInput: true }) )) == null ? '' : __t) +
+'\n      ';
+ } else{ ;
+__p += '\n        ' +
+((__t = ( ctx.t(ctx.prefix, { _userInput: true }) )) == null ? '' : __t) +
+'\n      ';
+ } ;
+__p += '\n    </div>\n  ';
+ } ;
+__p += '\n  ';
+ if (ctx.options.floatingLabels) { ;
+__p += '\n  <div class="form-floating">\n  ';
+ } ;
+__p += '\n  ';
+ if (!ctx.component.editor && !ctx.component.wysiwyg) { ;
+__p += '\n    <' +
+((__t = (ctx.input.type)) == null ? '' : __t) +
+'\n      ref="' +
+((__t = (ctx.input.ref ? ctx.input.ref : 'input')) == null ? '' : __t) +
+'"\n      ';
+ for (var attr in ctx.input.attr) { ;
+__p += '\n        ' +
+((__t = (attr)) == null ? '' : __t) +
+'="' +
+((__t = (ctx.input.attr[attr])) == null ? '' : __t) +
+'"\n      ';
+ } ;
+__p += '\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) +
+' ';
+ if (ctx.component.description) { ;
+__p += 'd-' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-' +
+((__t = (ctx.component.key)) == null ? '' : __t);
+ } ;
+__p += '"\n      aria-required="' +
+((__t = (ctx.input.ref === 'input' || !ctx.input.ref ? ctx.component.validate.required :
+        ctx.component.fields && ctx.component.fields[ctx.input.ref] && ctx.component.fields[ctx.input.ref].required || false)) == null ? '' : __t) +
+'"\n    >' +
+((__t = (ctx.input.content)) == null ? '' : __t) +
+'</' +
+((__t = (ctx.input.type)) == null ? '' : __t) +
+'>\n    ';
+ if (ctx.options.floatingLabels) { ;
+__p += '\n    <label ref="label" class="col-form-label ' +
+((__t = (ctx.label.className)) == null ? '' : __t) +
+'"\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    >' +
+((__t = ( ctx.t(ctx.component.label, { _userInput: true }) )) == null ? '' : __t) +
+'</label>\n    ';
+ } ;
+__p += '\n    ';
+ if (ctx.hasValueMaskInput) { ;
+__p += '\n      <input ref="valueMaskInput" />\n    ';
+ } ;
+__p += '\n';
+ } ;
+__p += '\n';
+ if (ctx.component.editor || ctx.component.wysiwyg) { ;
+__p += '\n  <div ref="input"></div>\n';
+ } ;
+__p += '\n';
+ if (ctx.component.type === 'datetime') { ;
+__p += '\n<span aria-live="assertive" id="' +
+((__t = (ctx.instance.id)) == null ? '' : __t) +
+'-liveRegion" class="visually-hidden" ref="liveRegion"></span>\n';
+ } ;
+__p += '\n';
+ if (ctx.suffix) { ;
+__p += '\n  <div class="input-group-text" ref="suffix">\n    ';
+ if(ctx.suffix instanceof HTMLElement){ ;
+__p += '\n      ' +
+((__t = ( ctx.t(ctx.suffix.outerHTML, { _userInput: true }) )) == null ? '' : __t) +
+'\n    ';
+ } else{ ;
+__p += '\n      ' +
+((__t = ( ctx.t(ctx.suffix, { _userInput: true }) )) == null ? '' : __t) +
+'\n    ';
+ } ;
+__p += '\n  </div>\n';
+ } ;
+__p += '\n';
+ if (ctx.prefix || ctx.suffix || ctx.options.floatingLabels) { ;
+__p += '\n  </div>\n';
+ } ;
+__p += '\n';
+ if (ctx.component.showCharCount || ctx.component.showWordCount) { ;
+__p += '\n<div class="form-text {{ctx.component.description ? float-end : text-end">\n  ';
+ if (ctx.component.showCharCount) { ;
+__p += '\n  <span class="text-muted" ref="charcount" aria-live="polite"></span>\n  ';
+ } ;
+__p += '\n  ';
+ if (ctx.component.showWordCount) { ;
+__p += '\n  <span class="text-muted" ref="wordcount" aria-live="polite"></span>\n  ';
+ } ;
+__p += '\n</div>\n';
+ } ;
+__p += '\n';
+return __p
+}

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

@@ -0,0 +1,13 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<div ref="value">';
+ if (ctx.value) { ;
+__p +=
+((__t = (ctx.value)) == null ? '' : __t);
+ } else { ;
+__p += '-';
+ } ;
+__p += '</div>\n';
+return __p
+}

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

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

package/lib/mjs/templates/bootstrapItalia/input/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/label/form.ejs.js

@@ -0,0 +1,38 @@
+export default function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+
+ if (ctx.component.type === 'rating' || ctx.component.type === 'toggle' ) { ;
+__p += '\n\n';
+ } else { ;
+__p += '\n<label\n        ref="label"\n        class="col-form-label ' +
+((__t = (ctx.label.className)) == null ? '' : __t) +
+'"\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.t(ctx.component.label, { _userInput: true }) )) == null ? '' : __t) +
+'\n  ';
+ if (ctx.component.type === 'number' || ctx.component.type === 'phoneNumber' || ctx.component.type === 'currency') { ;
+__p += '\n  <span class="visually-hidden">, ' +
+((__t = (ctx.t('numeric only'))) == null ? '' : __t) +
+',</span>\n  ';
+ } ;
+__p += '\n  ';
+ if (ctx.component.tooltip) { ;
+__p += '\n  <i ref="tooltip" tabindex="0" class="' +
+((__t = (ctx.iconClass('question-sign'))) == null ? '' : __t) +
+' text-muted" data-tooltip="' +
+((__t = (ctx.component.tooltip)) == null ? '' : __t) +
+'"></i>\n  ';
+ } ;
+__p += '\n</label>\n';
+ } ;
+__p += '\n';
+return __p
+}

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

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

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

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