@gravitee/ui-components 3.25.2 → 3.25.3-typescript-5a46c7d

package/src/organisms/gv-schema-form-array.js

@@ -1,140 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { css, html, LitElement } from 'lit';
-import { canInline } from '../lib/schema-form';
-import { dispatchCustomEvent } from '../lib/events';
-import { classMap } from 'lit/directives/class-map';
-import { skeleton } from '../styles/skeleton';
-import { UpdateAfterBrowser } from '../mixins/update-after-browser';
-/**
- * Schema form array component
- *
- */
-
-export class GvSchemaFormArray extends UpdateAfterBrowser(LitElement) {
-  static get properties() {
-    return {
-      schema: {
-        type: Object
-      },
-      value: {
-        type: Array
-      },
-      id: {
-        type: String,
-        reflect: true
-      },
-      title: {
-        type: String,
-        reflect: true
-      },
-      description: {
-        type: String
-      },
-      skeleton: {
-        type: Boolean,
-        reflect: true
-      },
-      errors: {
-        type: Array
-      },
-      readonly: {
-        type: Boolean,
-        reflect: true
-      }
-    };
-  }
-
-  constructor() {
-    super();
-    this.value = [];
-  }
-
-  _onNew() {
-    const newValue = this.schema.type === 'object' ? {} : '';
-    this.value = [...this.value, newValue];
-    dispatchCustomEvent(this, 'input', this.value);
-  }
-
-  _onRemove(index) {
-    this.value.splice(index, 1, null);
-    this.value = this.value.filter(e => e != null);
-    dispatchCustomEvent(this, 'input', this.value);
-  }
-
-  _renderValue(value, index) {
-    const isRequired = this.schema.required;
-    const isDisabled = this.schema.disabled;
-    const id = `${this.id}.${index}`;
-    const control = { ...this.schema,
-      title: null
-    };
-    const isInline = canInline(this.schema);
-    const classes = {
-      form__item: true,
-      form__item_cards: !isInline
-    };
-    return html`<div class="${classMap(classes)}" @mouseleave="${this._onMouseLeave}"> ${!isInline ? html`<div class="${classMap({
-      'form__item-label': true,
-      skeleton: this.skeleton
-    })}"> <label>${this.schema.title}</label> ${this.readonly !== true ? html`<gv-button link small @gv-button:click="${this._onRemove.bind(this, index)}" icon="general:close" title="Remove"></gv-button>` : ''} </div>` : ''} <div class="form__item_entry"> <gv-schema-form-control .id="${id}" .skeleton="${this.skeleton}" .control="${control}" .value="${value}" ?required="${isRequired}" ?disabled="${isDisabled}" ?readonly="${this.readonly}" compact="compact"></gv-schema-form-control> ${!isInline ? '' : html`<gv-button link small @gv-button:click="${this._onRemove.bind(this, index)}" icon="general:close" title="Remove"></gv-button>`} </div> </div> `;
-  }
-
-  _onMouseLeave() {
-    const select = this.shadowRoot.querySelectorAll(`gv-select`);
-    select.forEach(s => s.close());
-  }
-
-  getControls() {
-    return [...Array.from(this.shadowRoot.querySelectorAll('gv-schema-form-control')), ...Array.from(this.shadowRoot.querySelectorAll('gv-schema-form-control-array')), ...Array.from(this.shadowRoot.querySelectorAll('gv-schema-form-control-object'))];
-  }
-
-  getControl(id) {
-    return this.shadowRoot.querySelector(`[id="${id}"]`);
-  }
-
-  async getUpdateComplete() {
-    await super.getUpdateComplete();
-    await Promise.all(this.getControls().map(e => e.updateComplete));
-  }
-
-  shouldUpdate(changedProperties) {
-    if (changedProperties.has('errors')) {
-      this.getControls().forEach(control => {
-        control.errors = this.errors;
-      });
-    }
-
-    return super.shouldUpdate(changedProperties);
-  }
-
-  render() {
-    if (this.schema == null) {
-      return html``;
-    }
-
-    const open = this.schema['x-schema-form'] == null || this.schema['x-schema-form'].open !== false;
-    return html`<gv-expandable class="form__control-array" ?open="${open}"> <div slot="summary" class="form__item-group-header"> <div class="form__item-group-title"> <label><span>${this.title || this.id}</span><span class="form__item-length">(${this.value.length})</span></label> ${this.description ? html`<div class="description">${this.description}</div>` : ''} </div> ${this.readonly !== true ? html`<gv-button outlined small icon="code:plus" @gv-button:click="${this._onNew}">New ${this.schema.title}</gv-button>` : ''} </div> <div class="form__item-group" id="${this.id}" slot="details"> ${this.value != null && Array.isArray(this.value) ? this.value.map((value, index) => this._renderValue(value, index)) : ''} </div> </gv-expandable>`;
-  }
-
-  static get styles() {
-    return [skeleton, // language=CSS
-    css`.form__item-length{font-size:12px;color:#bfbfbf;margin:0 .2rem}.form__item-group{position:relative;transition:all .3s ease-in-out}.form__item_cards form__item-group:hover{background-color:#efefef}.form__item-group-header{display:flex;flex:1;align-items:center;transition:all .3s ease-in-out;background-color:var(--gv-schema-form--bgc,#fff)}.form__item-group-header label{flex:1;margin:0}.form__item-group-title{display:flex;flex-direction:column;flex:1}.description{opacity:.6;font-size:var(--gv-theme-font-size-s,12px)}.form__item_cards{border:1px solid #d9d9d9;border-radius:4px;margin:.5rem;background-color:#fff;transition:all .3s ease-in-out;z-index:50}.form__item_cards:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #bfbfbf;z-index:60}.form__item_entry{display:flex}.form__item_entry gv-schema-form-control{flex:1}.form__item-label{font-style:italic;display:flex;flex-direction:row;border-bottom:1px solid #d9d9d9;padding:.5rem}.form__item-label>label{flex:1}.form__item .form_control-inline>*{margin-left:0}.form__item .form_control-inline>:first-child{margin-left:.5rem}`];
-  }
-
-}
-window.customElements.define('gv-schema-form-array', GvSchemaFormArray);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL29yZ2FuaXNtcy9ndi1zY2hlbWEtZm9ybS1hcnJheS5qcyJdLCJuYW1lcyI6WyJjc3MiLCJodG1sIiwiTGl0RWxlbWVudCIsImNhbklubGluZSIsImRpc3BhdGNoQ3VzdG9tRXZlbnQiLCJjbGFzc01hcCIsInNrZWxldG9uIiwiVXBkYXRlQWZ0ZXJCcm93c2VyIiwiR3ZTY2hlbWFGb3JtQXJyYXkiLCJwcm9wZXJ0aWVzIiwic2NoZW1hIiwidHlwZSIsIk9iamVjdCIsInZhbHVlIiwiQXJyYXkiLCJpZCIsIlN0cmluZyIsInJlZmxlY3QiLCJ0aXRsZSIsImRlc2NyaXB0aW9uIiwiQm9vbGVhbiIsImVycm9ycyIsInJlYWRvbmx5IiwiY29uc3RydWN0b3IiLCJfb25OZXciLCJuZXdWYWx1ZSIsIl9vblJlbW92ZSIsImluZGV4Iiwic3BsaWNlIiwiZmlsdGVyIiwiZSIsIl9yZW5kZXJWYWx1ZSIsImlzUmVxdWlyZWQiLCJyZXF1aXJlZCIsImlzRGlzYWJsZWQiLCJkaXNhYmxlZCIsImNvbnRyb2wiLCJpc0lubGluZSIsImNsYXNzZXMiLCJmb3JtX19pdGVtIiwiZm9ybV9faXRlbV9jYXJkcyIsIl9vbk1vdXNlTGVhdmUiLCJiaW5kIiwic2VsZWN0Iiwic2hhZG93Um9vdCIsInF1ZXJ5U2VsZWN0b3JBbGwiLCJmb3JFYWNoIiwicyIsImNsb3NlIiwiZ2V0Q29udHJvbHMiLCJmcm9tIiwiZ2V0Q29udHJvbCIsInF1ZXJ5U2VsZWN0b3IiLCJnZXRVcGRhdGVDb21wbGV0ZSIsIlByb21pc2UiLCJhbGwiLCJtYXAiLCJ1cGRhdGVDb21wbGV0ZSIsInNob3VsZFVwZGF0ZSIsImNoYW5nZWRQcm9wZXJ0aWVzIiwiaGFzIiwicmVuZGVyIiwib3BlbiIsImxlbmd0aCIsImlzQXJyYXkiLCJzdHlsZXMiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFD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Qm9ELElBQTdCLEtBQXNDLEtBQTNGO0FBQ0EsV0FBTzdELElBQUkscURBQXFENkQsSUFBckQsNkdBR1UsS0FBSzVDLEtBQUwsSUFBYyxLQUFLSCxFQUg3QiwyQ0FHMEUsS0FBS0YsS0FBTCxDQUFXa0QsTUFIckYsb0JBSUgsS0FBSzVDLFdBQUwsR0FBbUJsQixJQUFJLDRCQUE0QixLQUFLa0IsV0FBakMsUUFBdkIsR0FBOEUsRUFKM0UsV0FNTCxLQUFLRyxRQUFMLEtBQWtCLElBQWxCLEdBQ0VyQixJQUFJLGdFQUFnRSxLQUFLdUIsTUFBckUsU0FBb0YsS0FBS2QsTUFBTCxDQUFZUSxLQUFoRyxjQUROLEdBRUUsRUFSRyw2Q0FVMkIsS0FBS0gsRUFWaEMscUJBV0wsS0FBS0YsS0FBTCxJQUFjLElBQWQsSUFBc0JDLEtBQUssQ0FBQ2tELE9BQU4sQ0FBYyxLQUFLbkQsS0FBbkIsQ0FBdEIsR0FBa0QsS0FBS0EsS0FBTCxDQUFXMkMsR0FBWCxDQUFlLENBQUMzQyxLQUFELEVBQVFjLEtBQVIsS0FBa0IsS0FBS0ksWUFBTCxDQUFrQmxCLEtBQWxCLEVBQXlCYyxLQUF6QixDQUFqQyxDQUFsRCxHQUFzSCxFQVhqSCwwQkFBWDtBQWNEOztBQUVnQixhQUFOc0MsTUFBTSxHQUFHO0FBQ2xCLFdBQU8sQ0FDTDNELFFBREssRUFFTDtBQUNBTixJQUFBQSxHQUFHLHdrQ0FIRSxDQUFQO0FBdUZEOztBQTVObUU7QUErTnRFa0UsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QixzQkFBN0IsRUFBcUQ1RCxpQkFBckQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzLCBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGNhbklubGluZSB9IGZyb20gJy4uL2xpYi9zY2hlbWEtZm9ybSc7XG5pbXBvcnQgeyBkaXNwYXRjaEN1c3RvbUV2ZW50IH0gZnJvbSAnLi4vbGliL2V2ZW50cyc7XG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBza2VsZXRvbiB9IGZyb20gJy4uL3N0eWxlcy9za2VsZXRvbic7XG5pbXBvcnQgeyBVcGRhdGVBZnRlckJyb3dzZXIgfSBmcm9tICcuLi9taXhpbnMvdXBkYXRlLWFmdGVyLWJyb3dzZXInO1xuXG4vKipcbiAqIFNjaGVtYSBmb3JtIGFycmF5IGNvbXBvbmVudFxuICpcbiAqL1xuZXhwb3J0IGNsYXNzIEd2U2NoZW1hRm9ybUFycmF5IGV4dGVuZHMgVXBkYXRlQWZ0ZXJCcm93c2VyKExpdEVsZW1lbnQpIHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBzY2hlbWE6IHsgdHlwZTogT2JqZWN0IH0sXG4gICAgICB2YWx1ZTogeyB0eXBlOiBBcnJheSB9LFxuICAgICAgaWQ6IHsgdHlwZTogU3RyaW5nLCByZWZsZWN0OiB0cnVlIH0sXG4gICAgICB0aXRsZTogeyB0eXBlOiBTdHJpbmcsIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIGRlc2NyaXB0aW9uOiB7IHR5cGU6IFN0cmluZyB9LFxuICAgICAgc2tlbGV0b246IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgZXJyb3JzOiB7IHR5cGU6IEFycmF5IH0sXG4gICAgICByZWFkb25seTogeyB0eXBlOiBCb29sZWFuLCByZWZsZWN0OiB0cnVlIH0sXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy52YWx1ZSA9IFtdO1xuICB9XG5cbiAgX29uTmV3KCkge1xuICAgIGNvbnN0IG5ld1ZhbHVlID0gdGhpcy5zY2hlbWEudHlwZSA9PT0gJ29iamVjdCcgPyB7fSA6ICcnO1xuICAgIHRoaXMudmFsdWUgPSBbLi4udGhpcy52YWx1ZSwgbmV3VmFsdWVdO1xuICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2lucHV0JywgdGhpcy52YWx1ZSk7XG4gIH1cblxuICBfb25SZW1vdmUoaW5kZXgpIHtcbiAgICB0aGlzLnZhbHVlLnNwbGljZShpbmRleCwgMSwgbnVsbCk7XG4gICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsdWUuZmlsdGVyKChlKSA9PiBlICE9IG51bGwpO1xuICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2lucHV0JywgdGhpcy52YWx1ZSk7XG4gIH1cblxuICBfcmVuZGVyVmFsdWUodmFsdWUsIGluZGV4KSB7XG4gICAgY29uc3QgaXNSZXF1aXJlZCA9IHRoaXMuc2NoZW1hLnJlcXVpcmVkO1xuICAgIGNvbnN0IGlzRGlzYWJsZWQgPSB0aGlzLnNjaGVtYS5kaXNhYmxlZDtcbiAgICBjb25zdCBpZCA9IGAke3RoaXMuaWR9LiR7aW5kZXh9YDtcbiAgICBjb25zdCBjb250cm9sID0geyAuLi50aGlzLnNjaGVtYSwgdGl0bGU6IG51bGwgfTtcbiAgICBjb25zdCBpc0lubGluZSA9IGNhbklubGluZSh0aGlzLnNjaGVtYSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IHtcbiAgICAgIGZvcm1fX2l0ZW06IHRydWUsXG4gICAgICBmb3JtX19pdGVtX2NhcmRzOiAhaXNJbmxpbmUsXG4gICAgfTtcbiAgICByZXR1cm4gaHRtbGA8ZGl2IGNsYXNzPVwiJHtjbGFzc01hcChjbGFzc2VzKX1cIiBAbW91c2VsZWF2ZT1cIiR7dGhpcy5fb25Nb3VzZUxlYXZlfVwiPlxuICAgICAgJHshaXNJbmxpbmVcbiAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKHsgJ2Zvcm1fX2l0ZW0tbGFiZWwnOiB0cnVlLCBza2VsZXRvbjogdGhpcy5za2VsZXRvbiB9KX1cIj5cbiAgICAgICAgICAgIDxsYWJlbD4ke3RoaXMuc2NoZW1hLnRpdGxlfTwvbGFiZWw+XG4gICAgICAgICAgICAke3RoaXMucmVhZG9ubHkgIT09IHRydWVcbiAgICAgICAgICAgICAgPyBodG1sYDxndi1idXR0b25cbiAgICAgICAgICAgICAgICAgIGxpbmtcbiAgICAgICAgICAgICAgICAgIHNtYWxsXG4gICAgICAgICAgICAgICAgICBAZ3YtYnV0dG9uOmNsaWNrPVwiJHt0aGlzLl9vblJlbW92ZS5iaW5kKHRoaXMsIGluZGV4KX1cIlxuICAgICAgICAgICAgICAgICAgaWNvbj1cImdlbmVyYWw6Y2xvc2VcIlxuICAgICAgICAgICAgICAgICAgdGl0bGU9XCJSZW1vdmVcIlxuICAgICAgICAgICAgICAgID48L2d2LWJ1dHRvbj5gXG4gICAgICAgICAgICAgIDogJyd9XG4gICAgICAgICAgPC9kaXY+YFxuICAgICAgICA6ICcnfVxuICAgICAgPGRpdiBjbGFzcz1cImZvcm1fX2l0ZW1fZW50cnlcIj5cbiAgICAgICAgPGd2LXNjaGVtYS1mb3JtLWNvbnRyb2xcbiAgICAgICAgICAuaWQ9XCIke2lkfVwiXG4gICAgICAgICAgLnNrZWxldG9uPVwiJHt0aGlzLnNrZWxldG9ufVwiXG4gICAgICAgICAgLmNvbnRyb2w9XCIke2NvbnRyb2x9XCJcbiAgICAgICAgICAudmFsdWU9XCIke3ZhbHVlfVwiXG4gICAgICAgICAgP3JlcXVpcmVkPVwiJHtpc1JlcXVpcmVkfVwiXG4gICAgICAgICAgP2Rpc2FibGVkPVwiJHtpc0Rpc2FibGVkfVwiXG4gICAgICAgICAgP3JlYWRvbmx5PVwiJHt0aGlzLnJlYWRvbmx5fVwiXG4gICAgICAgICAgY29tcGFjdFxuICAgICAgICA+PC9ndi1zY2hlbWEtZm9ybS1jb250cm9sPlxuICAgICAgICAkeyFpc0lubGluZVxuICAgICAgICAgID8gJydcbiAgICAgICAgICA6IGh0bWxgPGd2LWJ1dHRvblxuICAgICAgICAgICAgICBsaW5rXG4gICAgICAgICAgICAgIHNtYWxsXG4gICAgICAgICAgICAgIEBndi1idXR0b246Y2xpY2s9XCIke3RoaXMuX29uUmVtb3ZlLmJpbmQodGhpcywgaW5kZXgpfVwiXG4gICAgICAgICAgICAgIGljb249XCJnZW5lcmFsOmNsb3NlXCJcbiAgICAgICAgICAgICAgdGl0bGU9XCJSZW1vdmVcIlxuICAgICAgICAgICAgPjwvZ3YtYnV0dG9uPmB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj4gYDtcbiAgfVxuXG4gIF9vbk1vdXNlTGVhdmUoKSB7XG4gICAgY29uc3Qgc2VsZWN0ID0gdGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3JBbGwoYGd2LXNlbGVjdGApO1xuICAgIHNlbGVjdC5mb3JFYWNoKChzKSA9PiBzLmNsb3NlKCkpO1xuICB9XG5cbiAgZ2V0Q29udHJvbHMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIC4uLkFycmF5LmZyb20odGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3JBbGwoJ2d2LXNjaGVtYS1mb3JtLWNvbnRyb2wnKSksXG4gICAgICAuLi5BcnJheS5mcm9tKHRoaXMuc2hhZG93Um9vdC5xdWVyeVNlbGVjdG9yQWxsKCdndi1zY2hlbWEtZm9ybS1jb250cm9sLWFycmF5JykpLFxuICAgICAgLi4uQXJyYXkuZnJvbSh0aGlzLnNoYWRvd1Jvb3QucXVlcnlTZWxlY3RvckFsbCgnZ3Ytc2NoZW1hLWZvcm0tY29udHJvbC1vYmplY3QnKSksXG4gICAgXTtcbiAgfVxuXG4gIGdldENvbnRyb2woaWQpIHtcbiAgICByZXR1cm4gdGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3IoYFtpZD1cIiR7aWR9XCJdYCk7XG4gIH1cblxuICBhc3luYyBnZXRVcGRhdGVDb21wbGV0ZSgpIHtcbiAgICBhd2FpdCBzdXBlci5nZXRVcGRhdGVDb21wbGV0ZSgpO1xuICAgIGF3YWl0IFByb21pc2UuYWxsKHRoaXMuZ2V0Q29udHJvbHMoKS5tYXAoKGUpID0+IGUudXBkYXRlQ29tcGxldGUpKTtcbiAgfVxuXG4gIHNob3VsZFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcykge1xuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Vycm9ycycpKSB7XG4gICAgICB0aGlzLmdldENvbnRyb2xzKCkuZm9yRWFjaCgoY29udHJvbCkgPT4ge1xuICAgICAgICBjb250cm9sLmVycm9ycyA9IHRoaXMuZXJyb3JzO1xuICAgICAgfSk7XG4gICAgfVxuICAgIHJldHVybiBzdXBlci5zaG91bGRVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGlmICh0aGlzLnNjaGVtYSA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gaHRtbGBgO1xuICAgIH1cbiAgICBjb25zdCBvcGVuID0gdGhpcy5zY2hlbWFbJ3gtc2NoZW1hLWZvcm0nXSA9PSBudWxsIHx8IHRoaXMuc2NoZW1hWyd4LXNjaGVtYS1mb3JtJ10ub3BlbiAhPT0gZmFsc2U7XG4gICAgcmV0dXJuIGh0bWxgPGd2LWV4cGFuZGFibGUgY2xhc3M9XCJmb3JtX19jb250cm9sLWFycmF5XCIgP29wZW49XCIke29wZW59XCI+XG4gICAgICA8ZGl2IHNsb3Q9XCJzdW1tYXJ5XCIgY2xhc3M9XCJmb3JtX19pdGVtLWdyb3VwLWhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybV9faXRlbS1ncm91cC10aXRsZVwiPlxuICAgICAgICAgIDxsYWJlbD48c3Bhbj4ke3RoaXMudGl0bGUgfHwgdGhpcy5pZH08L3NwYW4+PHNwYW4gY2xhc3M9XCJmb3JtX19pdGVtLWxlbmd0aFwiPigke3RoaXMudmFsdWUubGVuZ3RofSk8L3NwYW4+PC9sYWJlbD5cbiAgICAgICAgICAke3RoaXMuZGVzY3JpcHRpb24gPyBodG1sYDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvblwiPiR7dGhpcy5kZXNjcmlwdGlvbn08L2Rpdj5gIDogJyd9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICAke3RoaXMucmVhZG9ubHkgIT09IHRydWVcbiAgICAgICAgICA/IGh0bWxgPGd2LWJ1dHRvbiBvdXRsaW5lZCBzbWFsbCBpY29uPVwiY29kZTpwbHVzXCIgQGd2LWJ1dHRvbjpjbGljaz1cIiR7dGhpcy5fb25OZXd9XCI+TmV3ICR7dGhpcy5zY2hlbWEudGl0bGV9PC9ndi1idXR0b24+YFxuICAgICAgICAgIDogJyd9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmb3JtX19pdGVtLWdyb3VwXCIgaWQ9XCIke3RoaXMuaWR9XCIgc2xvdD1cImRldGFpbHNcIj5cbiAgICAgICAgJHt0aGlzLnZhbHVlICE9IG51bGwgJiYgQXJyYXkuaXNBcnJheSh0aGlzLnZhbHVlKSA/IHRoaXMudmFsdWUubWFwKCh2YWx1ZSwgaW5kZXgpID0+IHRoaXMuX3JlbmRlclZhbHVlKHZhbHVlLCBpbmRleCkpIDogJyd9XG4gICAgICA8L2Rpdj5cbiAgICA8L2d2LWV4cGFuZGFibGU+YDtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICBza2VsZXRvbixcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICAuZm9ybV9faXRlbS1sZW5ndGgge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgICBjb2xvcjogI2JmYmZiZjtcbiAgICAgICAgICBtYXJnaW46IDAgMC4ycmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmZvcm1fX2l0ZW0tZ3JvdXAge1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLWluLW91dDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5mb3JtX19pdGVtX2NhcmRzIGZvcm1fX2l0ZW0tZ3JvdXA6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlZmVmZWY7XG4gICAgICAgIH1cblxuICAgICAgICAuZm9ybV9faXRlbS1ncm91cC1oZWFkZXIge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWd2LXNjaGVtYS1mb3JtLS1iZ2MsICNmZmZmZmYpO1xuICAgICAgICB9XG5cbiAgICAgICAgLmZvcm1fX2l0ZW0tZ3JvdXAtaGVhZGVyIGxhYmVsIHtcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5mb3JtX19pdGVtLWdyb3VwLXRpdGxlIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5kZXNjcmlwdGlvbiB7XG4gICAgICAgICAgb3BhY2l0eTogMC42O1xuICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXMsIDEycHgpO1xuICAgICAgICB9XG5cbiAgICAgICAgLmZvcm1fX2l0ZW1fY2FyZHMge1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkOWQ5ZDk7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgIG1hcmdpbjogMC41cmVtO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0O1xuICAgICAgICAgIHotaW5kZXg6IDUwO1xuICAgICAgICB9XG5cbiAgICAgICAgLmZvcm1fX2l0ZW1fY2FyZHM6aG92ZXIge1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMnB4KTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDEwcHggMjBweCAtMTBweCAjYmZiZmJmO1xuICAgICAgICAgIHotaW5kZXg6IDYwO1xuICAgICAgICB9XG5cbiAgICAgICAgLmZvcm1fX2l0ZW1fZW50cnkge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAuZm9ybV9faXRlbV9lbnRyeSBndi1zY2hlbWEtZm9ybS1jb250cm9sIHtcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICB9XG5cbiAgICAgICAgLmZvcm1fX2l0ZW0tbGFiZWwge1xuICAgICAgICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkOWQ5ZDk7XG4gICAgICAgICAgcGFkZGluZzogMC41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmZvcm1fX2l0ZW0tbGFiZWwgPiBsYWJlbCB7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5mb3JtX19pdGVtIC5mb3JtX2NvbnRyb2wtaW5saW5lID4gKiB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAuZm9ybV9faXRlbSAuZm9ybV9jb250cm9sLWlubGluZSA+ICo6Zmlyc3QtY2hpbGQge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXTtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1zY2hlbWEtZm9ybS1hcnJheScsIEd2U2NoZW1hRm9ybUFycmF5KTtcbiJdfQ==
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvSchemaFormArray=void 0;const e=require("lit"),t=require("../lib/schema-form"),r=require("../lib/events"),o=require("lit/directives/class-map"),s=require("../styles/skeleton"),i=require("../mixins/update-after-browser");class l extends((0,i.UpdateAfterBrowser)(e.LitElement)){static get properties(){return{schema:{type:Object},value:{type:Array},id:{type:String,reflect:!0},title:{type:String,reflect:!0},description:{type:String},skeleton:{type:Boolean,reflect:!0},errors:{type:Array},readonly:{type:Boolean,reflect:!0}}}constructor(){super(),this.value=[]}_onNew(){const e="object"===this.schema.type?{}:"";this.value=[...this.value,e],(0,r.dispatchCustomEvent)(this,"input",this.value)}_onRemove(e){this.value.splice(e,1,null),this.value=this.value.filter((e=>null!=e)),(0,r.dispatchCustomEvent)(this,"input",this.value)}_renderValue(r,s){const i=this.schema.required,l=this.schema.disabled,a=`${this.id}.${s}`,n={...this.schema,title:null},m=(0,t.canInline)(this.schema),c={form__item:!0,form__item_cards:!m};return e.html`<div class="${(0,o.classMap)(c)}" @mouseleave="${this._onMouseLeave}">${m?"":e.html`<div class="${(0,o.classMap)({"form__item-label":!0,skeleton:this.skeleton})}"><label>${this.schema.title}</label> ${!0!==this.readonly?e.html`<gv-button link small @gv-button:click="${this._onRemove.bind(this,s)}" icon="general:close" title="Remove"></gv-button>`:""}</div>`}<div class="form__item_entry"><gv-schema-form-control .id="${a}" .skeleton="${this.skeleton}" .control="${n}" .value="${r}" ?required="${i}" ?disabled="${l}" ?readonly="${this.readonly}" compact="compact"></gv-schema-form-control>${m?e.html`<gv-button link small @gv-button:click="${this._onRemove.bind(this,s)}" icon="general:close" title="Remove"></gv-button>`:""}</div></div>`}_onMouseLeave(){this.shadowRoot.querySelectorAll("gv-select").forEach((e=>e.close()))}getControls(){return[...Array.from(this.shadowRoot.querySelectorAll("gv-schema-form-control")),...Array.from(this.shadowRoot.querySelectorAll("gv-schema-form-control-array")),...Array.from(this.shadowRoot.querySelectorAll("gv-schema-form-control-object"))]}getControl(e){return this.shadowRoot.querySelector(`[id="${e}"]`)}async getUpdateComplete(){await super.getUpdateComplete(),await Promise.all(this.getControls().map((e=>e.updateComplete)))}shouldUpdate(e){return e.has("errors")&&this.getControls().forEach((e=>{e.errors=this.errors})),super.shouldUpdate(e)}render(){if(null==this.schema)return e.html``;const t=null==this.schema["x-schema-form"]||!1!==this.schema["x-schema-form"].open;return e.html`<gv-expandable class="form__control-array" ?open="${t}"><div slot="summary" class="form__item-group-header"><div class="form__item-group-title"><label><span>${this.title||this.id}</span><span class="form__item-length">(${this.value.length})</span></label> ${this.description?e.html`<div class="description">${this.description}</div>`:""}</div>${!0!==this.readonly?e.html`<gv-button outlined small icon="code:plus" @gv-button:click="${this._onNew}">New ${this.schema.title}</gv-button>`:""}</div><div class="form__item-group" id="${this.id}" slot="details">${null!=this.value&&Array.isArray(this.value)?this.value.map(((e,t)=>this._renderValue(e,t))):""}</div></gv-expandable>`}static get styles(){return[s.skeleton,e.css`.form__item-length{font-size:12px;color:#bfbfbf;margin:0 .2rem}.form__item-group{position:relative;transition:all .3s ease-in-out}.form__item_cards form__item-group:hover{background-color:#efefef}.form__item-group-header{display:flex;flex:1;align-items:center;transition:all .3s ease-in-out;background-color:var(--gv-schema-form--bgc,#fff)}.form__item-group-header label{flex:1;margin:0}.form__item-group-title{display:flex;flex-direction:column;flex:1}.description{opacity:.6;font-size:var(--gv-theme-font-size-s,12px)}.form__item_cards{border:1px solid #d9d9d9;border-radius:4px;margin:.5rem;background-color:#fff;transition:all .3s ease-in-out;z-index:50}.form__item_cards:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #bfbfbf;z-index:60}.form__item_entry{display:flex}.form__item_entry gv-schema-form-control{flex:1}.form__item-label{font-style:italic;display:flex;flex-direction:row;border-bottom:1px solid #d9d9d9;padding:.5rem}.form__item-label>label{flex:1}.form__item .form_control-inline>*{margin-left:0}.form__item .form_control-inline>:first-child{margin-left:.5rem}`]}}exports.GvSchemaFormArray=l,window.customElements.define("gv-schema-form-array",l);

