chore: adding ApiViewModel class support

api-form-mixin.js

@@ -1,3 +1,4 @@
+import { ApiViewModel } from '@api-components/api-view-model-transformer';
 /**
 @license
 Copyright 2018 The Advanced REST client authors <[email protected]>
@@ -266,31 +267,25 @@ export const ApiFormMixin = (base) => class extends base {
    * `model`.
    *
    * @param {String} binding Value if the `binding` property.
-   * @param {Object} opts Additional options:
-   * - inputLabel {String} - Forces a label of the input
+   * @param {Object=} opts Default options for the ModelItem. See `ApiViewModel`
+   * for the details.
    */
-  addCustom(binding, opts) {
-    if (!opts) {
-      opts = {};
-    }
-    const e = new CustomEvent('api-property-model-build', {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      detail: {
-        name: opts.name || '',
-        value: opts.value || '',
-        binding: binding,
-        schema: {
-          enabled: true,
-          isCustom: true,
-          inputLabel: opts.inputLabel || undefined
-        }
+  addCustom(binding, opts={}) {
+    const { name='', value='', inputLabel } = opts;
+    const defaults = {
+      name,
+      value,
+      binding,
+      schema: {
+        enabled: true,
+        isCustom: true,
+        inputLabel,
       }
-    });
-    this.dispatchEvent(e);
+    };
+    const worker = new ApiViewModel();
+    const item = worker.buildProperty(defaults);
     const model = this.model || [];
-    this.model = [...model, e.detail];
+    this.model = [...model, item];
     this.optionalOpened = true;
   }
   /**

package.json

@@ -28,6 +28,7 @@
     "email": "[email protected]"
   },
   "dependencies": {
+    "@api-components/api-view-model-transformer": "^4.1.0",
     "lit-element": "^2.3.1"
   },
   "devDependencies": {

test/api-form-mixin.test.js

@@ -278,15 +278,6 @@ describe('ApiFormMixin', function() {
       element.addCustom();
       assert.lengthOf(element.model, 2);
     });
-
-    it('Dispatches api-property-model-build event with basic data', (done) => {
-      element.addEventListener('api-property-model-build', (e) => {
-        assert.isTrue(e.cancelable, 'Event is cancelable');
-        assert.typeOf(e.detail, 'object');
-        done();
-      });
-      element.addCustom();
-    });
   });
 
   describe('computeIsOptional()', () => {