formiojs-eorion 0.1.0 → 0.1.2

package/dist/formio.min.js.LICENSE.txt

@@ -17,7 +17,7 @@
     MIT License: http://getify.mit-license.org
 */
 
-/*! formiojs v0.1.0 | https://unpkg.com/formiojs@0.1.0/LICENSE.txt */
+/*! formiojs v0.1.2 | https://unpkg.com/formiojs@0.1.2/LICENSE.txt */
 
 /**
  * @license

package/dist/formio.utils.min.js.LICENSE.txt

@@ -17,7 +17,7 @@
     MIT License: http://getify.mit-license.org
 */
 
-/*! formiojs v0.1.0 | https://unpkg.com/formiojs@0.1.0/LICENSE.txt */
+/*! formiojs v0.1.2 | https://unpkg.com/formiojs@0.1.2/LICENSE.txt */
 
 /**
  * @license

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "formiojs-eorion",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Common js library for client side interaction with <form.io>",
   "main": "index.js",
   "types": "index.d.ts",

package/templates/bootstrap/customTab/flat.ejs.js

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default=function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+
+ ctx.component.components.forEach(function(tab, index) { ;
+__p += '\n  <div class="mb-2 card border">\n    <div class="card-header bg-default">\n      <h4 class="mb-0 card-title">' +
+((__t = ( ctx.t(tab.label, { _userInput: true }) )) == null ? '' : __t) +
+'</h4>\n    </div>\n    <div\n      class="card-body"\n      ref="' +
+((__t = (ctx.tabKey)) == null ? '' : __t) +
+'"\n    >\n      ' +
+((__t = ( ctx.tabComponents[index] )) == null ? '' : __t) +
+'\n    </div>\n  </div>\n';
+ }) ;
+__p += '\n';
+return __p
+}

package/templates/bootstrap/customTab/form.ejs.js

@@ -0,0 +1,41 @@
+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 style="width: 100%;">\n    ';
+ if (!ctx.component['hideHeader']) { ;
+__p += '\n    <div class="tab-header" style="background-color: ' +
+((__t = (ctx.component['headerBackgroundColor'])) == null ? '' : __t) +
+';padding: 10px 15px">\n        <div style="display: flex;flex-direction: row;width: 100%;justify-content: ' +
+((__t = (ctx.component['headerAlign'])) == null ? '' : __t) +
+';gap: 10px">\n            ';
+ ctx.component.components.forEach(function(tab, index) { ;
+__p += '\n            <div class="tab-item ' +
+((__t = ( ctx.currentTab === index ? ' active' : '')) == null ? '' : __t) +
+'" ref="' +
+((__t = (ctx.tabLinkKey)) == null ? '' : __t) +
+'">' +
+((__t = (ctx.t(tab.label, { _userInput: true }))) == null ? '' : __t) +
+'</div>\n            ';
+ }) ;
+__p += '\n        </div>\n        <span\n                class="tab-line"\n                ref="tabLine"\n                style="width: 46px; transform: translateX(77px);background: ' +
+((__t = (ctx.component['headerColor'])) == null ? '' : __t) +
+'"\n        ></span>\n    </div>\n    ';
+ } ;
+__p += '\n    ';
+ ctx.component.components.forEach(function(tab, index) { ;
+__p += '\n    <div\n            role="tabpanel"\n            class="tab-pane' +
+((__t = ( ctx.currentTab === index ? ' active' : '')) == null ? '' : __t) +
+'"\n            style="display: ' +
+((__t = (ctx.currentTab === index ? 'block' : 'none')) == null ? '' : __t) +
+'"\n            ref="' +
+((__t = (ctx.tabKey)) == null ? '' : __t) +
+'"\n    >\n        ' +
+((__t = (ctx.tabComponents[index])) == null ? '' : __t) +
+'\n    </div>\n    ';
+ }) ;
+__p += '\n</div>\n';
+return __p
+}

package/templates/bootstrap/customTab/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _flat = _interopRequireDefault(require("./flat.ejs"));
+var _form = _interopRequireDefault(require("./form.ejs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  flat: _flat.default,
+  form: _form.default
+};
+exports.default = _default;

package/templates/bootstrap/dataChinaGrid/form.ejs.js

@@ -0,0 +1,61 @@
+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="data-container ' +
+((__t = ((ctx.component.type||'').toLowerCase())) == null ? '' : __t) +
+'"\n     ref="dataContainer"\n     style="cursor:' +
+((__t = (ctx.component['click-event-type']?'pointer':'default')) == null ? '' : __t) +
+';\n     border-radius: 6px;\n     background-color: ' +
+((__t = (ctx.component.bgColor||'#ffffff')) == null ? '' : __t) +
+';\n     border: 1px solid #E6E4E6;padding: 16px;display: flex;flex-direction: column;height: 100%;">\n    <div style="display: flex;flex-direction: row;justify-content: ' +
+((__t = (ctx.component['title-align']||'center')) == null ? '' : __t) +
+';margin-bottom: 15px;">\n        <div class="title-container"\n             style="color: ' +
+((__t = ( ctx.component['title-color']||'#312651' )) == null ? '' : __t) +
+';font-size: ' +
+((__t = (ctx.component['title-font-size']||'10px')) == null ? '' : __t) +
+';font-weight: ' +
+((__t = (ctx.component['title-font-weight']||'bold')) == null ? '' : __t) +
+';">\n        </div>\n    </div>\n    <div class="value-container"\n         style="display: flex;flex-direction: row;justify-content: ' +
+((__t = (ctx.component['value-align']||'center')) == null ? '' : __t) +
+';color: ' +
+((__t = (ctx.component['value-color']||'#000000')) == null ? '' : __t) +
+';font-size: ' +
+((__t = (ctx.component['value-size']||'#000000')) == null ? '' : __t) +
+';align-items: baseline;margin-bottom: 8px;font-weight: ' +
+((__t = (ctx.component['value-font-weight'])) == null ? '' : __t) +
+';">\n    </div>\n    <div style="display: flex;flex-direction: row;justify-content: ' +
+((__t = (ctx.component['footer-align']||'center')) == null ? '' : __t) +
+'">\n        <div style="display: flex;flex-direction: row;flex: 1;width: 0;justify-content: ' +
+((__t = (ctx.component['footer-align']||'center')) == null ? '' : __t) +
+';color: ' +
+((__t = (ctx.component['footer-color']||'#000000')) == null ? '' : __t) +
+';font-size: ' +
+((__t = (ctx.component['footer-size']||'#000000')) == null ? '' : __t) +
+';align-items: baseline">\n            <div class="footer-container-value1"></div>\n            <div class="footer-container-value2" style="margin-left: 5px;margin-right: 5px"></div>\n            ';
+ if (ctx.component['footer-content3']) { ;
+__p += '\n                ';
+ if (ctx.component['footer-content3-style']=='text') { ;
+__p += '\n                    <div class="footer-container-value3" style="color: ' +
+((__t = (ctx.component['footer-content3-color'])) == null ? '' : __t) +
+';">\n                    </div>\n                ';
+ } else { ;
+__p += '\n                    <div class="footer-container-value3" style="border: 1px solid ' +
+((__t = (ctx.component['footer-content3-color'])) == null ? '' : __t) +
+';color: ' +
+((__t = (ctx.component['footer-content3-color'])) == null ? '' : __t) +
+';border-radius: ' +
+((__t = (ctx.component['footer-content3-radius']||'10px')) == null ? '' : __t) +
+';text-align: center;padding-left: 10px;padding-right: 10px">\n                    </div>\n                ';
+ } ;
+__p += '\n            ';
+ } ;
+__p += '\n        </div>\n        ';
+ if (ctx.component['enable-sparkline']) { ;
+__p += '\n        <div style="display: flex;flex-direction: column;justify-content: end">\n            <div class="sparkline-container"\n                 style="z-index: 0;margin-top: auto;width: fit-content;"></div>\n        </div>\n        ';
+ } ;
+__p += '\n    </div>\n</div>\n';
+return __p
+}

package/templates/bootstrap/dataChinaGrid/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _form = _interopRequireDefault(require("./form.ejs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  form: _form.default
+};
+exports.default = _default;

package/templates/bootstrap/dataChinaGridRow/form.ejs.js

@@ -0,0 +1,63 @@
+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="data-container ' +
+((__t = ((ctx.component.type||'').toLowerCase())) == null ? '' : __t) +
+'"\n     ref="dataContainer"\n     style="cursor:' +
+((__t = (ctx.component['click-event-type']?'pointer':'default')) == null ? '' : __t) +
+';\n     border-radius: 6px;\n     background-color: ' +
+((__t = (ctx.component.bgColor||'#ffffff')) == null ? '' : __t) +
+';\n     border: 1px solid #E6E4E6;padding: 16px;display: flex;flex-direction: row;height: 100%;align-items: end">\n\n    <div style="display: flex;flex-direction: column;height: 100%;flex: 1;width: 0">\n        <div style="display: flex;flex-direction: row;justify-content: ' +
+((__t = (ctx.component['title-align']||'center')) == null ? '' : __t) +
+';margin-bottom: 15px;">\n            <div class="title-container"\n                 style="color: ' +
+((__t = ( ctx.component['title-color']||'#312651' )) == null ? '' : __t) +
+';font-size: ' +
+((__t = (ctx.component['title-font-size']||'10px')) == null ? '' : __t) +
+';font-weight: ' +
+((__t = (ctx.component['title-font-weight']||'bold')) == null ? '' : __t) +
+';">\n            </div>\n        </div>\n        <div class="value-container"\n             style="display: flex;flex-direction: row;justify-content: ' +
+((__t = (ctx.component['value-align']||'center')) == null ? '' : __t) +
+';color: ' +
+((__t = (ctx.component['value-color']||'#000000')) == null ? '' : __t) +
+';margin-bottom: 8px;font-size: ' +
+((__t = (ctx.component['value-size']||'#000000')) == null ? '' : __t) +
+';align-items: baseline;font-weight: ' +
+((__t = (ctx.component['value-font-weight'])) == null ? '' : __t) +
+';">\n        </div>\n        <div style="display: flex;flex-direction: row;justify-content: ' +
+((__t = (ctx.component['footer-align']||'center')) == null ? '' : __t) +
+'">\n            <div style="display: flex;flex-direction: row;flex: 1;width: 0;justify-content: ' +
+((__t = (ctx.component['footer-align']||'center')) == null ? '' : __t) +
+';color: ' +
+((__t = (ctx.component['footer-color']||'#000000')) == null ? '' : __t) +
+';font-size: ' +
+((__t = (ctx.component['footer-size']||'#000000')) == null ? '' : __t) +
+';align-items: baseline">\n                <div class="footer-container-value1"></div>\n                <div class="footer-container-value2" style="margin-left: 5px;margin-right: 5px"></div>\n                ';
+ if (ctx.component['footer-content3']) { ;
+__p += '\n                ';
+ if (ctx.component['footer-content3-style']=='text') { ;
+__p += '\n                <div class="footer-container-value3" style="color: ' +
+((__t = (ctx.component['footer-content3-color'])) == null ? '' : __t) +
+';">\n                </div>\n                ';
+ } else { ;
+__p += '\n                <div class="footer-container-value3" style="border: 1px solid ' +
+((__t = (ctx.component['footer-content3-color'])) == null ? '' : __t) +
+';color: ' +
+((__t = (ctx.component['footer-content3-color'])) == null ? '' : __t) +
+';border-radius: ' +
+((__t = (ctx.component['footer-content3-radius']||'10px')) == null ? '' : __t) +
+';text-align: center;padding-left: 10px;padding-right: 10px">\n                </div>\n                ';
+ } ;
+__p += '\n                ';
+ } ;
+__p += '\n            </div>\n        </div>\n    </div>\n\n    ';
+ if (ctx.component['enable-sparkline']) { ;
+__p += '\n    <div id="sparkline-container-parent" style="flex: ' +
+((__t = ( ctx.component['sparkLine-flex-width'] )) == null ? '' : __t) +
+';width: 0;height: 100%;display: flex;justify-content: end;flex-direction: row">\n        <div class="sparkline-container"\n             style="z-index: 0;margin-top: auto;width: fit-content;"></div>\n    </div>\n    ';
+ } ;
+__p += '\n\n</div>\n';
+return __p
+}

package/templates/bootstrap/dataChinaGridRow/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _form = _interopRequireDefault(require("./form.ejs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  form: _form.default
+};
+exports.default = _default;

package/templates/bootstrap/flex/form.ejs.js

@@ -4,15 +4,39 @@ Object.defineProperty(exports, "__esModule", {
 exports.default=function(ctx) {
 var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
-__p += '<div class="flex-container"\n     style="display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;min-height: 11rem;gap: 10px">\n    ';
+__p += '<div class="flex-container"\n     style="display: flex;flex-direction: row;\n     flex-wrap: ' +
+((__t = ( ctx.component['flex-wrap']?'wrap':'nowrap' )) == null ? '' : __t) +
+';\n     width: 100%;\n     overflow-x: ' +
+((__t = ( ctx.component['flex-scrollable']?'auto':'hidden' )) == null ? '' : __t) +
+';\n     min-height: ' +
+((__t = ( ctx.component['column-height']||10 )) == null ? '' : __t) +
+'rem;gap: 10px">\n    ';
  ctx.component.columns.forEach(function(column, index) { ;
+__p += '\n    ';
+ if (!ctx.component['flex-wrap'] && !ctx.component['flex-scrollable']) { ;
 __p += '\n    <div ref="' +
 ((__t = (ctx.columnKey)) == null ? '' : __t) +
-'"\n         class="flex-child-container"\n         style="height:11rem;width:' +
-((__t = ( column['ratio']=='1'?'13':'22' )) == null ? '' : __t) +
+'"\n         class="flex-child-container"\n         style="height:' +
+((__t = ( ctx.component['column-height'] || 10)) == null ? '' : __t) +
+'rem;\n                flex: ' +
+((__t = ( column['ratio']=='1'?1:2 )) == null ? '' : __t) +
+';\n                width:0">\n        ' +
+((__t = (ctx.columnComponents[index])) == null ? '' : __t) +
+'\n    </div>\n    ';
+ } ;
+__p += '\n    ';
+ if(ctx.component['flex-wrap'] || ctx.component['flex-scrollable']){ ;
+__p += '\n    <div ref="' +
+((__t = (ctx.columnKey)) == null ? '' : __t) +
+'"\n         class="flex-child-container"\n         style="height:' +
+((__t = ( ctx.component['column-height'] || 10)) == null ? '' : __t) +
+'rem;\n                width:' +
+((__t = ( column['ratio']=='1'? ctx.component['column-height']:ctx.component['column-height']*2 )) == null ? '' : __t) +
 'rem">\n        ' +
 ((__t = (ctx.columnComponents[index])) == null ? '' : __t) +
 '\n    </div>\n    ';
+ } ;
+__p += '\n    ';
  }) ;
 __p += '\n</div>\n\n';
 return __p

package/templates/bootstrap/index.js

@@ -79,6 +79,9 @@ var _newsData = _interopRequireDefault(require("./newsData"));
 var _qrCode = _interopRequireDefault(require("./qrCode"));
 var _fileDownload = _interopRequireDefault(require("./fileDownload"));
 var _customMap = _interopRequireDefault(require("./customMap"));
+var _dataChinaGrid = _interopRequireDefault(require("./dataChinaGrid"));
+var _dataChinaGridRow = _interopRequireDefault(require("./dataChinaGridRow"));
+var _customTab = _interopRequireDefault(require("./customTab"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   transform: function transform(type, text) {
@@ -165,6 +168,9 @@ var _default = {
   qrCode: _qrCode.default,
   actionButton: _button.default,
   fileDownload: _fileDownload.default,
-  customMap: _customMap.default
+  customMap: _customMap.default,
+  dataChinaGrid: _dataChinaGrid.default,
+  dataChinaGridRow: _dataChinaGridRow.default,
+  customTab: _customTab.default
 };
 exports.default = _default;