@tsed/tailwind-formio 3.0.0-rc.2 → 3.0.0-rc.20

package/dist/templates/tailwind/lucideIconsMapping.js

@@ -68,7 +68,9 @@ const e = {
   reset: "rotate-ccw",
   loader: "loader-circle",
   detail: "file-text",
-  spreadsheet: "file-spreadsheet"
+  spreadsheet: "file-spreadsheet",
+  "sort-up": "arrow-up-narrow-wide",
+  "sort-down": "arrow-down-narrow-wide"
 };
 export {
   e as LucideIconsMapping

package/dist/templates/tailwind/lucideIconsMapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"lucideIconsMapping.js","sources":["../../../src/templates/tailwind/lucideIconsMapping.ts"],"sourcesContent":["export const LucideIconsMapping: Record<string, any> = {\n  remove: \"trash\",\n  \"question-sign\": \"circle-question-mark\",\n  \"new-window\": \"app-window\",\n  \"minus-square-o\": \"square-minus\",\n  cog: \"cog\",\n  move: \"move\",\n  wrench: \"wrench\",\n  save: \"save\",\n  copy: \"copy\",\n  calendar: \"calendar\",\n  file: \"file\",\n  wpforms: \"picture-in-picture-2\",\n  \"files-o\": \"files\",\n  refresh: \"refresh-cw\",\n  indent: \"list-indent-increase\",\n  tasks: \"rows-2\",\n  th: \"grid-3x3\",\n  \"th-list\": \"panel-top-open\",\n  \"folder-open\": \"folder-open\",\n  \"folder-o\": \"folder\",\n  \"user-secret\": \"user-round-x\",\n  table: \"table\",\n  pencil: \"pencil\",\n  code: \"code\",\n  terminal: \"terminal\",\n  home: \"house\",\n  html5: \"file-text\",\n  list: \"list\",\n  usd: \"dollar-sign\",\n  hashtag: \"hash\",\n  tags: \"tags\",\n  at: \"at-sign\",\n  font: \"type\",\n  asterisk: \"asterisk\",\n  plus: \"plus\",\n  \"plus-square\": \"list-check\",\n  \"plus-square-o\": \"square-plus\",\n  \"dot-circle-o\": \"circle-check\",\n  \"phone-square\": \"phone\",\n  \"clock-o\": \"clock\",\n  link: \"link\",\n  columns: \"columns-3\",\n  \"th-large\": \"layout-grid\",\n  \"list-alt\": \"app-window\",\n  \"square-o\": \"square\",\n  cubes: \"boxes\",\n  stop: \"square\",\n  \"check-square\": \"square-check\",\n  \"remove-circle\": \"x\",\n  \"circle-xmark\": \"circle-x\",\n  bars: \"list\",\n  edit: \"square-pen\",\n  time: \"clock\",\n  microphone: \"mic\",\n  video: \"video\",\n  \"times-circle\": \"circle-x\",\n  minus: \"minus\",\n  circle: \"circle\",\n  \"search-plus\": \"zoom-in\",\n  \"search-minus\": \"zoom-out\",\n  \"hand-paper-o\": \"pointer\",\n  undo: \"undo-2\",\n  redo: \"redo-2\",\n  repeat: \"repeat\",\n  data: \"database\",\n  \"paper-plane\": \"send\",\n  reset: \"rotate-ccw\",\n  loader: \"loader-circle\",\n  detail: \"file-text\",\n  spreadsheet: \"file-spreadsheet\"\n};\n"],"names":["LucideIconsMapping"],"mappings":"AAAO,MAAMA,IAA0C;AAAA,EACrD,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AACf;"}
+{"version":3,"file":"lucideIconsMapping.js","sources":["../../../src/templates/tailwind/lucideIconsMapping.ts"],"sourcesContent":["export const LucideIconsMapping: Record<string, any> = {\n  remove: \"trash\",\n  \"question-sign\": \"circle-question-mark\",\n  \"new-window\": \"app-window\",\n  \"minus-square-o\": \"square-minus\",\n  cog: \"cog\",\n  move: \"move\",\n  wrench: \"wrench\",\n  save: \"save\",\n  copy: \"copy\",\n  calendar: \"calendar\",\n  file: \"file\",\n  wpforms: \"picture-in-picture-2\",\n  \"files-o\": \"files\",\n  refresh: \"refresh-cw\",\n  indent: \"list-indent-increase\",\n  tasks: \"rows-2\",\n  th: \"grid-3x3\",\n  \"th-list\": \"panel-top-open\",\n  \"folder-open\": \"folder-open\",\n  \"folder-o\": \"folder\",\n  \"user-secret\": \"user-round-x\",\n  table: \"table\",\n  pencil: \"pencil\",\n  code: \"code\",\n  terminal: \"terminal\",\n  home: \"house\",\n  html5: \"file-text\",\n  list: \"list\",\n  usd: \"dollar-sign\",\n  hashtag: \"hash\",\n  tags: \"tags\",\n  at: \"at-sign\",\n  font: \"type\",\n  asterisk: \"asterisk\",\n  plus: \"plus\",\n  \"plus-square\": \"list-check\",\n  \"plus-square-o\": \"square-plus\",\n  \"dot-circle-o\": \"circle-check\",\n  \"phone-square\": \"phone\",\n  \"clock-o\": \"clock\",\n  link: \"link\",\n  columns: \"columns-3\",\n  \"th-large\": \"layout-grid\",\n  \"list-alt\": \"app-window\",\n  \"square-o\": \"square\",\n  cubes: \"boxes\",\n  stop: \"square\",\n  \"check-square\": \"square-check\",\n  \"remove-circle\": \"x\",\n  \"circle-xmark\": \"circle-x\",\n  bars: \"list\",\n  edit: \"square-pen\",\n  time: \"clock\",\n  microphone: \"mic\",\n  video: \"video\",\n  \"times-circle\": \"circle-x\",\n  minus: \"minus\",\n  circle: \"circle\",\n  \"search-plus\": \"zoom-in\",\n  \"search-minus\": \"zoom-out\",\n  \"hand-paper-o\": \"pointer\",\n  undo: \"undo-2\",\n  redo: \"redo-2\",\n  repeat: \"repeat\",\n  data: \"database\",\n  \"paper-plane\": \"send\",\n  reset: \"rotate-ccw\",\n  loader: \"loader-circle\",\n  detail: \"file-text\",\n  spreadsheet: \"file-spreadsheet\",\n  \"sort-up\": \"arrow-up-narrow-wide\",\n  \"sort-down\": \"arrow-down-narrow-wide\"\n};\n"],"names":["LucideIconsMapping"],"mappings":"AAAO,MAAMA,IAA0C;AAAA,EACrD,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AACf;"}

