@formio/bootstrap - npm Package Compare versions

Comparing version 3.0.0-rc.21 to 3.0.0-rc.21-dev.90.e1f0b93

lib/cjs/templates/bootstrap5/input/form.ejs.js

@@ -26,2 +26,6 @@ Object.defineProperty(exports, "__esModule", {
 __p += '\n  ';
+ if (ctx.options.floatingLabels) { ;
+__p += '\n  <div class="form-floating">\n  ';
+ } ;
+__p += '\n  ';
  if (!ctx.component.editor && !ctx.component.wysiwyg) { ;
@@ -63,2 +67,18 @@ __p += '\n    <' +
 '>\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) { ;
@@ -94,3 +114,3 @@ __p += '\n      <input ref="valueMaskInput" />\n    ';
 __p += '\n';
- if (ctx.prefix || ctx.suffix) { ;
+ if (ctx.prefix || ctx.suffix || ctx.options.floatingLabels) { ;
 __p += '\n  </div>\n';
@@ -97,0 +117,0 @@ } ;

lib/mjs/templates/bootstrap5/input/form.ejs.js

@@ -23,2 +23,6 @@ export default function(ctx) {
 __p += '\n  ';
+ if (ctx.options.floatingLabels) { ;
+__p += '\n  <div class="form-floating">\n  ';
+ } ;
+__p += '\n  ';
  if (!ctx.component.editor && !ctx.component.wysiwyg) { ;
@@ -60,2 +64,18 @@ __p += '\n    <' +
 '>\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) { ;
@@ -91,3 +111,3 @@ __p += '\n      <input ref="valueMaskInput" />\n    ';
 __p += '\n';
- if (ctx.prefix || ctx.suffix) { ;
+ if (ctx.prefix || ctx.suffix || ctx.options.floatingLabels) { ;
 __p += '\n  </div>\n';
@@ -94,0 +114,0 @@ } ;

package.json

 {
   "name": "@formio/bootstrap",
-  "version": "3.0.0-rc.21",
+  "version": "3.0.0-rc.21-dev.90.e1f0b93",
   "description": "Bootstrap templates for Form.io forms",
@@ -5,0 +5,0 @@ "main": "lib/cjs/bootstrap5.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

915021

increased by0.2%

Lines of code

20462

increased by0.2%

Worsened metrics

Number of medium maintenance alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes