@vaadin/form-layout 22.0.12 → 22.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/form-layout",
-  "version": "22.0.12",
+  "version": "22.0.15",
   "publishConfig": {
     "access": "public"
   },
@@ -34,16 +34,16 @@
   "dependencies": {
     "@polymer/iron-resizable-behavior": "^3.0.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "^22.0.12",
-    "@vaadin/vaadin-lumo-styles": "^22.0.12",
-    "@vaadin/vaadin-material-styles": "^22.0.12",
-    "@vaadin/vaadin-themable-mixin": "^22.0.12"
+    "@vaadin/component-base": "^22.0.15",
+    "@vaadin/vaadin-lumo-styles": "^22.0.15",
+    "@vaadin/vaadin-material-styles": "^22.0.15",
+    "@vaadin/vaadin-themable-mixin": "^22.0.15"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
-    "@vaadin/text-field": "^22.0.12",
+    "@vaadin/text-field": "^22.0.15",
     "sinon": "^9.2.1"
   },
-  "gitHead": "ba1b2b04365d6cc9d5c05376b6d1f1402bc314ec"
+  "gitHead": "bba021b56ba45da93d2bb980242956ad929ecfe2"
 }

package/src/vaadin-form-item.js

@@ -163,7 +163,7 @@ class FormItem extends ThemableMixin(PolymerElement) {
   _onLabelClick() {
     const firstContentElementChild = Array.prototype.find.call(
       this.$.contentSlot.assignedNodes(),
-      (e) => e.nodeType === Node.ELEMENT_NODE
+      (e) => e.nodeType === Node.ELEMENT_NODE,
     );
     if (firstContentElementChild) {
       firstContentElementChild.focus();

package/src/vaadin-form-layout.js

@@ -218,10 +218,10 @@ class FormLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizabl
           return [
             { minWidth: 0, columns: 1, labelsPosition: 'top' },
             { minWidth: '20em', columns: 1 },
-            { minWidth: '40em', columns: 2 }
+            { minWidth: '40em', columns: 2 },
           ];
         },
-        observer: '_responsiveStepsChanged'
+        observer: '_responsiveStepsChanged',
       },
 
       /**
@@ -229,7 +229,7 @@ class FormLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizabl
        * @private
        */
       _columnCount: {
-        type: Number
+        type: Number,
       },
 
       /**
@@ -237,8 +237,8 @@ class FormLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizabl
        * @private
        */
       _labelsOnTop: {
-        type: Boolean
-      }
+        type: Boolean,
+      },
     };
   }
 
@@ -316,7 +316,7 @@ class FormLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizabl
   _getObservableNodes(nodeList) {
     const ignore = ['template', 'style', 'dom-repeat', 'dom-if'];
     return Array.from(nodeList).filter(
-      (node) => node.nodeType === Node.ELEMENT_NODE && ignore.indexOf(node.localName.toLowerCase()) === -1
+      (node) => node.nodeType === Node.ELEMENT_NODE && ignore.indexOf(node.localName.toLowerCase()) === -1,
     );
   }
 
@@ -378,7 +378,7 @@ class FormLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizabl
 
         if (step.labelsPosition !== undefined && ['aside', 'top'].indexOf(step.labelsPosition) === -1) {
           throw new Error(
-            `Invalid 'labelsPosition' value of ${step.labelsPosition}, 'aside' or 'top' string is required.`
+            `Invalid 'labelsPosition' value of ${step.labelsPosition}, 'aside' or 'top' string is required.`,
           );
         }
       });
@@ -391,7 +391,7 @@ class FormLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizabl
         this.responsiveSteps = [
           { minWidth: 0, columns: 1, labelsPosition: 'top' },
           { minWidth: '20em', columns: 1 },
-          { minWidth: '40em', columns: 2 }
+          { minWidth: '40em', columns: 2 },
         ];
       }
     }
@@ -507,7 +507,7 @@ class FormLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizabl
           const colspanRatio = (this._columnCount - col - colspan) / this._columnCount;
           child.style.setProperty(
             marginEndProp,
-            `calc(${colspanRatio * containerWidth}px + ${colspanRatio} * ${columnSpacing})`
+            `calc(${colspanRatio * containerWidth}px + ${colspanRatio} * ${columnSpacing})`,
           );
         } else {
           child.style.removeProperty(marginEndProp);

package/theme/lumo/vaadin-form-item-styles.js

@@ -24,5 +24,5 @@ registerStyles(
       line-height: 1.333;
     }
   `,
-  { moduleId: 'lumo-form-item' }
+  { moduleId: 'lumo-form-item' },
 );

package/theme/lumo/vaadin-form-layout-styles.js

@@ -8,5 +8,5 @@ registerStyles(
       --vaadin-form-layout-column-spacing: var(--lumo-space-l);
     }
   `,
-  { moduleId: 'lumo-form-layout' }
+  { moduleId: 'lumo-form-layout' },
 );

package/theme/material/vaadin-form-item-styles.js

@@ -15,5 +15,5 @@ registerStyles(
       margin-bottom: 8px;
     }
   `,
-  { moduleId: 'material-form-item' }
+  { moduleId: 'material-form-item' },
 );