Merge pull request #3 from advanced-rest-client/feat/add-data-ids

Feat/add data ids

Author: carowright

.github/workflows/tests.yml

@@ -4,7 +4,7 @@ A module that has a number of helper libraries that are used to build forms in t
 
 [![Published on NPM](https://img.shields.io/npm/v/@api-components/api-forms.svg)](https://www.npmjs.com/package/@advanced-rest-client/api-forms)
 
-[![Build Status](https://travis-ci.com/advanced-rest-client/api-forms.svg)](https://travis-ci.com/advanced-rest-client/api-forms)
+[![Tests and publishing](https://github.com/advanced-rest-client/api-forms/actions/workflows/deployment.yml/badge.svg)](https://github.com/advanced-rest-client/api-forms/actions/workflows/deployment.yml)
 
 ## Usage
 

README.md

@@ -1,7 +1,7 @@
 {
   "name": "@api-components/api-forms",
   "description": "A library containing helper classes to compute API data from the AMF web API model.",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "license": "Apache-2.0",
   "main": "index.js",
   "module": "index.js",

package-lock.json

@@ -474,7 +474,7 @@ export class ApiFormItemElement extends ValidatableMixin(LitElement) {
   }
 
   render() {
-    const { readOnly, disabled, _isEnum, _isBoolean, _isInput, _isArray, _isNillable } = this;
+    const { readOnly, disabled, _isEnum, _isBoolean, _isInput, _isArray, _isNillable, name } = this;
     return html`
     <style>${this.styles}</style>
     <div class="content">
@@ -486,6 +486,7 @@ export class ApiFormItemElement extends ValidatableMixin(LitElement) {
       ${_isNillable ? html`<anypoint-checkbox
         ?disabled="${readOnly || disabled}"
         class="nil-option"
+        data-form-item-name="${name}"
         @checked-changed="${this._nillableChanged}">Nil</anypoint-checkbox>` : undefined}
     </div>`;
   }
@@ -504,6 +505,7 @@ export class ApiFormItemElement extends ValidatableMixin(LitElement) {
       ?disabled="${readOnly || disabled || _nilEnabled}"
       ?outlined="${outlined}"
       ?compatibility="${compatibility}"
+      data-form-item-name="${name}"
     >
       <label slot="label">${schema.inputLabel}</label>
       <anypoint-listbox
@@ -535,6 +537,7 @@ export class ApiFormItemElement extends ValidatableMixin(LitElement) {
       ?disabled="${readOnly || disabled || _nilEnabled}"
       ?outlined="${outlined}"
       ?compatibility="${compatibility}"
+      data-form-item-name="${name}"
     >
       <label slot="label">${schema.inputLabel}</label>
       <anypoint-listbox
@@ -602,6 +605,7 @@ export class ApiFormItemElement extends ValidatableMixin(LitElement) {
       invalidMessage="${`${name} is invalid. Check documentation.`}"
       .infoMessage="${_valueWarningMessage}"
       .step="${step}"
+      data-form-item-name="${name}"
     >
       <label slot="label">${schema.inputLabel}</label>
     </anypoint-input>`;
@@ -641,6 +645,7 @@ export class ApiFormItemElement extends ValidatableMixin(LitElement) {
         ?compatibility="${compatibility}"
         data-type="array"
         data-index="${index}"
+        data-form-item-name="${name}"
         @input="${this._arrayValueHandler}"
         invalidMessage="${`${name} is invalid. Check documentation.`}"
         .infoMessage="${warningMessage}"