package/dist/templates/tailwind/tab/index.js

@@ -19,7 +19,7 @@ function t(a) {
 }
 function o(a) {
   var n, l = "";
-  return l += `<div class="card card-tabs { ctx.component.verticalLayout ? ' card-vertical' : ''}}">
+  return l += '<div class="card card-tabs ' + ((n = a.component.verticalLayout ? " card-vertical" : "") == null ? "" : n) + `">
   <div class="card-header card-header-tabs">
     <ul class="nav nav-tabs ` + ((n = a.component.verticalLayout ? " nav-tabs-vertical" : "") == null ? "" : n) + `" role="tablist">
       `, a.component.components.forEach(function(r, e) {
@@ -53,8 +53,8 @@ function o(a) {
 </div>
 `, l;
 }
-const c = { flat: t, form: o };
+const u = { flat: t, form: o };
 export {
-  c as default
+  u as default
 };
 //# sourceMappingURL=index.js.map

package/dist/templates/tailwind/tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/templates/tailwind/tab/flat.ejs","../../../../src/templates/tailwind/tab/form.ejs","../../../../src/templates/tailwind/tab/index.ts"],"sourcesContent":["{% ctx.component.components.forEach(function(tab, index) { %}\n  <div class=\"mb-2 card border\">\n    <div class=\"card-header bg-default\">\n      <h4 class=\"mb-0 card-title\">{{ ctx.t(tab.label, { _userInput: true }) }}</h4>\n    </div>\n    <div\n      class=\"card-body\"\n      ref=\"{{ctx.tabKey}}\"\n    >\n      {{ ctx.tabComponents[index] }}\n    </div>\n  </div>\n{% }) %}\n","<div class=\"card card-tabs { ctx.component.verticalLayout ? ' card-vertical' : ''}}\">\n  <div class=\"card-header card-header-tabs\">\n    <ul class=\"nav nav-tabs {{ ctx.component.verticalLayout ? ' nav-tabs-vertical' : ''}}\" role=\"tablist\">\n      {% ctx.component.components.forEach(function(tab, index) { %}\n      <li class=\"nav-item {{ ctx.currentTab === index ? ' active' : ''}}\" role=\"tab\" ref=\"{{ctx.tabLikey}}\">\n        <a\n                class=\"nav-link{{ ctx.currentTab === index ? ' active' : ''}}{{ ctx.component.verticalLayout ? ' nav-link-vertical' : ''}}\"\n                href=\"#{{tab.key}}\"\n                ref=\"{{ctx.tabLinkKey}}\"\n        >\n          {{ctx.t(tab.label, { _userInput: true })}}\n        </a>\n        <div class=\"nav-border\"></div>\n      </li>\n      {% }) %}\n    </ul>\n  </div>\n  {% ctx.component.components.forEach(function(tab, index) { %}\n  <div\n    role=\"tabpanel\"\n    class=\"card-body tab-pane{{ ctx.currentTab === index ? ' active' : ''}}\"\n    style=\"display: {{ctx.currentTab === index ? 'block' : 'none'}}\"\n    ref=\"{{ctx.tabKey}}\"\n  >\n    {{ctx.tabComponents[index]}}\n  </div>\n  {% }) %}\n</div>\n","import flat from \"./flat.ejs\";\nimport form from \"./form.ejs\";\n\nexport default { flat, form };\n"],"names":["flat","ctx","__t","__p","tab","index","form"],"mappings":"AAAe,SAAAA,EAASC,GAAK;AAC1B,MAACC,GAAKC,IAAM;AAGd,SAAAF,EAAI,UAAU,WAAW,QAAQ,SAASG,GAAKC,GAAO;AACvD,IAAAF,KAAO;AAAA;AAAA;AAAA,wCACLD,IAAQD,EAAI,EAAEG,EAAI,OAAO,EAAE,YAAY,GAAI,CAAE,MAAQ,OAAO,KAAKF,KACnE;AAAA;AAAA;AAAA;AAAA,iBACEA,IAAOD,EAAI,WAAY,OAAO,KAAKC,KACrC;AAAA;AAAA,YACEA,IAAQD,EAAI,cAAcI,CAAK,MAAQ,OAAO,KAAKH,KACrD;AAAA;AAAA;AAAA;AAAA,EACC,CAAC,GACFC,KAAO;AAAA,GACAA;AACP;ACfe,SAAAG,EAASL,GAAK;AAC1B,MAACC,GAAKC,IAAM;AAEf,SAAAA,KAAO;AAAA;AAAA,kCACLD,IAAQD,EAAI,UAAU,iBAAiB,uBAAuB,OAAQ,OAAO,KAAKC,KACpF;AAAA,SACCD,EAAI,UAAU,WAAW,QAAQ,SAASG,GAAKC,GAAO;AACvD,IAAAF,KAAO;AAAA,gCACLD,IAAQD,EAAI,eAAeI,IAAQ,YAAY,OAAQ,OAAO,KAAKH,KACrE,yBACEA,IAAOD,EAAI,aAAc,OAAO,KAAKC,KACvC;AAAA;AAAA,qCACEA,IAAQD,EAAI,eAAeI,IAAQ,YAAY,OAAQ,OAAO,KAAKH,OAEnEA,IAAQD,EAAI,UAAU,iBAAiB,uBAAuB,OAAQ,OAAO,KAAKC,KACpF;AAAA,6BACEA,IAAOE,EAAI,QAAS,OAAO,KAAKF,KAClC;AAAA,2BACEA,IAAOD,EAAI,eAAgB,OAAO,KAAKC,KACzC;AAAA;AAAA,gBACEA,IAAOD,EAAI,EAAEG,EAAI,OAAO,EAAE,YAAY,GAAI,CAAE,MAAO,OAAO,KAAKF,KACjE;AAAA;AAAA;AAAA;AAAA;AAAA,EACC,CAAC,GACFC,KAAO;AAAA;AAAA;AAAA,KACNF,EAAI,UAAU,WAAW,QAAQ,SAASG,GAAKC,GAAO;AACvD,IAAAF,KAAO;AAAA;AAAA;AAAA,mCACLD,IAAQD,EAAI,eAAeI,IAAQ,YAAY,OAAQ,OAAO,KAAKH,KACrE;AAAA,0BACEA,IAAOD,EAAI,eAAeI,IAAQ,UAAU,WAAY,OAAO,KAAKH,KACtE;AAAA,eACEA,IAAOD,EAAI,WAAY,OAAO,KAAKC,KACrC;AAAA;AAAA,UACEA,IAAOD,EAAI,cAAcI,CAAK,MAAO,OAAO,KAAKH,KACnD;AAAA;AAAA;AAAA,EACC,CAAC,GACFC,KAAO;AAAA;AAAA,GACAA;AACP;AClCA,MAAAC,IAAe,EAAE,MAAAJ,GAAM,MAAAM,EAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../src/templates/tailwind/tab/flat.ejs","../../../../src/templates/tailwind/tab/form.ejs","../../../../src/templates/tailwind/tab/index.ts"],"sourcesContent":["{% ctx.component.components.forEach(function(tab, index) { %}\n  <div class=\"mb-2 card border\">\n    <div class=\"card-header bg-default\">\n      <h4 class=\"mb-0 card-title\">{{ ctx.t(tab.label, { _userInput: true }) }}</h4>\n    </div>\n    <div\n      class=\"card-body\"\n      ref=\"{{ctx.tabKey}}\"\n    >\n      {{ ctx.tabComponents[index] }}\n    </div>\n  </div>\n{% }) %}\n","<div class=\"card card-tabs {{ ctx.component.verticalLayout ? ' card-vertical' : ''}}\">\n  <div class=\"card-header card-header-tabs\">\n    <ul class=\"nav nav-tabs {{ ctx.component.verticalLayout ? ' nav-tabs-vertical' : ''}}\" role=\"tablist\">\n      {% ctx.component.components.forEach(function(tab, index) { %}\n      <li class=\"nav-item {{ ctx.currentTab === index ? ' active' : ''}}\" role=\"tab\" ref=\"{{ctx.tabLikey}}\">\n        <a\n                class=\"nav-link{{ ctx.currentTab === index ? ' active' : ''}}{{ ctx.component.verticalLayout ? ' nav-link-vertical' : ''}}\"\n                href=\"#{{tab.key}}\"\n                ref=\"{{ctx.tabLinkKey}}\"\n        >\n          {{ctx.t(tab.label, { _userInput: true })}}\n        </a>\n        <div class=\"nav-border\"></div>\n      </li>\n      {% }) %}\n    </ul>\n  </div>\n  {% ctx.component.components.forEach(function(tab, index) { %}\n  <div\n    role=\"tabpanel\"\n    class=\"card-body tab-pane{{ ctx.currentTab === index ? ' active' : ''}}\"\n    style=\"display: {{ctx.currentTab === index ? 'block' : 'none'}}\"\n    ref=\"{{ctx.tabKey}}\"\n  >\n    {{ctx.tabComponents[index]}}\n  </div>\n  {% }) %}\n</div>\n","import flat from \"./flat.ejs\";\nimport form from \"./form.ejs\";\n\nexport default { flat, form };\n"],"names":["flat","ctx","__t","__p","tab","index","form"],"mappings":"AAAe,SAAAA,EAASC,GAAK;AAC1B,MAACC,GAAKC,IAAM;AAGd,SAAAF,EAAI,UAAU,WAAW,QAAQ,SAASG,GAAKC,GAAO;AACvD,IAAAF,KAAO;AAAA;AAAA;AAAA,wCACLD,IAAQD,EAAI,EAAEG,EAAI,OAAO,EAAE,YAAY,GAAI,CAAE,MAAQ,OAAO,KAAKF,KACnE;AAAA;AAAA;AAAA;AAAA,iBACEA,IAAOD,EAAI,WAAY,OAAO,KAAKC,KACrC;AAAA;AAAA,YACEA,IAAQD,EAAI,cAAcI,CAAK,MAAQ,OAAO,KAAKH,KACrD;AAAA;AAAA;AAAA;AAAA,EACC,CAAC,GACFC,KAAO;AAAA,GACAA;AACP;ACfe,SAAAG,EAASL,GAAK;AAC1B,MAACC,GAAKC,IAAM;AAEf,SAAAA,KAAO,kCACLD,IAAQD,EAAI,UAAU,iBAAiB,mBAAmB,OAAQ,OAAO,KAAKC,KAChF;AAAA;AAAA,kCACEA,IAAQD,EAAI,UAAU,iBAAiB,uBAAuB,OAAQ,OAAO,KAAKC,KACpF;AAAA,SACCD,EAAI,UAAU,WAAW,QAAQ,SAASG,GAAKC,GAAO;AACvD,IAAAF,KAAO;AAAA,gCACLD,IAAQD,EAAI,eAAeI,IAAQ,YAAY,OAAQ,OAAO,KAAKH,KACrE,yBACEA,IAAOD,EAAI,aAAc,OAAO,KAAKC,KACvC;AAAA;AAAA,qCACEA,IAAQD,EAAI,eAAeI,IAAQ,YAAY,OAAQ,OAAO,KAAKH,OAEnEA,IAAQD,EAAI,UAAU,iBAAiB,uBAAuB,OAAQ,OAAO,KAAKC,KACpF;AAAA,6BACEA,IAAOE,EAAI,QAAS,OAAO,KAAKF,KAClC;AAAA,2BACEA,IAAOD,EAAI,eAAgB,OAAO,KAAKC,KACzC;AAAA;AAAA,gBACEA,IAAOD,EAAI,EAAEG,EAAI,OAAO,EAAE,YAAY,GAAI,CAAE,MAAO,OAAO,KAAKF,KACjE;AAAA;AAAA;AAAA;AAAA;AAAA,EACC,CAAC,GACFC,KAAO;AAAA;AAAA;AAAA,KACNF,EAAI,UAAU,WAAW,QAAQ,SAASG,GAAKC,GAAO;AACvD,IAAAF,KAAO;AAAA;AAAA;AAAA,mCACLD,IAAQD,EAAI,eAAeI,IAAQ,YAAY,OAAQ,OAAO,KAAKH,KACrE;AAAA,0BACEA,IAAOD,EAAI,eAAeI,IAAQ,UAAU,WAAY,OAAO,KAAKH,KACtE;AAAA,eACEA,IAAOD,EAAI,WAAY,OAAO,KAAKC,KACrC;AAAA;AAAA,UACEA,IAAOD,EAAI,cAAcI,CAAK,MAAO,OAAO,KAAKH,KACnD;AAAA;AAAA;AAAA,EACC,CAAC,GACFC,KAAO;AAAA;AAAA,GACAA;AACP;ACpCA,MAAAC,IAAe,EAAE,MAAAJ,GAAM,MAAAM,EAAA;"}