package/src/organisms/gv-schema-form-control-object.js

@@ -1,140 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { css, html, LitElement } from 'lit';
-import { canInline, canGrid } from '../lib/schema-form';
-import { classMap } from 'lit/directives/class-map';
-import { skeleton } from '../styles/skeleton';
-import '../molecules/gv-expandable';
-import { UpdateAfterBrowser } from '../mixins/update-after-browser';
-/**
- * Schema form control object component
- */
-
-export class GvSchemaFormControlObject extends UpdateAfterBrowser(LitElement) {
-  static get properties() {
-    return {
-      schema: {
-        type: Object
-      },
-      value: {
-        type: Object,
-        reflect: true
-      },
-      id: {
-        type: String,
-        reflect: true
-      },
-      title: {
-        type: String,
-        reflect: true
-      },
-      errors: {
-        type: Array
-      },
-      skeleton: {
-        type: Boolean,
-        reflect: true
-      },
-      readonly: {
-        type: Boolean,
-        reflect: true
-      },
-      disabled: {
-        type: Boolean,
-        reflect: true
-      },
-      required: {
-        type: Boolean,
-        reflect: true
-      },
-      hidden: {
-        type: Boolean,
-        reflect: true
-      },
-      compact: {
-        type: Boolean
-      }
-    };
-  }
-
-  constructor() {
-    super();
-    this.value = [];
-  }
-
-  _renderPart(subKey) {
-    const isRequired = this.required || this.schema.required && this.schema.required.includes(subKey);
-    const isDisabled = this.disabled || this.schema.disabled && this.schema.disabled.includes(subKey);
-    const fullKey = this.id != null ? `${this.id}.${subKey}` : subKey;
-    const control = { ...this.schema.properties[subKey]
-    };
-    const value = this.value != null ? this.value[subKey] : null;
-    return html`<gv-schema-form-control .id="${fullKey}" .control="${control}" .value="${value}" .skeleton="${this.skeleton}" ?required="${isRequired}" ?disabled="${isDisabled}" ?readonly="${this.readonly}" ?hidden="${this.hidden}" class="control" ?compact="${this.compact}"></gv-schema-form-control>`;
-  }
-
-  getControls() {
-    return [...Array.from(this.shadowRoot.querySelectorAll('gv-schema-form-control')), ...Array.from(this.shadowRoot.querySelectorAll('gv-schema-form-control-array')), ...Array.from(this.shadowRoot.querySelectorAll('gv-schema-form-control-object'))];
-  }
-
-  getControl(id) {
-    return this.shadowRoot.querySelector(`[id="${id}"]`);
-  }
-
-  async getUpdateComplete() {
-    await super.getUpdateComplete();
-    await Promise.all(this.getControls().map(e => e.updateComplete));
-  }
-
-  shouldUpdate(changedProperties) {
-    if (changedProperties.has('errors')) {
-      this.getControls().forEach(control => {
-        control.errors = this.errors;
-      });
-    }
-
-    return super.shouldUpdate(changedProperties);
-  }
-
-  render() {
-    const keys = Object.keys(this.schema.properties);
-    const isGrid = canGrid(this.schema);
-    const classes = {
-      'form_control-inline': canInline(this.schema),
-      'form_control-grid': isGrid,
-      'form_control-grid-odd': isGrid && keys.length % 2 !== 0
-    };
-    const titleClasses = {
-      'form__control-group-title': true,
-      skeleton: this.skeleton
-    };
-    const details = keys.map(key => this._renderPart(key));
-
-    if (this.title) {
-      const open = this.schema['x-schema-form'] == null || this.schema['x-schema-form'].open !== false;
-      return html`<gv-expandable ?open="${open}"> <div slot="summary" class="${classMap(titleClasses)}" title="${this.title}">${this.title}</div> <div slot="details" class="${classMap(classes)}">${details}</div> </gv-expandable>`;
-    } else {
-      return html`<div class="${classMap(classes)}">${details}</div>`;
-    }
-  }
-
-  static get styles() {
-    return [skeleton, // language=CSS
-    css`.form__control-group-title{padding:.5rem 0}.form_control-grid,.form_control-inline{display:grid;grid-template-columns:repeat(2,1fr)}.form_control-grid-odd :first-child{grid-column:1/3}.form_control-inline>*{--gv-schema-form-control--m:0 0.2rem 0 0;overflow:auto}.form_control-inline>:last-child{--gv-schema-form-control--m:0 0 0 0.2rem}`];
-  }
-
-}
-window.customElements.define('gv-schema-form-control-object', GvSchemaFormControlObject);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL29yZ2FuaXNtcy9ndi1zY2hlbWEtZm9ybS1jb250cm9sLW9iamVjdC5qcyJdLCJuYW1lcyI6WyJjc3MiLCJodG1sIiwiTGl0RWxlbWVudCIsImNhbklubGluZSIsImNhbkdyaWQiLCJjbGFzc01hcCIsInNrZWxldG9uIiwiVXBkYXRlQWZ0ZXJCcm93c2VyIiwiR3ZTY2hlbWFGb3JtQ29udHJvbE9iamVjdCIsInByb3BlcnRpZXMiLCJzY2hlbWEiLCJ0eXBlIiwiT2JqZWN0IiwidmFsdWUiLCJyZWZsZWN0IiwiaWQiLCJTdHJpbmciLCJ0aXRsZSIsImVycm9ycyIsIkFycmF5IiwiQm9vbGVhbiIsInJlYWRvbmx5IiwiZGlzYWJsZWQiLCJyZXF1aXJlZCIsImhpZGRlbiIsImNvbXBhY3QiLCJjb25zdHJ1Y3RvciIsIl9yZW5kZXJQYXJ0Iiwic3ViS2V5IiwiaXNSZXF1aXJlZCIsImluY2x1ZGVzIiwiaXNEaXNhYmxlZCIsImZ1bGxLZXkiLCJjb250cm9sIiwiZ2V0Q29udHJvbHMiLCJmcm9tIiwic2hhZG93Um9vdCIsInF1ZXJ5U2VsZWN0b3JBbGwiLCJnZXRDb250cm9sIiwicXVlcnlTZWxlY3RvciIsImdldFVwZGF0ZUNvbXBsZXRlIiwiUHJvbWlzZSIsImFsbCIsIm1hcCIsImUiLCJ1cGRhdGVDb21wbGV0ZSIsInNob3VsZFVwZGF0ZSIsImNoYW5nZWRQcm9wZXJ0aWVzIiwiaGFzIiwiZm9yRWFjaCIsInJlbmRlciIsImtleXMiLCJpc0dyaWQiLCJjbGFzc2VzIiwibGVuZ3RoIiwidGl0bGVDbGFzc2VzIiwiZGV0YWlscyIsImtleSIsIm9wZW4iLCJzdHlsZXMiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FB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RUw7QUFDQU4sSUFBQUEsR0FBRyxrVkFIRSxDQUFQO0FBNEJEOztBQTdIMkU7QUFnSTlFNEQsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QiwrQkFBN0IsRUFBOER0RCx5QkFBOUQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzLCBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGNhbklubGluZSwgY2FuR3JpZCB9IGZyb20gJy4uL2xpYi9zY2hlbWEtZm9ybSc7XG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBza2VsZXRvbiB9IGZyb20gJy4uL3N0eWxlcy9za2VsZXRvbic7XG5pbXBvcnQgJy4uL21vbGVjdWxlcy9ndi1leHBhbmRhYmxlJztcbmltcG9ydCB7IFVwZGF0ZUFmdGVyQnJvd3NlciB9IGZyb20gJy4uL21peGlucy91cGRhdGUtYWZ0ZXItYnJvd3Nlcic7XG5cbi8qKlxuICogU2NoZW1hIGZvcm0gY29udHJvbCBvYmplY3QgY29tcG9uZW50XG4gKi9cbmV4cG9ydCBjbGFzcyBHdlNjaGVtYUZvcm1Db250cm9sT2JqZWN0IGV4dGVuZHMgVXBkYXRlQWZ0ZXJCcm93c2VyKExpdEVsZW1lbnQpIHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBzY2hlbWE6IHsgdHlwZTogT2JqZWN0IH0sXG4gICAgICB2YWx1ZTogeyB0eXBlOiBPYmplY3QsIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIGlkOiB7IHR5cGU6IFN0cmluZywgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgdGl0bGU6IHsgdHlwZTogU3RyaW5nLCByZWZsZWN0OiB0cnVlIH0sXG4gICAgICBlcnJvcnM6IHsgdHlwZTogQXJyYXkgfSxcbiAgICAgIHNrZWxldG9uOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIHJlYWRvbmx5OiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIGRpc2FibGVkOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIHJlcXVpcmVkOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIGhpZGRlbjogeyB0eXBlOiBCb29sZWFuLCByZWZsZWN0OiB0cnVlIH0sXG4gICAgICBjb21wYWN0OiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnZhbHVlID0gW107XG4gIH1cblxuICBfcmVuZGVyUGFydChzdWJLZXkpIHtcbiAgICBjb25zdCBpc1JlcXVpcmVkID0gdGhpcy5yZXF1aXJlZCB8fCAodGhpcy5zY2hlbWEucmVxdWlyZWQgJiYgdGhpcy5zY2hlbWEucmVxdWlyZWQuaW5jbHVkZXMoc3ViS2V5KSk7XG4gICAgY29uc3QgaXNEaXNhYmxlZCA9IHRoaXMuZGlzYWJsZWQgfHwgKHRoaXMuc2NoZW1hLmRpc2FibGVkICYmIHRoaXMuc2NoZW1hLmRpc2FibGVkLmluY2x1ZGVzKHN1YktleSkpO1xuXG4gICAgY29uc3QgZnVsbEtleSA9IHRoaXMuaWQgIT0gbnVsbCA/IGAke3RoaXMuaWR9LiR7c3ViS2V5fWAgOiBzdWJLZXk7XG4gICAgY29uc3QgY29udHJvbCA9IHsgLi4udGhpcy5zY2hlbWEucHJvcGVydGllc1tzdWJLZXldIH07XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLnZhbHVlICE9IG51bGwgPyB0aGlzLnZhbHVlW3N1YktleV0gOiBudWxsO1xuICAgIHJldHVybiBodG1sYDxndi1zY2hlbWEtZm9ybS1jb250cm9sXG4gICAgICAuaWQ9XCIke2Z1bGxLZXl9XCJcbiAgICAgIC5jb250cm9sPVwiJHtjb250cm9sfVwiXG4gICAgICAudmFsdWU9XCIke3ZhbHVlfVwiXG4gICAgICAuc2tlbGV0b249XCIke3RoaXMuc2tlbGV0b259XCJcbiAgICAgID9yZXF1aXJlZD1cIiR7aXNSZXF1aXJlZH1cIlxuICAgICAgP2Rpc2FibGVkPVwiJHtpc0Rpc2FibGVkfVwiXG4gICAgICA/cmVhZG9ubHk9XCIke3RoaXMucmVhZG9ubHl9XCJcbiAgICAgID9oaWRkZW49XCIke3RoaXMuaGlkZGVufVwiXG4gICAgICBjbGFzcz1cImNvbnRyb2xcIlxuICAgICAgP2NvbXBhY3Q9XCIke3RoaXMuY29tcGFjdH1cIlxuICAgID48L2d2LXNjaGVtYS1mb3JtLWNvbnRyb2w+YDtcbiAgfVxuXG4gIGdldENvbnRyb2xzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAuLi5BcnJheS5mcm9tKHRoaXMuc2hhZG93Um9vdC5xdWVyeVNlbGVjdG9yQWxsKCdndi1zY2hlbWEtZm9ybS1jb250cm9sJykpLFxuICAgICAgLi4uQXJyYXkuZnJvbSh0aGlzLnNoYWRvd1Jvb3QucXVlcnlTZWxlY3RvckFsbCgnZ3Ytc2NoZW1hLWZvcm0tY29udHJvbC1hcnJheScpKSxcbiAgICAgIC4uLkFycmF5LmZyb20odGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3JBbGwoJ2d2LXNjaGVtYS1mb3JtLWNvbnRyb2wtb2JqZWN0JykpLFxuICAgIF07XG4gIH1cblxuICBnZXRDb250cm9sKGlkKSB7XG4gICAgcmV0dXJuIHRoaXMuc2hhZG93Um9vdC5xdWVyeVNlbGVjdG9yKGBbaWQ9XCIke2lkfVwiXWApO1xuICB9XG5cbiAgYXN5bmMgZ2V0VXBkYXRlQ29tcGxldGUoKSB7XG4gICAgYXdhaXQgc3VwZXIuZ2V0VXBkYXRlQ29tcGxldGUoKTtcbiAgICBhd2FpdCBQcm9taXNlLmFsbCh0aGlzLmdldENvbnRyb2xzKCkubWFwKChlKSA9PiBlLnVwZGF0ZUNvbXBsZXRlKSk7XG4gIH1cblxuICBzaG91bGRVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpIHtcbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdlcnJvcnMnKSkge1xuICAgICAgdGhpcy5nZXRDb250cm9scygpLmZvckVhY2goKGNvbnRyb2wpID0+IHtcbiAgICAgICAgY29udHJvbC5lcnJvcnMgPSB0aGlzLmVycm9ycztcbiAgICAgIH0pO1xuICAgIH1cbiAgICByZXR1cm4gc3VwZXIuc2hvdWxkVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBrZXlzID0gT2JqZWN0LmtleXModGhpcy5zY2hlbWEucHJvcGVydGllcyk7XG4gICAgY29uc3QgaXNHcmlkID0gY2FuR3JpZCh0aGlzLnNjaGVtYSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IHtcbiAgICAgICdmb3JtX2NvbnRyb2wtaW5saW5lJzogY2FuSW5saW5lKHRoaXMuc2NoZW1hKSxcbiAgICAgICdmb3JtX2NvbnRyb2wtZ3JpZCc6IGlzR3JpZCxcbiAgICAgICdmb3JtX2NvbnRyb2wtZ3JpZC1vZGQnOiBpc0dyaWQgJiYga2V5cy5sZW5ndGggJSAyICE9PSAwLFxuICAgIH07XG5cbiAgICBjb25zdCB0aXRsZUNsYXNzZXMgPSB7XG4gICAgICAnZm9ybV9fY29udHJvbC1ncm91cC10aXRsZSc6IHRydWUsXG4gICAgICBza2VsZXRvbjogdGhpcy5za2VsZXRvbixcbiAgICB9O1xuXG4gICAgY29uc3QgZGV0YWlscyA9IGtleXMubWFwKChrZXkpID0+IHRoaXMuX3JlbmRlclBhcnQoa2V5KSk7XG5cbiAgICBpZiAodGhpcy50aXRsZSkge1xuICAgICAgY29uc3Qgb3BlbiA9IHRoaXMuc2NoZW1hWyd4LXNjaGVtYS1mb3JtJ10gPT0gbnVsbCB8fCB0aGlzLnNjaGVtYVsneC1zY2hlbWEtZm9ybSddLm9wZW4gIT09IGZhbHNlO1xuICAgICAgcmV0dXJuIGh0bWxgPGd2LWV4cGFuZGFibGUgP29wZW49XCIke29wZW59XCI+XG4gICAgICAgIDxkaXYgc2xvdD1cInN1bW1hcnlcIiBjbGFzcz1cIiR7Y2xhc3NNYXAodGl0bGVDbGFzc2VzKX1cIiB0aXRsZT1cIiR7dGhpcy50aXRsZX1cIj4ke3RoaXMudGl0bGV9PC9kaXY+XG4gICAgICAgIDxkaXYgc2xvdD1cImRldGFpbHNcIiBjbGFzcz1cIiR7Y2xhc3NNYXAoY2xhc3Nlcyl9XCI+JHtkZXRhaWxzfTwvZGl2PlxuICAgICAgPC9ndi1leHBhbmRhYmxlPmA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBodG1sYDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKGNsYXNzZXMpfVwiPiR7ZGV0YWlsc308L2Rpdj5gO1xuICAgIH1cbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICBza2VsZXRvbixcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICAuZm9ybV9fY29udHJvbC1ncm91cC10aXRsZSB7XG4gICAgICAgICAgcGFkZGluZzogMC41cmVtIDA7XG4gICAgICAgIH1cblxuICAgICAgICAuZm9ybV9jb250cm9sLWlubGluZSxcbiAgICAgICAgLmZvcm1fY29udHJvbC1ncmlkIHtcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gICAgICAgIH1cblxuICAgICAgICAuZm9ybV9jb250cm9sLWdyaWQtb2RkICo6Zmlyc3QtY2hpbGQge1xuICAgICAgICAgIGdyaWQtY29sdW1uOiAxIC8gMztcbiAgICAgICAgfVxuXG4gICAgICAgIC5mb3JtX2NvbnRyb2wtaW5saW5lID4gKiB7XG4gICAgICAgICAgLS1ndi1zY2hlbWEtZm9ybS1jb250cm9sLS1tOiAwIDAuMnJlbSAwIDA7XG4gICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIH1cblxuICAgICAgICAuZm9ybV9jb250cm9sLWlubGluZSA+ICo6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgLS1ndi1zY2hlbWEtZm9ybS1jb250cm9sLS1tOiAwIDAgMCAwLjJyZW07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXTtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1zY2hlbWEtZm9ybS1jb250cm9sLW9iamVjdCcsIEd2U2NoZW1hRm9ybUNvbnRyb2xPYmplY3QpO1xuIl19
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvSchemaFormControlObject=void 0;const e=require("lit"),t=require("../lib/schema-form"),r=require("lit/directives/class-map"),o=require("../styles/skeleton");require("../molecules/gv-expandable");const s=require("../mixins/update-after-browser");class l extends((0,s.UpdateAfterBrowser)(e.LitElement)){static get properties(){return{schema:{type:Object},value:{type:Object,reflect:!0},id:{type:String,reflect:!0},title:{type:String,reflect:!0},errors:{type:Array},skeleton:{type:Boolean,reflect:!0},readonly:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},required:{type:Boolean,reflect:!0},hidden:{type:Boolean,reflect:!0},compact:{type:Boolean}}}constructor(){super(),this.value=[]}_renderPart(t){const r=this.required||this.schema.required&&this.schema.required.includes(t),o=this.disabled||this.schema.disabled&&this.schema.disabled.includes(t),s=null!=this.id?`${this.id}.${t}`:t,l={...this.schema.properties[t]},i=null!=this.value?this.value[t]:null;return e.html`<gv-schema-form-control .id="${s}" .control="${l}" .value="${i}" .skeleton="${this.skeleton}" ?required="${r}" ?disabled="${o}" ?readonly="${this.readonly}" ?hidden="${this.hidden}" class="control" ?compact="${this.compact}"></gv-schema-form-control>`}getControls(){return[...Array.from(this.shadowRoot.querySelectorAll("gv-schema-form-control")),...Array.from(this.shadowRoot.querySelectorAll("gv-schema-form-control-array")),...Array.from(this.shadowRoot.querySelectorAll("gv-schema-form-control-object"))]}getControl(e){return this.shadowRoot.querySelector(`[id="${e}"]`)}async getUpdateComplete(){await super.getUpdateComplete(),await Promise.all(this.getControls().map((e=>e.updateComplete)))}shouldUpdate(e){return e.has("errors")&&this.getControls().forEach((e=>{e.errors=this.errors})),super.shouldUpdate(e)}render(){const o=Object.keys(this.schema.properties),s=(0,t.canGrid)(this.schema),l={"form_control-inline":(0,t.canInline)(this.schema),"form_control-grid":s,"form_control-grid-odd":s&&o.length%2!=0},i={"form__control-group-title":!0,skeleton:this.skeleton},a=o.map((e=>this._renderPart(e)));if(this.title){const t=null==this.schema["x-schema-form"]||!1!==this.schema["x-schema-form"].open;return e.html`<gv-expandable ?open="${t}"><div slot="summary" class="${(0,r.classMap)(i)}" title="${this.title}">${this.title}</div><div slot="details" class="${(0,r.classMap)(l)}">${a}</div></gv-expandable>`}return e.html`<div class="${(0,r.classMap)(l)}">${a}</div>`}static get styles(){return[o.skeleton,e.css`.form__control-group-title{padding:.5rem 0}.form_control-grid,.form_control-inline{display:grid;grid-template-columns:repeat(2,1fr)}.form_control-grid-odd :first-child{grid-column:1/3}.form_control-inline>*{--gv-schema-form-control--m:0 0.2rem 0 0;overflow:auto}.form_control-inline>:last-child{--gv-schema-form-control--m:0 0 0 0.2rem}`]}}exports.GvSchemaFormControlObject=l,window.customElements.define("gv-schema-form-control-object",l);