package/fonts/inconsolata/index.css

@@ -0,0 +1,27 @@
+
+/* vietnamese */
+@font-face {
+  font-family: 'Inconsolata';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(https://fonts.gstatic.com/s/inconsolata/v16/QldKNThLqRwH-OJ1UHjlKGlW5qhExfHwNJU.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+  font-family: 'Inconsolata';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(https://fonts.gstatic.com/s/inconsolata/v16/QldKNThLqRwH-OJ1UHjlKGlX5qhExfHwNJU.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Inconsolata';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(https://fonts.gstatic.com/s/inconsolata/v16/QldKNThLqRwH-OJ1UHjlKGlZ5qhExfHw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/fonts/source-sans-pro/index.css

@@ -0,0 +1,188 @@
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu3cOWxw.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lujVj9_mf.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lujVj9_mf.woff2) format('woff2');
+    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lujVj9_mf.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lujVj9_mf.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lujVj9_mf.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lujVj9_mf.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 600;
+    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 600;
+    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 600;
+    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 600;
+    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 600;
+    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 600;
+    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRdu3cOWxy40.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 600;
+    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu3cOWxw.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsed/tailwind-formio",
-  "version": "3.0.0-rc.2",
+  "version": "3.0.0-rc.20",
   "description": "Tailwind templates for form.io forms.",
   "type": "module",
   "main": "dist/index.js",
@@ -13,6 +13,7 @@
       "default": "./dist/index.js"
     },
     "./styles/*": "./styles/*",
+    "./fonts/*": "./fonts/*",
     "./tailwind.preset": {
       "types": "./dist/tailwind/preset.d.ts",
       "default": "./dist/tailwind/preset.js"

package/readme.md

@@ -125,8 +125,8 @@ Optionally, you can import fonts and icons:
 ```diff
 @import "@formio/js/dist/formio.full.css";
 @import "./tailwind.css";
-+@import "./fonts/source-sans-pro/index.css";
-+@import "./fonts/inconsolata/index.css";
++@import "@tsed/tailwind-formio/fonts/source-sans-pro/index.css";
++@import "@tsed/tailwind-formio/fonts/inconsolata/index.css";
 +@import "lucide-static/font/lucide.css"; // if you want to use lucide icons (you have to install it)
 +@import "./fonts/bxicons/index.css"; // if you want to use bxicons (you have to install it)
 @import "@tsed/tailwind-formio/styles/index.css";

package/src/templates/tailwind/lucideIconsMapping.ts

@@ -68,5 +68,7 @@ export const LucideIconsMapping: Record<string, any> = {
   reset: "rotate-ccw",
   loader: "loader-circle",
   detail: "file-text",
-  spreadsheet: "file-spreadsheet"
+  spreadsheet: "file-spreadsheet",
+  "sort-up": "arrow-up-narrow-wide",
+  "sort-down": "arrow-down-narrow-wide"
 };

package/src/templates/tailwind/tab/form.ejs

@@ -1,4 +1,4 @@
-<div class="card card-tabs { ctx.component.verticalLayout ? ' card-vertical' : ''}}">
+<div class="card card-tabs {{ ctx.component.verticalLayout ? ' card-vertical' : ''}}">
   <div class="card-header card-header-tabs">
     <ul class="nav nav-tabs {{ ctx.component.verticalLayout ? ' nav-tabs-vertical' : ''}}" role="tablist">
       {% ctx.component.components.forEach(function(tab, index) { %}

package/styles/icon.css

@@ -1,5 +1,5 @@
 .wrapper-icon {
-  line-height: 1;
+  line-height: 0;
   display: inline-block;
 }
 

package/styles/react-select.css

@@ -58,7 +58,9 @@
     .react-select__control {
       min-height: 28px;
     }
-
+    .react-select__placeholder {
+      white-space: nowrap;
+    }
     .react-select__value-container {
       padding-top: 0;
       padding-bottom: 0;

package/styles/tables.css

@@ -33,7 +33,7 @@
     @apply flex items-center justify-center;
 
     > span:first-child {
-      @apply flex-1;
+      @apply flex-1 whitespace-nowrap overflow-hidden text-ellipsis;
     }
   }
 
@@ -99,7 +99,11 @@
 }
 
 .table-group {
-  @apply border-1 border-gray-300 dark:border-gray-700;
+  @apply border-1 border-gray-300 dark:border-gray-700 flex flex-col w-full;
+
+  .table-group-body {
+    @apply overflow-x-auto;
+  }
 
   &.border-top-0 {
     @apply border-t-0;
@@ -112,11 +116,11 @@
     }
   }
 
+  .table-group-footer {
+    @apply overflow-hidden flex flex-wrap;
+  }
+
   .pagination-group {
     @apply border-t-1 border-gray-300 dark:border-gray-700 p-3;
   }
 }
-
-.table-responsive {
-  @apply block w-full overflow-x-auto;
-}