@api-client/ui 0.0.4 → 0.0.7

package/dist/elements/schema-design/EntityFormElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFormElement.js","sourceRoot":"","sources":["../../../src/elements/schema-design/EntityFormElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResult, html, PropertyValues, TemplateResult } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { DataEntity, DataNamespace, EventUtils } from \"@api-client/core/build/browser.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport EditorCommon from './CommonStyles.js';\nimport theme from '../theme.js';\nimport typography from \"../../styles/m3/typography.module.js\";\nimport Input from \"../../ui/input/Input.js\";\nimport CheckboxElement from \"../../ui/input/CheckboxElement.js\";\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-checkbox.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\n\n/**\n * An editor for a data entity.\n * \n * @fires change - When the entity has changed.\n * @fires namechange - When a name of the entity has changed.\n */\nexport default class EntityFormElement extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return [\n      theme,\n      EditorCommon,\n      typography,\n      css`\n      :host {\n        display: block;\n      }\n\n      .no-info {\n        margin: 12px 20px;\n      }\n\n      .parents-list {\n        margin: 0;\n        padding: 0;\n      }\n\n      .parent-item {\n        list-style: none;\n        height: var(--list-item-height, 40px);\n        display: flex;\n        align-items: center;\n        padding: 0 20px;\n      }\n\n      .parent-item.two-line {\n        height: var(--list-item-two-line-height);\n      }\n\n      .parent-item-wrapper {\n        flex: 1;\n      }\n      `\n    ]\n  }\n\n  /**\n   * The key of the entity to edit.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) key?: string;\n\n  /**\n   * The read data namespace.\n   */\n  @property({ type: Object }) root?: DataNamespace;\n\n  /**\n   * When set it activates the drop zone in the parents list to support drag and drop.\n   * @attribute\n   */\n  @property({ type: Boolean }) parentDropZone?: boolean;\n\n  /**\n   * The computed entity when the key or root change.\n   */\n  @state() protected _entity?: DataEntity;\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('key')) {\n      this._computeEntity();\n    }\n  }\n\n  /**\n   * Adds a parent entity to this entity.\n   * @param parentKey The key of the parent to add.\n   */\n  addParent(parentKey: string): void {\n    const { key, _entity } = this;\n    if (!parentKey || parentKey === key || !_entity) {\n      return;\n    }\n    if (!_entity.parents.includes(parentKey)) {\n      _entity.parents.push(parentKey);\n    }\n    this._notifyChanged();\n  }\n\n  protected _notifyChanged(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  /**\n   * Computes the view value for the property.\n   * This should be called before the update is complete so this won't trigger another update.\n   */\n  protected _computeEntity(): void {\n    const { root, key } = this;\n    if (!root || !key) {\n      this._entity = undefined;\n      return;\n    }\n    this._entity = root.definitions.entities.find(i => i.key === key);\n  }\n\n  protected _infoChangeHandler(e: Event): void {\n    const { _entity } = this;\n    if (!_entity) {\n      return;\n    }\n    const node = e.target as Input;\n    const { name, value } = node;\n    if (!['name', 'displayName', 'description'].includes(name as string)) {\n      return;\n    }\n    if (name === 'name' && !value) {\n      return;\n    }\n    _entity.info[name as 'name' | 'description' | 'displayName'] = value;\n    this._notifyChanged();\n    if (name === 'name' || name === 'displayName') {\n      this.dispatchEvent(new Event('namechange'));\n    }\n  }\n\n  protected _checkedHandler(e: Event): void {\n    const { _entity } = this;\n    if (!_entity) {\n      return;\n    }\n    const input = e.target as CheckboxElement;\n    const name = input.name as 'deprecated';\n    const { checked } = input;\n    if (_entity[name] === checked) {\n      return;\n    }\n    _entity[name] = checked;\n    this._notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected _dragoverHandler(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer) {\n      return;\n    }\n    e.preventDefault();\n    e.preventDefault();\n    dataTransfer.dropEffect = \"copy\";\n  }\n\n  protected _dropHandler(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer) {\n      return;\n    }\n\n    const node = e.target as HTMLElement;\n    const { type } = node.dataset;\n    if (type === 'entity-parent') {\n      e.preventDefault();\n      this.parentDropZone = false;\n      const key = dataTransfer.getData('text/key');\n      this.addParent(key);\n    }\n  }\n\n  protected _parentRemoveHandler(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    if (node.dataset.key) {\n      this.removeParent(node.dataset.key);\n    }\n  }\n\n  /**\n   * Removes a parent with the given key.\n   * @param key The key of the parent to remove.\n   */\n  removeParent(key: string): void {\n    const { _entity } = this;\n    if (!key || !_entity) {\n      return;\n    }\n    const index = _entity.parents.indexOf(key);\n    if (index < 0) {\n      return;\n    }\n    _entity.parents.splice(index, 1);\n    this._notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected override render(): TemplateResult {\n    const { _entity: item } = this;\n    if (!item) {\n      return html``;\n    }\n\n    const { info, deprecated = false } = item;\n    return html`\n    <form name=\"entity\" @submit=\"${EventUtils.cancelEvent}\" data-key=\"${item.key}\">\n      <ui-text-field class=\"input\" name=\"name\" .value=\"${live(info.name || '')}\" label=\"Entity name\" required @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      <ui-text-field class=\"input\" name=\"displayName\" .value=\"${live(info.displayName || '')}\" label=\"Display name (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      <ui-text-field class=\"input\" name=\"description\" .value=\"${live(info.description || '')}\" label=\"Entity description (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n\n      <div class=\"checkbox-group\">\n        <label class=\"label-large\">\n          <ui-checkbox name=\"deprecated\" .checked=\"${deprecated}\" title=\"Makes this entity deprecated.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Deprecated\n        </label>\n      </div>\n\n      ${this._parentsEditorTemplate(item)}\n    </form>\n    `\n  }\n\n  protected _parentsEditorTemplate(entity: DataEntity): TemplateResult {\n    return html`\n    <ui-divider type=\"full\"></ui-divider>\n    <div class=\"editor-title title-medium\">Parents</div>\n    ${this.parentDropZone ? this._parentDropZoneTemplate() : this._parentsTemplate(entity)}\n    `;\n  }\n\n  protected _parentDropZoneTemplate(): TemplateResult {\n    return html`<div \n      class=\"drop-zone\" \n      data-type=\"entity-parent\" \n      @dragover=\"${this._dragoverHandler}\" \n      @drop=\"${this._dropHandler}\">\n      Drop a parent entity here.\n    </div>`;\n  }\n\n  protected _parentsTemplate(entity: DataEntity): TemplateResult {\n    const parents = entity.getComputedParents();\n    return html`\n    ${parents.length ? this._parentsListTemplate(parents) : this.renderEmptyParentsMessage()}\n    `;\n  }\n\n  protected renderEmptyParentsMessage(): TemplateResult {\n    return html`\n      <p class=\"no-description no-info body-medium\">No parent entities. You can drop an entity here to create an association.</p>\n    `;\n  }\n\n  protected _parentsListTemplate(parents: DataEntity[]): TemplateResult {\n    return html`\n    <ul class=\"parents-list\">\n      ${parents.map(p => this._parentItemTemplate(p))}\n    </ul>\n    `;\n  }\n\n  protected _parentItemTemplate(item: DataEntity): TemplateResult {\n    const parent = item.getParent();\n    const label = item.info.name || item.key;\n    return html`\n    <li class=\"parent-item${parent ? ' two-line' : ''}\" data-key=\"${item.key}\">\n      <div class=\"parent-item-wrapper\">\n        <span class=\"parent-label\">${label}</span>\n        ${parent ? html`<div class=\"secondary\">From data model: ${parent.info.name}</div>` : ''}\n      </div>\n      <ui-icon-button aria-label=\"Remove this parent\" title=\"Removes this parent\" data-key=\"${item.key}\" @click=\"${this._parentRemoveHandler}\">\n        <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n      </ui-icon-button>\n    </li>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"EntityFormElement.js","sourceRoot":"","sources":["../../../src/elements/schema-design/EntityFormElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResult, html, PropertyValues, TemplateResult } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { DataEntity, DataNamespace, EventUtils } from \"@api-client/core/build/browser.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport EditorCommon from './CommonStyles.js';\nimport theme from '../theme.js';\nimport typography from \"../../styles/m3/typography.module.js\";\nimport type Input from \"../../ui/input/Input.js\";\nimport type CheckboxElement from \"../../ui/input/CheckboxElement.js\";\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-checkbox.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\n\n/**\n * An editor for a data entity.\n * \n * @fires change - When the entity has changed.\n * @fires namechange - When a name of the entity has changed.\n */\nexport default class EntityFormElement extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return [\n      theme,\n      EditorCommon,\n      typography,\n      css`\n      :host {\n        display: block;\n      }\n\n      .no-info {\n        margin: 12px 20px;\n      }\n\n      .parents-list {\n        margin: 0;\n        padding: 0;\n      }\n\n      .parent-item {\n        list-style: none;\n        height: var(--list-item-height, 40px);\n        display: flex;\n        align-items: center;\n        padding: 0 20px;\n      }\n\n      .parent-item.two-line {\n        height: var(--list-item-two-line-height);\n      }\n\n      .parent-item-wrapper {\n        flex: 1;\n      }\n      `\n    ]\n  }\n\n  /**\n   * The key of the entity to edit.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) key?: string;\n\n  /**\n   * The read data namespace.\n   */\n  @property({ type: Object }) root?: DataNamespace;\n\n  /**\n   * When set it activates the drop zone in the parents list to support drag and drop.\n   * @attribute\n   */\n  @property({ type: Boolean }) parentDropZone?: boolean;\n\n  /**\n   * The computed entity when the key or root change.\n   */\n  @state() protected _entity?: DataEntity;\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('key')) {\n      this._computeEntity();\n    }\n  }\n\n  /**\n   * Adds a parent entity to this entity.\n   * @param parentKey The key of the parent to add.\n   */\n  addParent(parentKey: string): void {\n    const { key, _entity } = this;\n    if (!parentKey || parentKey === key || !_entity) {\n      return;\n    }\n    if (!_entity.parents.includes(parentKey)) {\n      _entity.parents.push(parentKey);\n    }\n    this.notifyChange();\n  }\n\n  /**\n   * Computes the view value for the property.\n   * This should be called before the update is complete so this won't trigger another update.\n   */\n  protected _computeEntity(): void {\n    const { root, key } = this;\n    if (!root || !key) {\n      this._entity = undefined;\n      return;\n    }\n    this._entity = root.definitions.entities.find(i => i.key === key);\n  }\n\n  protected _infoChangeHandler(e: Event): void {\n    const { _entity } = this;\n    if (!_entity) {\n      return;\n    }\n    const node = e.target as Input;\n    const { name, value } = node;\n    if (!['name', 'displayName', 'description'].includes(name as string)) {\n      return;\n    }\n    if (name === 'name' && !value) {\n      return;\n    }\n    _entity.info[name as 'name' | 'description' | 'displayName'] = value;\n    this.notifyChange();\n    if (name === 'name' || name === 'displayName') {\n      this.dispatchEvent(new Event('namechange'));\n    }\n  }\n\n  protected _checkedHandler(e: Event): void {\n    const { _entity } = this;\n    if (!_entity) {\n      return;\n    }\n    const input = e.target as CheckboxElement;\n    const name = input.name as 'deprecated';\n    const { checked } = input;\n    if (_entity[name] === checked) {\n      return;\n    }\n    _entity[name] = checked;\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected _dragoverHandler(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer) {\n      return;\n    }\n    e.preventDefault();\n    e.preventDefault();\n    dataTransfer.dropEffect = \"copy\";\n  }\n\n  protected _dropHandler(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer) {\n      return;\n    }\n\n    const node = e.target as HTMLElement;\n    const { type } = node.dataset;\n    if (type === 'entity-parent') {\n      e.preventDefault();\n      this.parentDropZone = false;\n      const key = dataTransfer.getData('text/key');\n      this.addParent(key);\n    }\n  }\n\n  protected _parentRemoveHandler(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    if (node.dataset.key) {\n      this.removeParent(node.dataset.key);\n    }\n  }\n\n  /**\n   * Removes a parent with the given key.\n   * @param key The key of the parent to remove.\n   */\n  removeParent(key: string): void {\n    const { _entity } = this;\n    if (!key || !_entity) {\n      return;\n    }\n    const index = _entity.parents.indexOf(key);\n    if (index < 0) {\n      return;\n    }\n    _entity.parents.splice(index, 1);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected override render(): TemplateResult {\n    const { _entity: item } = this;\n    if (!item) {\n      return html``;\n    }\n\n    const { info, deprecated = false } = item;\n    return html`\n    <form name=\"entity\" @submit=\"${EventUtils.cancelEvent}\" data-key=\"${item.key}\">\n      <ui-text-field class=\"input\" name=\"name\" .value=\"${live(info.name || '')}\" label=\"Entity name\" required @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      <ui-text-field class=\"input\" name=\"displayName\" .value=\"${live(info.displayName || '')}\" label=\"Display name (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      <ui-text-field class=\"input\" name=\"description\" .value=\"${live(info.description || '')}\" label=\"Entity description (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n\n      <div class=\"checkbox-group\">\n        <label class=\"label-large\">\n          <ui-checkbox name=\"deprecated\" .checked=\"${deprecated}\" title=\"Makes this entity deprecated.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Deprecated\n        </label>\n      </div>\n\n      ${this._parentsEditorTemplate(item)}\n    </form>\n    `\n  }\n\n  protected _parentsEditorTemplate(entity: DataEntity): TemplateResult {\n    return html`\n    <ui-divider type=\"full\"></ui-divider>\n    <div class=\"editor-title title-medium\">Parents</div>\n    ${this.parentDropZone ? this._parentDropZoneTemplate() : this._parentsTemplate(entity)}\n    `;\n  }\n\n  protected _parentDropZoneTemplate(): TemplateResult {\n    return html`<div \n      class=\"drop-zone\" \n      data-type=\"entity-parent\" \n      @dragover=\"${this._dragoverHandler}\" \n      @drop=\"${this._dropHandler}\">\n      Drop a parent entity here.\n    </div>`;\n  }\n\n  protected _parentsTemplate(entity: DataEntity): TemplateResult {\n    const parents = entity.getComputedParents();\n    return html`\n    ${parents.length ? this._parentsListTemplate(parents) : this.renderEmptyParentsMessage()}\n    `;\n  }\n\n  protected renderEmptyParentsMessage(): TemplateResult {\n    return html`\n      <p class=\"no-description no-info body-medium\">No parent entities. You can drop an entity here to create an association.</p>\n    `;\n  }\n\n  protected _parentsListTemplate(parents: DataEntity[]): TemplateResult {\n    return html`\n    <ul class=\"parents-list\">\n      ${parents.map(p => this._parentItemTemplate(p))}\n    </ul>\n    `;\n  }\n\n  protected _parentItemTemplate(item: DataEntity): TemplateResult {\n    const parent = item.getParent();\n    const label = item.info.name || item.key;\n    return html`\n    <li class=\"parent-item${parent ? ' two-line' : ''}\" data-key=\"${item.key}\">\n      <div class=\"parent-item-wrapper\">\n        <span class=\"parent-label\">${label}</span>\n        ${parent ? html`<div class=\"secondary\">From data model: ${parent.info.name}</div>` : ''}\n      </div>\n      <ui-icon-button aria-label=\"Remove this parent\" title=\"Removes this parent\" data-key=\"${item.key}\" @click=\"${this._parentRemoveHandler}\">\n        <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n      </ui-icon-button>\n    </li>\n    `;\n  }\n}\n"]}

package/dist/elements/schema-design/PropertyFormElement.d.ts

@@ -1,7 +1,7 @@
 import { DataNamespace, DataProperty, DataPropertyType } from "@api-client/core/build/browser.js";
 import { CSSResult, TemplateResult, nothing, PropertyValues } from "lit";
 import ApiElement from "../ApiElement.js";
-import { SupportedInputTypes } from "../../types/input.js";
+import type { SupportedInputTypes } from "../../types/input.js";
 import '../../define/ui/ui-text-field.js';
 import '../../define/ui/ui-checkbox.js';
 import '../../define/ui/ui-divider.js';
@@ -33,7 +33,6 @@ export default class PropertyFormElement extends ApiElement {
      */
     protected _property?: DataProperty;
     willUpdate(cp: PropertyValues<this>): void;
-    protected _notifyChanged(): void;
     /**
      * Computes the view value for the property.
      * This should be called before the update is complete so this won't trigger another update.

package/dist/elements/schema-design/PropertyFormElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyFormElement.d.ts","sourceRoot":"","sources":["../../../src/elements/schema-design/PropertyFormElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"PropertyFormElement.d.ts","sourceRoot":"","sources":["../../../src/elements/schema-design/PropertyFormElement.ts"],"names":[],"mappings":"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"}

package/dist/elements/schema-design/PropertyFormElement.js

@@ -49,26 +49,11 @@ export default class PropertyFormElement extends ApiElement {
       `
         ];
     }
-    /**
-     * The key of the property to edit.
-     */
-    key;
-    /**
-     * The read data namespace.
-     */
-    root;
-    /**
-     * The computed entity when the key or root change.
-     */
-    _property;
     willUpdate(cp) {
         if (cp.has('key')) {
             this._computeProperty();
         }
     }
-    _notifyChanged() {
-        this.dispatchEvent(new Event('change'));
-    }
     /**
      * Computes the view value for the property.
      * This should be called before the update is complete so this won't trigger another update.
@@ -95,7 +80,7 @@ export default class PropertyFormElement extends ApiElement {
             return;
         }
         _property.info[name] = value;
-        this._notifyChanged();
+        this.notifyChange();
         this.requestUpdate();
     }
     setType(value) {
@@ -107,7 +92,7 @@ export default class PropertyFormElement extends ApiElement {
             return;
         }
         _property.type = value;
-        this._notifyChanged();
+        this.notifyChange();
         this.requestUpdate();
     }
     typeSelectHandler(e) {
@@ -132,7 +117,7 @@ export default class PropertyFormElement extends ApiElement {
             return;
         }
         _property[name] = checked;
-        this._notifyChanged();
+        this.notifyChange();
         this.requestUpdate();
     }
     defaultValueHandler(e) {
@@ -169,7 +154,7 @@ export default class PropertyFormElement extends ApiElement {
         else {
             delete schema.defaultValue;
         }
-        this._notifyChanged();
+        this.notifyChange();
     }
     /**
      * Adds an example value to the current property's schema.
@@ -187,7 +172,7 @@ export default class PropertyFormElement extends ApiElement {
         }
         const list = schema.examples;
         list.push(value);
-        this._notifyChanged();
+        this.notifyChange();
         this.requestUpdate();
     }
     /**
@@ -205,7 +190,7 @@ export default class PropertyFormElement extends ApiElement {
             return;
         }
         schema.examples.splice(index, 1);
-        this._notifyChanged();
+        this.notifyChange();
         this.requestUpdate();
     }
     exampleAddHandler(e) {
@@ -242,7 +227,7 @@ export default class PropertyFormElement extends ApiElement {
         }
         const list = schema.enum;
         list.push(value);
-        this._notifyChanged();
+        this.notifyChange();
         this.requestUpdate();
     }
     /**
@@ -260,7 +245,7 @@ export default class PropertyFormElement extends ApiElement {
             return;
         }
         schema.enum.splice(index, 1);
-        this._notifyChanged();
+        this.notifyChange();
         this.requestUpdate();
     }
     enumAddHandler(e) {

package/dist/elements/schema-design/PropertyFormElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyFormElement.js","sourceRoot":"","sources":["../../../src/elements/schema-design/PropertyFormElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { DataNamespace, DataProperty, DataPropertyType, DataPropertyTypes, EventUtils } from \"@api-client/core/build/browser.js\";\nimport { css, CSSResult, html, TemplateResult, nothing, PropertyValues } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { IPropertySchema } from \"@api-client/core/build/src/models/data/Bindings.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport EditorCommon from './CommonStyles.js';\nimport theme from '../theme.js';\nimport typography from \"../../styles/m3/typography.module.js\";\nimport CheckboxElement from \"../../ui/input/CheckboxElement.js\";\nimport { SupportedInputTypes } from \"../../types/input.js\";\nimport Input from \"../../ui/input/Input.js\";\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-checkbox.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-dropdown-list.js';\nimport '../../define/ui/ui-icon.js';\n\ninterface IInputTemplateOptions {\n  type: DataPropertyType;\n  name: string;\n  label: string;\n  handler: (e: Event) => void;\n  value?: unknown;\n  addButton?: boolean;\n}\n\nexport default class PropertyFormElement extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return [\n      theme,\n      EditorCommon,\n      typography,\n      css`\n      :host {\n        display: block;\n      }\n\n      .no-description {\n        margin: 1.2rem 20px;\n      }\n\n      .enum-values {\n        margin: 0px 0px 20px;\n        padding: 0px 0px 20px;\n      }\n\n      .input-item {\n        display: flex;\n        list-style: none;\n        margin: 4px 20px;\n      }\n\n      .input.list-input {\n        margin: 0;\n        flex: 1;\n      }\n      `\n    ]\n  }\n  \n  /**\n   * The key of the property to edit.\n   */\n  @property({ type: String, reflect: true }) key?: string;\n\n  /**\n   * The read data namespace.\n   */\n  @property({ type: Object }) root?: DataNamespace;\n\n  /**\n   * The computed entity when the key or root change.\n   */\n  @state() protected _property?: DataProperty;\n\n  override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('key')) {\n      this._computeProperty();\n    }\n  }\n\n  protected _notifyChanged(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  /**\n   * Computes the view value for the property.\n   * This should be called before the update is complete so this won't trigger another update.\n   */\n  protected _computeProperty(): void {\n    const { root, key } = this;\n    if (!root || !key) {\n      this._property = undefined;\n      return;\n    }\n    this._property = root.definitions.properties.find(i => i.key === key);\n  }\n\n  protected _infoChangeHandler(e: Event): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const node = e.target as Input;\n    const { name, value } = node;\n    if (!['name', 'description', 'displayName'].includes(name as string)) {\n      return;\n    }\n    if (name === 'name' && !value) {\n      return;\n    }\n    _property.info[name as 'name' | 'description' | 'displayName'] = value;\n    this._notifyChanged();\n    this.requestUpdate();\n  }\n\n  setType(value: DataPropertyType): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    if (_property.type === value) {\n      return;\n    }\n    _property.type = value;\n    this._notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected typeSelectHandler(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined;\n    if (!target) {\n      return;\n    }\n    const value = target.dataset.value as DataPropertyType | undefined;\n    if (value) {\n      this.setType(value);\n    }\n  }\n\n  protected _checkedHandler(e: Event): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const input = e.target as CheckboxElement;\n    const name = input.name as 'multiple' | 'required' | 'primary' | 'index';\n    const { checked } = input;\n    if (_property[name] === checked) {\n      return;\n    }\n    _property[name] = checked;\n    this._notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected defaultValueHandler(e: CustomEvent): void {\n    const target = e.target as HTMLElement;\n    let value: string | undefined;\n    if (target.localName === 'ui-dropdown-list') {\n      const item = e.detail.item as HTMLElement;\n      value = item.dataset.value;\n      this.requestUpdate();\n    } else {\n      const input = e.target as Input;\n      value = input.value;\n    }\n    this.setDefaultValue(value);\n  }\n\n  /**\n   * Sets a new defaultValue on the property schema\n   * @param value The default value to set. Empty to remove.\n   */\n  setDefaultValue(value?: string): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (value === schema.defaultValue) {\n      return;\n    }\n    if (value) {\n      schema.defaultValue = value;\n    } else {\n      delete schema.defaultValue;\n    }\n    this._notifyChanged();\n  }\n\n  /**\n   * Adds an example value to the current property's schema.\n   * @param value The example value to add\n   */\n  addExample(value: string): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (!schema.examples) {\n      schema.examples = [];\n    }\n    const list = schema.examples as string[];\n    list.push(value as string);\n    this._notifyChanged();\n    this.requestUpdate();\n  }\n\n  /**\n   * Removes an example value at position.\n   * @param index The position from which to remove the example value.\n   */\n  removeExample(index: number): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (!schema.examples) {\n      return;\n    }\n    schema.examples.splice(index, 1);\n    this._notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected exampleAddHandler(e: Event): void {\n    const input = (e.currentTarget as HTMLElement).parentElement as Input;\n    const { value } = input;\n    if (!value) {\n      return;\n    }\n    this.addExample(value);\n    input.value = '';\n  }\n\n  protected exampleRemoveHandler(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    const { dataset } = node;\n    if (!dataset.index) {\n      return;\n    }\n    const index = Number(dataset.index);\n    this.removeExample(index);\n  }\n\n  /**\n   * Adds an enum value to the current property's schema.\n   * @param value The enum value to add\n   */\n  addEnum(value: string): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (!schema.enum) {\n      schema.enum = [];\n    }\n    const list = schema.enum as string[];\n    list.push(value as string);\n    this._notifyChanged();\n    this.requestUpdate();\n  }\n\n  /**\n   * Removes an enum value at position.\n   * @param index The position from which to remove the enum value.\n   */\n  removeEnum(index: number): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (!schema.enum) {\n      return;\n    }\n    schema.enum.splice(index, 1);\n    this._notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected enumAddHandler(e: Event): void {\n    const input = (e.currentTarget as HTMLElement).parentElement as Input;\n    const { value } = input;\n    if (!value) {\n      return;\n    }\n    this.addEnum(value);\n    input.value = '';\n  }\n\n  protected enumRemoveHandler(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    const { dataset } = node;\n    if (!dataset.index) {\n      return;\n    }\n    const index = Number(dataset.index);\n    this.removeEnum(index);\n  }\n\n  protected _getAdapted(dataProperty: DataProperty): DataProperty {\n    let adapted: DataProperty;\n    if (!dataProperty.adapts) {\n      adapted = dataProperty.createAdapted();\n    } else {\n      adapted = dataProperty.readAdapted() as DataProperty;\n    }\n    if (!adapted.schema) {\n      adapted.schema = {};\n    }\n    return adapted;\n  }\n\n  protected override render(): TemplateResult {\n    const { _property: item } = this;\n    if (!item) {\n      return html``;\n    }\n    const { info, multiple = false, required = false, primary = false, index = false, readOnly = false, writeOnly = false, deprecated = false } = item;\n    // const allTags = this.root?.definitions.tags;\n    return html`\n    <form name=\"data-property\" @submit=\"${EventUtils.cancelEvent}\" data-key=\"${item.key}\">\n      <ui-text-field class=\"input\" name=\"name\" .value=\"${live(info.name || '')}\" label=\"Property name\" required @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      <ui-text-field class=\"input\" name=\"displayName\" .value=\"${live(info.displayName || '')}\" label=\"Display name (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      <ui-text-field class=\"input\" name=\"description\" .value=\"${live(info.description || '')}\" label=\"Property description (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      ${this.renderTypeSelector(item)}\n\n      <div class=\"checkbox-group\">\n        <label class=\"label-large\">\n          <ui-checkbox name=\"required\" .checked=\"${required}\" title=\"Whether the property is required in the schema\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Required\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"multiple\" .checked=\"${multiple}\" title=\"When set it declares this property as an array. Multiple instances of the value are permitted.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Multiple\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"primary\" .checked=\"${primary}\" title=\"Makes this property a primary key for the schema. This is optional for a schema.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Primary key\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"index\" .checked=\"${index}\" title=\"Indicates the property is a key and should be indexed.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Indexed key\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"readOnly\" .checked=\"${readOnly}\" title=\"The value cannot be changed.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Read only\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"writeOnly\" .checked=\"${writeOnly}\" title=\"The value cannot be read.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Write only\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"deprecated\" .checked=\"${deprecated}\" title=\"Makes this property deprecated.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Deprecated\n        </label>\n      </div>\n      \n      ${this.renderSchemaEditor(item)}\n    </form>\n    `;\n  }\n\n  protected renderSchemaEditor(item: DataProperty): TemplateResult | typeof nothing {\n    if (['binary'].includes(item.type)) {\n      return nothing;\n    }\n    const adapted = item.readAdapted();\n    const schema = adapted && adapted.schema;\n    let examples: string[] | undefined;\n    let values: string[] | undefined;\n    if (schema) {\n      examples = schema.examples;\n      values = schema.enum;\n    }\n    return html`\n    <ui-divider type=\"full\"></ui-divider>\n    <div class=\"editor-title title-medium\">Schema</div>\n    ${this.renderDefaultValueInput(item)}\n    ${this.renderExamplesEditor(item, examples)}\n    ${this.renderEnumEditor(item, values)}\n    `;\n  }\n\n  protected renderDefaultValueInput(item: DataProperty): TemplateResult | typeof nothing {\n    const adapted = item.readAdapted();\n    const schema = adapted && adapted.schema;\n    return this.renderTypedInput({\n      name: 'defaultValue',\n      label: 'Enter default value (optional)',\n      type: item.type,\n      handler: this.defaultValueHandler as (e: Event) => void,\n      value: schema?.defaultValue,\n    });\n  }\n\n  protected renderExamplesEditor(item: DataProperty, examples?: string[]): TemplateResult | typeof nothing {\n    if (['nil', 'boolean', 'binary'].includes(item.type)) {\n      return nothing;\n    }\n    return html`\n    <ui-divider type=\"middle\"></ui-divider>\n    <div class=\"editor-title title-small\">Examples</div>\n    ${this.renderExampleInput(item)}\n    ${this.renderExampleList(examples)}\n    `;\n  }\n\n  protected renderExampleInput(item: DataProperty): TemplateResult {\n    return this.renderTypedInput({\n      name: 'example',\n      label: 'Enter example value',\n      type: item.type,\n      handler: this.exampleAddHandler,\n      addButton: true,\n    });\n  }\n\n  protected renderExampleList(examples?: string[]): TemplateResult {\n    if (!examples || !examples.length) {\n      return html`<div class=\"no-description\">No examples.</div>`;\n    }\n    return html`\n    <ul class=\"value-list\">\n      ${examples.map((label, index) => html`\n        <li>\n          <span class=\"label-medium value\" title=\"${label}\">${label}</span>\n          <ui-icon-button aria-label=\"Remove example\" title=\"Removes the example\" data-index=\"${index}\" @click=\"${this.exampleRemoveHandler}\">\n            <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n          </ui-icon-button>\n        </li>\n      `)}\n    </ul>\n    `;\n  }\n\n  protected renderEnumEditor(item: DataProperty, values?: string[]): TemplateResult | typeof nothing {\n    if (['nil', 'boolean', 'binary'].includes(item.type)) {\n      return nothing;\n    }\n    return html`\n    <ui-divider type=\"middle\"></ui-divider>\n    <div class=\"editor-title title-small\">Enum values</div>\n    ${this.renderEnumInput(item)}\n    ${this.renderEnumList(values)}\n    `;\n  }\n\n  protected renderEnumInput(item: DataProperty): TemplateResult {\n    return this.renderTypedInput({\n      name: 'enum',\n      label: 'Enter enum value',\n      type: item.type,\n      handler: this.enumAddHandler,\n      addButton: true,\n    });\n  }\n\n  protected renderEnumList(values?: string[]): TemplateResult {\n    if (!values || !values.length) {\n      return html`\n      <div class=\"no-description\">No enum values.</div>\n      `;\n    }\n    return html`\n    <ul class=\"value-list\">\n      ${values.map((label, index) => html`\n        <li>\n          <span class=\"label-medium value\" title=\"${label}\">${label}</span>\n          <ui-icon-button aria-label=\"Remove enum value\" title=\"Removes the enum value\" data-index=\"${index}\" @click=\"${this.enumRemoveHandler}\">\n            <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n          </ui-icon-button>\n        </li>\n      `)}\n    </ul>\n    `;\n  }\n\n  protected propertyToInputType(type: DataPropertyType): SupportedInputTypes {\n    switch (type) {\n      // for `number` type we use text with `inputmode=numeric` attribute to mitigate the use of `step`.\n      case 'integer': return 'number'; \n      case 'date': return 'date';\n      case 'time': return 'time';\n      case 'datetime': return 'datetime-local';\n      default: return 'text';\n    }\n  }\n\n  /**\n   * Renders an input that depends on the property type.\n   */\n  protected renderTypedInput(opts: IInputTemplateOptions): TemplateResult {\n    if (opts.type === 'boolean') {\n      return this.renderBooleanInput(opts);\n    }\n    if (opts.type === 'nil') {\n      return this.renderNilInput(opts);\n    }\n    return this.renderTextField(opts);\n  }\n\n  protected renderTextField(opts: IInputTemplateOptions): TemplateResult {\n    const inputType = this.propertyToInputType(opts.type);\n    let step: string | undefined;\n    let inputMode: string | undefined;\n    let pattern: string | undefined;\n    if (['time', 'datetime-local'].includes(opts.type) || opts.type === 'integer') {\n      step = '1';\n    } else if (opts.type === 'number') {\n      inputMode = 'numeric';\n      pattern = '^\\\\d*\\\\.?\\\\d*$';\n    }\n    const changeListener = opts.addButton ? undefined : opts.handler;\n    return html`\n    <ui-text-field \n      class=\"input\" \n      name=\"${opts.name}\" \n      .value=\"${live(opts.value as string || '')}\" \n      label=\"${opts.label}\" \n      type=\"${inputType}\" \n      step=\"${ifDefined(step)}\"\n      inputMode=\"${ifDefined(inputMode)}\"\n      pattern=\"${ifDefined(pattern)}\"\n      @change=\"${changeListener}\"\n    >\n      ${opts.addButton ? html`\n      <ui-icon-button type=\"outlined\" slot=\"suffix\" aria-label=\"Add value\" title=\"Click this button to accept the value\" @click=\"${opts.handler}\">\n        <ui-icon icon=\"add\" role=\"presentation\"></ui-icon>\n      </ui-icon-button>\n      ` : ''}\n    </ui-text-field>\n    `;\n  }\n\n  protected renderNilInput(opts: IInputTemplateOptions): TemplateResult {\n    return html`\n    <ui-dropdown-list class=\"input dropdown\" @select=\"${opts.handler}\" closeOnOutsideClick>\n      <ui-text-field readOnly label=\"${opts.label}\" name=\"${opts.name}\" .value=\"${opts.value as string || ''}\" role=\"button\">\n        <ui-icon slot=\"suffix\" icon=\"arrowDropDown\"></ui-icon>\n      </ui-text-field>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        <ui-list-item data-value=\"\" role=\"menuitem\">None</ui-list-item>\n        <ui-list-item data-value=\"null\" role=\"menuitem\">Nil</ui-list-item>\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderBooleanInput(opts: IInputTemplateOptions): TemplateResult {\n    return html`\n    <ui-dropdown-list class=\"input dropdown\" @select=\"${opts.handler}\" closeOnOutsideClick>\n      <ui-text-field readOnly label=\"${opts.label}\" name=\"${opts.name}\" .value=\"${opts.value as string || ''}\" role=\"button\">\n        <ui-icon slot=\"suffix\" icon=\"arrowDropDown\"></ui-icon>\n      </ui-text-field>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        <ui-list-item data-value=\"\" role=\"menuitem\">None</ui-list-item>\n        <ui-list-item data-value=\"true\" role=\"menuitem\">True</ui-list-item>\n        <ui-list-item data-value=\"false\" role=\"menuitem\">False</ui-list-item>\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderTypeSelector(item: DataProperty): TemplateResult {\n    const { type = 'any' } = item;\n    return html`\n    <ui-dropdown-list class=\"input dropdown\" @select=\"${this.typeSelectHandler}\" closeOnOutsideClick>\n      <ui-text-field readOnly title=\"Property data type\" label=\"Data type\" .value=\"${type}\" role=\"button\">\n        <ui-icon slot=\"suffix\" icon=\"arrowDropDown\"></ui-icon>\n      </ui-text-field>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${DataPropertyTypes.map(value => html`<ui-list-item data-value=\"${value}\" role=\"menuitem\">${value}</ui-list-item>`)}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"PropertyFormElement.js","sourceRoot":"","sources":["../../../src/elements/schema-design/PropertyFormElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { DataNamespace, DataProperty, DataPropertyType, DataPropertyTypes, EventUtils } from \"@api-client/core/build/browser.js\";\nimport { css, CSSResult, html, TemplateResult, nothing, PropertyValues } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { IPropertySchema } from \"@api-client/core/build/src/models/data/Bindings.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport EditorCommon from './CommonStyles.js';\nimport theme from '../theme.js';\nimport typography from \"../../styles/m3/typography.module.js\";\nimport type CheckboxElement from \"../../ui/input/CheckboxElement.js\";\nimport type { SupportedInputTypes } from \"../../types/input.js\";\nimport type Input from \"../../ui/input/Input.js\";\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-checkbox.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-dropdown-list.js';\nimport '../../define/ui/ui-icon.js';\n\ninterface IInputTemplateOptions {\n  type: DataPropertyType;\n  name: string;\n  label: string;\n  handler: (e: Event) => void;\n  value?: unknown;\n  addButton?: boolean;\n}\n\nexport default class PropertyFormElement extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return [\n      theme,\n      EditorCommon,\n      typography,\n      css`\n      :host {\n        display: block;\n      }\n\n      .no-description {\n        margin: 1.2rem 20px;\n      }\n\n      .enum-values {\n        margin: 0px 0px 20px;\n        padding: 0px 0px 20px;\n      }\n\n      .input-item {\n        display: flex;\n        list-style: none;\n        margin: 4px 20px;\n      }\n\n      .input.list-input {\n        margin: 0;\n        flex: 1;\n      }\n      `\n    ]\n  }\n  \n  /**\n   * The key of the property to edit.\n   */\n  @property({ type: String, reflect: true }) key?: string;\n\n  /**\n   * The read data namespace.\n   */\n  @property({ type: Object }) root?: DataNamespace;\n\n  /**\n   * The computed entity when the key or root change.\n   */\n  @state() protected _property?: DataProperty;\n\n  override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('key')) {\n      this._computeProperty();\n    }\n  }\n\n  /**\n   * Computes the view value for the property.\n   * This should be called before the update is complete so this won't trigger another update.\n   */\n  protected _computeProperty(): void {\n    const { root, key } = this;\n    if (!root || !key) {\n      this._property = undefined;\n      return;\n    }\n    this._property = root.definitions.properties.find(i => i.key === key);\n  }\n\n  protected _infoChangeHandler(e: Event): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const node = e.target as Input;\n    const { name, value } = node;\n    if (!['name', 'description', 'displayName'].includes(name as string)) {\n      return;\n    }\n    if (name === 'name' && !value) {\n      return;\n    }\n    _property.info[name as 'name' | 'description' | 'displayName'] = value;\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  setType(value: DataPropertyType): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    if (_property.type === value) {\n      return;\n    }\n    _property.type = value;\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected typeSelectHandler(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined;\n    if (!target) {\n      return;\n    }\n    const value = target.dataset.value as DataPropertyType | undefined;\n    if (value) {\n      this.setType(value);\n    }\n  }\n\n  protected _checkedHandler(e: Event): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const input = e.target as CheckboxElement;\n    const name = input.name as 'multiple' | 'required' | 'primary' | 'index';\n    const { checked } = input;\n    if (_property[name] === checked) {\n      return;\n    }\n    _property[name] = checked;\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected defaultValueHandler(e: CustomEvent): void {\n    const target = e.target as HTMLElement;\n    let value: string | undefined;\n    if (target.localName === 'ui-dropdown-list') {\n      const item = e.detail.item as HTMLElement;\n      value = item.dataset.value;\n      this.requestUpdate();\n    } else {\n      const input = e.target as Input;\n      value = input.value;\n    }\n    this.setDefaultValue(value);\n  }\n\n  /**\n   * Sets a new defaultValue on the property schema\n   * @param value The default value to set. Empty to remove.\n   */\n  setDefaultValue(value?: string): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (value === schema.defaultValue) {\n      return;\n    }\n    if (value) {\n      schema.defaultValue = value;\n    } else {\n      delete schema.defaultValue;\n    }\n    this.notifyChange();\n  }\n\n  /**\n   * Adds an example value to the current property's schema.\n   * @param value The example value to add\n   */\n  addExample(value: string): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (!schema.examples) {\n      schema.examples = [];\n    }\n    const list = schema.examples as string[];\n    list.push(value as string);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  /**\n   * Removes an example value at position.\n   * @param index The position from which to remove the example value.\n   */\n  removeExample(index: number): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (!schema.examples) {\n      return;\n    }\n    schema.examples.splice(index, 1);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected exampleAddHandler(e: Event): void {\n    const input = (e.currentTarget as HTMLElement).parentElement as Input;\n    const { value } = input;\n    if (!value) {\n      return;\n    }\n    this.addExample(value);\n    input.value = '';\n  }\n\n  protected exampleRemoveHandler(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    const { dataset } = node;\n    if (!dataset.index) {\n      return;\n    }\n    const index = Number(dataset.index);\n    this.removeExample(index);\n  }\n\n  /**\n   * Adds an enum value to the current property's schema.\n   * @param value The enum value to add\n   */\n  addEnum(value: string): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (!schema.enum) {\n      schema.enum = [];\n    }\n    const list = schema.enum as string[];\n    list.push(value as string);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  /**\n   * Removes an enum value at position.\n   * @param index The position from which to remove the enum value.\n   */\n  removeEnum(index: number): void {\n    const { _property } = this;\n    if (!_property) {\n      return;\n    }\n    const adapted = this._getAdapted(_property);\n    const schema = adapted.schema as IPropertySchema;\n    if (!schema.enum) {\n      return;\n    }\n    schema.enum.splice(index, 1);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected enumAddHandler(e: Event): void {\n    const input = (e.currentTarget as HTMLElement).parentElement as Input;\n    const { value } = input;\n    if (!value) {\n      return;\n    }\n    this.addEnum(value);\n    input.value = '';\n  }\n\n  protected enumRemoveHandler(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    const { dataset } = node;\n    if (!dataset.index) {\n      return;\n    }\n    const index = Number(dataset.index);\n    this.removeEnum(index);\n  }\n\n  protected _getAdapted(dataProperty: DataProperty): DataProperty {\n    let adapted: DataProperty;\n    if (!dataProperty.adapts) {\n      adapted = dataProperty.createAdapted();\n    } else {\n      adapted = dataProperty.readAdapted() as DataProperty;\n    }\n    if (!adapted.schema) {\n      adapted.schema = {};\n    }\n    return adapted;\n  }\n\n  protected override render(): TemplateResult {\n    const { _property: item } = this;\n    if (!item) {\n      return html``;\n    }\n    const { info, multiple = false, required = false, primary = false, index = false, readOnly = false, writeOnly = false, deprecated = false } = item;\n    // const allTags = this.root?.definitions.tags;\n    return html`\n    <form name=\"data-property\" @submit=\"${EventUtils.cancelEvent}\" data-key=\"${item.key}\">\n      <ui-text-field class=\"input\" name=\"name\" .value=\"${live(info.name || '')}\" label=\"Property name\" required @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      <ui-text-field class=\"input\" name=\"displayName\" .value=\"${live(info.displayName || '')}\" label=\"Display name (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      <ui-text-field class=\"input\" name=\"description\" .value=\"${live(info.description || '')}\" label=\"Property description (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n      ${this.renderTypeSelector(item)}\n\n      <div class=\"checkbox-group\">\n        <label class=\"label-large\">\n          <ui-checkbox name=\"required\" .checked=\"${required}\" title=\"Whether the property is required in the schema\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Required\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"multiple\" .checked=\"${multiple}\" title=\"When set it declares this property as an array. Multiple instances of the value are permitted.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Multiple\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"primary\" .checked=\"${primary}\" title=\"Makes this property a primary key for the schema. This is optional for a schema.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Primary key\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"index\" .checked=\"${index}\" title=\"Indicates the property is a key and should be indexed.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Indexed key\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"readOnly\" .checked=\"${readOnly}\" title=\"The value cannot be changed.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Read only\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"writeOnly\" .checked=\"${writeOnly}\" title=\"The value cannot be read.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Write only\n        </label>\n        <label class=\"label-large\">\n          <ui-checkbox name=\"deprecated\" .checked=\"${deprecated}\" title=\"Makes this property deprecated.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n          Deprecated\n        </label>\n      </div>\n      \n      ${this.renderSchemaEditor(item)}\n    </form>\n    `;\n  }\n\n  protected renderSchemaEditor(item: DataProperty): TemplateResult | typeof nothing {\n    if (['binary'].includes(item.type)) {\n      return nothing;\n    }\n    const adapted = item.readAdapted();\n    const schema = adapted && adapted.schema;\n    let examples: string[] | undefined;\n    let values: string[] | undefined;\n    if (schema) {\n      examples = schema.examples;\n      values = schema.enum;\n    }\n    return html`\n    <ui-divider type=\"full\"></ui-divider>\n    <div class=\"editor-title title-medium\">Schema</div>\n    ${this.renderDefaultValueInput(item)}\n    ${this.renderExamplesEditor(item, examples)}\n    ${this.renderEnumEditor(item, values)}\n    `;\n  }\n\n  protected renderDefaultValueInput(item: DataProperty): TemplateResult | typeof nothing {\n    const adapted = item.readAdapted();\n    const schema = adapted && adapted.schema;\n    return this.renderTypedInput({\n      name: 'defaultValue',\n      label: 'Enter default value (optional)',\n      type: item.type,\n      handler: this.defaultValueHandler as (e: Event) => void,\n      value: schema?.defaultValue,\n    });\n  }\n\n  protected renderExamplesEditor(item: DataProperty, examples?: string[]): TemplateResult | typeof nothing {\n    if (['nil', 'boolean', 'binary'].includes(item.type)) {\n      return nothing;\n    }\n    return html`\n    <ui-divider type=\"middle\"></ui-divider>\n    <div class=\"editor-title title-small\">Examples</div>\n    ${this.renderExampleInput(item)}\n    ${this.renderExampleList(examples)}\n    `;\n  }\n\n  protected renderExampleInput(item: DataProperty): TemplateResult {\n    return this.renderTypedInput({\n      name: 'example',\n      label: 'Enter example value',\n      type: item.type,\n      handler: this.exampleAddHandler,\n      addButton: true,\n    });\n  }\n\n  protected renderExampleList(examples?: string[]): TemplateResult {\n    if (!examples || !examples.length) {\n      return html`<div class=\"no-description\">No examples.</div>`;\n    }\n    return html`\n    <ul class=\"value-list\">\n      ${examples.map((label, index) => html`\n        <li>\n          <span class=\"label-medium value\" title=\"${label}\">${label}</span>\n          <ui-icon-button aria-label=\"Remove example\" title=\"Removes the example\" data-index=\"${index}\" @click=\"${this.exampleRemoveHandler}\">\n            <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n          </ui-icon-button>\n        </li>\n      `)}\n    </ul>\n    `;\n  }\n\n  protected renderEnumEditor(item: DataProperty, values?: string[]): TemplateResult | typeof nothing {\n    if (['nil', 'boolean', 'binary'].includes(item.type)) {\n      return nothing;\n    }\n    return html`\n    <ui-divider type=\"middle\"></ui-divider>\n    <div class=\"editor-title title-small\">Enum values</div>\n    ${this.renderEnumInput(item)}\n    ${this.renderEnumList(values)}\n    `;\n  }\n\n  protected renderEnumInput(item: DataProperty): TemplateResult {\n    return this.renderTypedInput({\n      name: 'enum',\n      label: 'Enter enum value',\n      type: item.type,\n      handler: this.enumAddHandler,\n      addButton: true,\n    });\n  }\n\n  protected renderEnumList(values?: string[]): TemplateResult {\n    if (!values || !values.length) {\n      return html`\n      <div class=\"no-description\">No enum values.</div>\n      `;\n    }\n    return html`\n    <ul class=\"value-list\">\n      ${values.map((label, index) => html`\n        <li>\n          <span class=\"label-medium value\" title=\"${label}\">${label}</span>\n          <ui-icon-button aria-label=\"Remove enum value\" title=\"Removes the enum value\" data-index=\"${index}\" @click=\"${this.enumRemoveHandler}\">\n            <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n          </ui-icon-button>\n        </li>\n      `)}\n    </ul>\n    `;\n  }\n\n  protected propertyToInputType(type: DataPropertyType): SupportedInputTypes {\n    switch (type) {\n      // for `number` type we use text with `inputmode=numeric` attribute to mitigate the use of `step`.\n      case 'integer': return 'number'; \n      case 'date': return 'date';\n      case 'time': return 'time';\n      case 'datetime': return 'datetime-local';\n      default: return 'text';\n    }\n  }\n\n  /**\n   * Renders an input that depends on the property type.\n   */\n  protected renderTypedInput(opts: IInputTemplateOptions): TemplateResult {\n    if (opts.type === 'boolean') {\n      return this.renderBooleanInput(opts);\n    }\n    if (opts.type === 'nil') {\n      return this.renderNilInput(opts);\n    }\n    return this.renderTextField(opts);\n  }\n\n  protected renderTextField(opts: IInputTemplateOptions): TemplateResult {\n    const inputType = this.propertyToInputType(opts.type);\n    let step: string | undefined;\n    let inputMode: string | undefined;\n    let pattern: string | undefined;\n    if (['time', 'datetime-local'].includes(opts.type) || opts.type === 'integer') {\n      step = '1';\n    } else if (opts.type === 'number') {\n      inputMode = 'numeric';\n      pattern = '^\\\\d*\\\\.?\\\\d*$';\n    }\n    const changeListener = opts.addButton ? undefined : opts.handler;\n    return html`\n    <ui-text-field \n      class=\"input\" \n      name=\"${opts.name}\" \n      .value=\"${live(opts.value as string || '')}\" \n      label=\"${opts.label}\" \n      type=\"${inputType}\" \n      step=\"${ifDefined(step)}\"\n      inputMode=\"${ifDefined(inputMode)}\"\n      pattern=\"${ifDefined(pattern)}\"\n      @change=\"${changeListener}\"\n    >\n      ${opts.addButton ? html`\n      <ui-icon-button type=\"outlined\" slot=\"suffix\" aria-label=\"Add value\" title=\"Click this button to accept the value\" @click=\"${opts.handler}\">\n        <ui-icon icon=\"add\" role=\"presentation\"></ui-icon>\n      </ui-icon-button>\n      ` : ''}\n    </ui-text-field>\n    `;\n  }\n\n  protected renderNilInput(opts: IInputTemplateOptions): TemplateResult {\n    return html`\n    <ui-dropdown-list class=\"input dropdown\" @select=\"${opts.handler}\" closeOnOutsideClick>\n      <ui-text-field readOnly label=\"${opts.label}\" name=\"${opts.name}\" .value=\"${opts.value as string || ''}\" role=\"button\">\n        <ui-icon slot=\"suffix\" icon=\"arrowDropDown\"></ui-icon>\n      </ui-text-field>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        <ui-list-item data-value=\"\" role=\"menuitem\">None</ui-list-item>\n        <ui-list-item data-value=\"null\" role=\"menuitem\">Nil</ui-list-item>\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderBooleanInput(opts: IInputTemplateOptions): TemplateResult {\n    return html`\n    <ui-dropdown-list class=\"input dropdown\" @select=\"${opts.handler}\" closeOnOutsideClick>\n      <ui-text-field readOnly label=\"${opts.label}\" name=\"${opts.name}\" .value=\"${opts.value as string || ''}\" role=\"button\">\n        <ui-icon slot=\"suffix\" icon=\"arrowDropDown\"></ui-icon>\n      </ui-text-field>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        <ui-list-item data-value=\"\" role=\"menuitem\">None</ui-list-item>\n        <ui-list-item data-value=\"true\" role=\"menuitem\">True</ui-list-item>\n        <ui-list-item data-value=\"false\" role=\"menuitem\">False</ui-list-item>\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderTypeSelector(item: DataProperty): TemplateResult {\n    const { type = 'any' } = item;\n    return html`\n    <ui-dropdown-list class=\"input dropdown\" @select=\"${this.typeSelectHandler}\" closeOnOutsideClick>\n      <ui-text-field readOnly title=\"Property data type\" label=\"Data type\" .value=\"${type}\" role=\"button\">\n        <ui-icon slot=\"suffix\" icon=\"arrowDropDown\"></ui-icon>\n      </ui-text-field>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${DataPropertyTypes.map(value => html`<ui-list-item data-value=\"${value}\" role=\"menuitem\">${value}</ui-list-item>`)}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n}\n"]}

package/dist/elements/schema-design/SchemaDesignNavigation.js

@@ -6,15 +6,6 @@ import AppNavigation from '../navigation/AppNavigationElement.js';
 import { Events } from '../../events/Events.js';
 import '../../define/ui/ui-icon.js';
 export default class SchemaDesignNavigation extends AppNavigation {
-    /**
-     * The instance of the root DataNamespace.
-     */
-    root;
-    /**
-     * The key of the selected namespace.
-     */
-    parentNamespace;
-    _nsSelectorOpened;
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('aria-label', 'Schema model');

package/dist/elements/schema-design/SchemaDesignNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaDesignNavigation.js","sourceRoot":"","sources":["../../../src/elements/schema-design/SchemaDesignNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { \n  DataEntity,\n  DataEntityKind,\n  DataModel,\n  DataModelKind,\n  DataNamespace,\n  DataNamespaceKind,\n} from '@api-client/core/build/browser.js';\nimport AppNavigation from '../navigation/AppNavigationElement.js';\nimport { Events } from '../../events/Events.js';\nimport '../../define/ui/ui-icon.js';\n\nexport default class SchemaDesignNavigation extends AppNavigation {\n  /**\n   * The instance of the root DataNamespace.\n   */\n  @property({ type: Object }) root?: DataNamespace;\n\n  /**\n   * The key of the selected namespace.\n   */\n  @property({ type: String }) parentNamespace?: string;\n\n  @state() protected _nsSelectorOpened?: boolean;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('aria-label', 'Schema model');\n  }\n\n  protected _toggleNsSelector(): void {\n    this._nsSelectorOpened = !this._nsSelectorOpened;\n  }\n\n  protected override _commitName(key: string, kind: string, name: string): void {\n    const { root } = this;\n    if (!root) {\n      return;\n    }\n    if (!name) {\n      return;\n    }\n    if (kind === DataNamespaceKind) {\n      const object = key === root.key ? root : root.findNamespace(key);\n      if (!object) {\n        throw new Error(`Invalid state. Namespace not found.`);\n      }\n      object.info.name = name;\n    } else if (kind === DataModelKind) {\n      const object = root.findDataModel(key);\n      if (!object) {\n        throw new Error(`Invalid state. Data model not found.`);\n      }\n      object.info.name = name;\n    } else if (kind === DataEntityKind) {\n      const object = root.definitions.entities.find(e => e.key === key);\n      if (!object) {\n        throw new Error(`Invalid state. Entity not found.`);\n      }\n      object.info.name = name;\n    } else {\n      throw new Error(`Invalid state. Unknown kind.`);\n    }\n    this.edited = undefined;\n    Events.SchemaDesign.changed(this);\n    Events.SchemaDesign.State.nameChanged(key, kind, this);\n  }\n\n  override render(): TemplateResult | string {\n    const { root } = this;\n    if (!root) {\n      return html``;\n    }\n    const hasChildren = root.items.some(i => [DataNamespaceKind, DataModelKind].includes(i.kind));\n    if (!hasChildren) {\n      return this.renderEmptyInfo();\n    }\n    return html`\n      <div class=\"headline\">Namespace</div>\n      ${this._namespaceTreeTemplate(root)}\n    `;\n  }\n\n  protected renderEmptyInfo(): TemplateResult {\n    return html`\n    <div class=\"empty-view\">\n      <p class=\"empty-message\">There are no schemas to render.</p>\n      <p class=\"info\">Right-click here to create your first data model.</p>\n    </div>\n    `;\n  }\n\n  protected _namespaceTreeTemplate(root: DataNamespace): TemplateResult {\n    const namespaces = root.listNamespaces();\n    const dataModels = root.listDataModels();\n    const contents: TemplateResult[] = [];\n    namespaces.forEach(ns => {\n      contents.push(this._namespaceItemTemplate(ns));\n    });\n    dataModels.forEach(ns => {\n      contents.push(this._dataModelItemTemplate(ns));\n    });\n\n    return this._outerListTemplate(contents);\n  }\n\n  protected _nsChildrenTemplate(current: DataNamespace): TemplateResult {\n    const namespaces = current.listNamespaces();\n    const dataModels = current.listDataModels();\n    const contents: TemplateResult[] = [];\n    namespaces.forEach(ns => {\n      contents.push(this._namespaceItemTemplate(ns));\n    });\n    dataModels.forEach(ns => {\n      contents.push(this._dataModelItemTemplate(ns));\n    });\n    return this._parentListItemTemplate(current.key, current.kind, current.info.name || 'Unnamed namespace', contents, {\n      parentIcon: 'schemaNamespace',\n    });\n  }\n\n  protected _namespaceItemTemplate(item: DataNamespace): TemplateResult {\n    const hasChildren = item.items.some(i => [DataNamespaceKind, DataModelKind].includes(i.kind));\n    if (hasChildren) {\n      return this._nsChildrenTemplate(item);\n    }\n    const label = item.info.renderLabel;\n    const content = this._itemContentTemplate('schemaNamespace', label);\n    return this._listItemTemplate(item.key, item.kind, label, content);\n  }\n\n  protected _dataModelItemTemplate(current: DataModel): TemplateResult {\n    const hasChildren = !!current.entities.length;\n    const label = current.info.renderLabel;\n    if (!hasChildren) {\n      const content = this._itemContentTemplate('schemaModel', label);\n      return this._listItemTemplate(current.key, current.kind, label, content);\n    }\n    const entities = current.entities.map(i => this._entityItemTemplate(i));\n    return this._parentListItemTemplate(current.key, current.kind, label, entities, {\n      parentIcon: 'schemaModel',\n    });\n  }\n\n  protected _entityItemTemplate(item: DataEntity): TemplateResult {\n    const label = item.info.renderLabel;\n    const content = this._itemContentTemplate('schemaEntity', label);\n    return this._listItemTemplate(item.key, item.kind, label, content, {\n      draggable: true,\n    });\n  }\n}\n"]}
+{"version":3,"file":"SchemaDesignNavigation.js","sourceRoot":"","sources":["../../../src/elements/schema-design/SchemaDesignNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { \n  DataEntity,\n  DataEntityKind,\n  DataModel,\n  DataModelKind,\n  DataNamespace,\n  DataNamespaceKind,\n} from '@api-client/core/build/browser.js';\nimport AppNavigation from '../navigation/AppNavigationElement.js';\nimport { Events } from '../../events/Events.js';\nimport '../../define/ui/ui-icon.js';\n\nexport default class SchemaDesignNavigation extends AppNavigation {\n  /**\n   * The instance of the root DataNamespace.\n   */\n  @property({ type: Object }) root?: DataNamespace;\n\n  /**\n   * The key of the selected namespace.\n   */\n  @property({ type: String }) parentNamespace?: string;\n\n  @state() protected _nsSelectorOpened?: boolean;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('aria-label', 'Schema model');\n  }\n\n  protected _toggleNsSelector(): void {\n    this._nsSelectorOpened = !this._nsSelectorOpened;\n  }\n\n  protected override _commitName(key: string, kind: string, name: string): void {\n    const { root } = this;\n    if (!root) {\n      return;\n    }\n    if (!name) {\n      return;\n    }\n    if (kind === DataNamespaceKind) {\n      const object = key === root.key ? root : root.findNamespace(key);\n      if (!object) {\n        throw new Error(`Invalid state. Namespace not found.`);\n      }\n      object.info.name = name;\n    } else if (kind === DataModelKind) {\n      const object = root.findDataModel(key);\n      if (!object) {\n        throw new Error(`Invalid state. Data model not found.`);\n      }\n      object.info.name = name;\n    } else if (kind === DataEntityKind) {\n      const object = root.definitions.entities.find(e => e.key === key);\n      if (!object) {\n        throw new Error(`Invalid state. Entity not found.`);\n      }\n      object.info.name = name;\n    } else {\n      throw new Error(`Invalid state. Unknown kind.`);\n    }\n    this.edited = undefined;\n    Events.SchemaDesign.changed(this);\n    Events.SchemaDesign.State.nameChanged(key, kind, this);\n  }\n\n  override render(): TemplateResult | string {\n    const { root } = this;\n    if (!root) {\n      return html``;\n    }\n    const hasChildren = root.items.some(i => [DataNamespaceKind, DataModelKind].includes(i.kind));\n    if (!hasChildren) {\n      return this.renderEmptyInfo();\n    }\n    return html`\n      <div class=\"headline\">Namespace</div>\n      ${this._namespaceTreeTemplate(root)}\n    `;\n  }\n\n  protected renderEmptyInfo(): TemplateResult {\n    return html`\n    <div class=\"empty-view\">\n      <p class=\"empty-message\">There are no schemas to render.</p>\n      <p class=\"info\">Right-click here to create your first data model.</p>\n    </div>\n    `;\n  }\n\n  protected _namespaceTreeTemplate(root: DataNamespace): TemplateResult {\n    const namespaces = root.listNamespaces();\n    const dataModels = root.listDataModels();\n    const contents: TemplateResult[] = [];\n    namespaces.forEach(ns => {\n      contents.push(this._namespaceItemTemplate(ns));\n    });\n    dataModels.forEach(ns => {\n      contents.push(this._dataModelItemTemplate(ns));\n    });\n\n    return this._outerListTemplate(contents);\n  }\n\n  protected _nsChildrenTemplate(current: DataNamespace): TemplateResult {\n    const namespaces = current.listNamespaces();\n    const dataModels = current.listDataModels();\n    const contents: TemplateResult[] = [];\n    namespaces.forEach(ns => {\n      contents.push(this._namespaceItemTemplate(ns));\n    });\n    dataModels.forEach(ns => {\n      contents.push(this._dataModelItemTemplate(ns));\n    });\n    return this._parentListItemTemplate(current.key, current.kind, current.info.name || 'Unnamed namespace', contents, {\n      parentIcon: 'schemaNamespace',\n    });\n  }\n\n  protected _namespaceItemTemplate(item: DataNamespace): TemplateResult {\n    const hasChildren = item.items.some(i => [DataNamespaceKind, DataModelKind].includes(i.kind));\n    if (hasChildren) {\n      return this._nsChildrenTemplate(item);\n    }\n    const label = item.info.renderLabel;\n    const content = this._itemContentTemplate('schemaNamespace', label);\n    return this._listItemTemplate(item.key, item.kind, label, content);\n  }\n\n  protected _dataModelItemTemplate(current: DataModel): TemplateResult {\n    const hasChildren = !!current.entities.length;\n    const label = current.info.renderLabel;\n    if (!hasChildren) {\n      const content = this._itemContentTemplate('schemaModel', label);\n      return this._listItemTemplate(current.key, current.kind, label, content);\n    }\n    const entities = current.entities.map(i => this._entityItemTemplate(i));\n    return this._parentListItemTemplate(current.key, current.kind, label, entities, {\n      parentIcon: 'schemaModel',\n    });\n  }\n\n  protected _entityItemTemplate(item: DataEntity): TemplateResult {\n    const label = item.info.renderLabel;\n    const content = this._itemContentTemplate('schemaEntity', label);\n    return this._listItemTemplate(item.key, item.kind, label, content, {\n      draggable: true,\n    });\n  }\n}\n"]}

package/dist/elements/schema-design/SchemaNamespaceSelector.js

@@ -10,15 +10,6 @@ import '../../define/ui/ui-icon.js';
  * @fires open - When the element is "open" property change internally through user interaction.
  */
 export default class SchemaNamespaceSelector extends AppNavigation {
-    /**
-     * The instance of the root DataNamespace.
-     */
-    root;
-    /**
-     * When opened the selector render the selection tree, not only the label.
-     * @attr
-     */
-    opened;
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('aria-label', 'Namespace selection');

package/dist/elements/schema-design/SchemaNamespaceSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaNamespaceSelector.js","sourceRoot":"","sources":["../../../src/elements/schema-design/SchemaNamespaceSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import { DataNamespace, DataNamespaceKind } from \"@api-client/core/build/browser.js\";\nimport { html, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport AppNavigation from \"../navigation/AppNavigationElement.js\";\nimport '../../define/ui/ui-icon.js';\n\n/**\n * An element that specializes in rendering a navigation dropdown for the schema / data namespace.\n * \n * @fires open - When the element is \"open\" property change internally through user interaction.\n */\nexport default class SchemaNamespaceSelector extends AppNavigation {\n  /**\n   * The instance of the root DataNamespace.\n   */\n  @property({ type: Object }) root?: DataNamespace;\n\n  /**\n   * When opened the selector render the selection tree, not only the label.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true }) opened?: boolean;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('aria-label', 'Namespace selection');\n  }\n\n  protected _toggleNsSelector(): void {\n    this.opened = !this.opened;\n    this.dispatchEvent(new Event('open'));\n  }\n\n  override render(): TemplateResult | string {\n    const { root, selected, opened } = this;\n    if (!root) {\n      return html``;\n    }\n    const parent = selected ? root.findNamespace(selected) : root;\n    if (!parent) {\n      // TODO: This should still render but with the invalid selection state so the user\n      // can change the selection.\n      return html``;\n    }\n    return html`\n      <div class=\"section-title\">Namespace</div>\n      <button class=\"selector-label\" @click=\"${this._toggleNsSelector}\">\n        <span class=\"label\">${parent.info.name}</span>\n        <ui-icon icon=\"arrowDropDown\" class=\"toggle-icon\"></ui-icon>\n      </button>\n\n      ${opened ? this._namespaceTreeTemplate(root) : ''}\n    `;\n  }\n\n  protected _namespaceTreeTemplate(root: DataNamespace): TemplateResult {\n    const children = root.listNamespaces();\n    const contents = children.map(item => this._nsItemTemplate(item));\n    return this._outerListTemplate(contents);\n  }\n\n  protected _nsChildrenTemplate(item: DataNamespace): TemplateResult {\n    const children = item.listNamespaces();\n    const contents = children.map(current => this._nsItemTemplate(current));\n    return this._parentListItemTemplate(item.key, item.kind, item.info.name || 'Unnamed namespace', contents);\n  }\n\n  protected _nsItemTemplate(item: DataNamespace): TemplateResult {\n    const hasChildren = item.items.some(i => i.kind === DataNamespaceKind);\n    if (hasChildren) {\n      return this._nsChildrenTemplate(item);\n    }\n    const label = item.info.name || 'Unnamed namespace';\n    const content = this._itemContentTemplate('schemaNamespace', label);\n    return this._listItemTemplate(item.key, item.kind, label, content);\n  }\n}\n"]}
+{"version":3,"file":"SchemaNamespaceSelector.js","sourceRoot":"","sources":["../../../src/elements/schema-design/SchemaNamespaceSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import { DataNamespace, DataNamespaceKind } from \"@api-client/core/build/browser.js\";\nimport { html, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport AppNavigation from \"../navigation/AppNavigationElement.js\";\nimport '../../define/ui/ui-icon.js';\n\n/**\n * An element that specializes in rendering a navigation dropdown for the schema / data namespace.\n * \n * @fires open - When the element is \"open\" property change internally through user interaction.\n */\nexport default class SchemaNamespaceSelector extends AppNavigation {\n  /**\n   * The instance of the root DataNamespace.\n   */\n  @property({ type: Object }) root?: DataNamespace;\n\n  /**\n   * When opened the selector render the selection tree, not only the label.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true }) opened?: boolean;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('aria-label', 'Namespace selection');\n  }\n\n  protected _toggleNsSelector(): void {\n    this.opened = !this.opened;\n    this.dispatchEvent(new Event('open'));\n  }\n\n  override render(): TemplateResult | string {\n    const { root, selected, opened } = this;\n    if (!root) {\n      return html``;\n    }\n    const parent = selected ? root.findNamespace(selected) : root;\n    if (!parent) {\n      // TODO: This should still render but with the invalid selection state so the user\n      // can change the selection.\n      return html``;\n    }\n    return html`\n      <div class=\"section-title\">Namespace</div>\n      <button class=\"selector-label\" @click=\"${this._toggleNsSelector}\">\n        <span class=\"label\">${parent.info.name}</span>\n        <ui-icon icon=\"arrowDropDown\" class=\"toggle-icon\"></ui-icon>\n      </button>\n\n      ${opened ? this._namespaceTreeTemplate(root) : ''}\n    `;\n  }\n\n  protected _namespaceTreeTemplate(root: DataNamespace): TemplateResult {\n    const children = root.listNamespaces();\n    const contents = children.map(item => this._nsItemTemplate(item));\n    return this._outerListTemplate(contents);\n  }\n\n  protected _nsChildrenTemplate(item: DataNamespace): TemplateResult {\n    const children = item.listNamespaces();\n    const contents = children.map(current => this._nsItemTemplate(current));\n    return this._parentListItemTemplate(item.key, item.kind, item.info.name || 'Unnamed namespace', contents);\n  }\n\n  protected _nsItemTemplate(item: DataNamespace): TemplateResult {\n    const hasChildren = item.items.some(i => i.kind === DataNamespaceKind);\n    if (hasChildren) {\n      return this._nsChildrenTemplate(item);\n    }\n    const label = item.info.name || 'Unnamed namespace';\n    const content = this._itemContentTemplate('schemaNamespace', label);\n    return this._listItemTemplate(item.key, item.kind, label, content);\n  }\n}\n"]}

package/dist/elements/user/UserAvatarElement.js

@@ -44,15 +44,6 @@ export default class UserAvatarElement extends LitElement {
     }
     `;
     }
-    _user;
-    /**
-     * Set with the user. The computed user initials.
-     */
-    userInitials;
-    /**
-     * The URL to the user picture.
-     */
-    userPicture;
     /**
      * @attribute
      */

package/dist/elements/user/UserAvatarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatarElement.js","sourceRoot":"","sources":["../../../src/elements/user/UserAvatarElement.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\n/*\nCopyright 2022 Pawel Psztyc\nLicensed under the CC-BY 2.0\n*/\nimport { html, TemplateResult, LitElement, css, CSSResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { IUser } from '@api-client/core/build/browser.js';\n\nexport default class UserAvatarElement extends LitElement {\n  static override get styles(): CSSResult {\n    return css`\n    :host {\n      display: inline-block;\n      width: 40px;\n      height: 40px;\n    }\n\n    .user-icon,\n    .avatar-initials {\n      background-color: var(--user-avatar-initials-background-color, #0540F2);\n      color: var(--user-avatar-initials-color, #fff);\n    }\n\n    .avatar-initials {\n      border-radius: 50%;\n      text-transform: uppercase;\n      font-size: large;\n      border: 1px #0d47a1 solid;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .user-picture {\n      border-radius: 50%;\n      border: 1px #0d47a1 solid;\n    }\n\n    .user-icon {\n      width: inherit;\n      height: inherit;\n    }\n    `;\n  }\n\n  private _user?: IUser;\n\n  /**\n   * Set with the user. The computed user initials.\n   */\n  @state() protected userInitials?: string;\n\n  /**\n   * The URL to the user picture.\n   */\n  @state() protected userPicture?: string;\n\n  /**\n   * @attribute\n   */\n  @property({ type: Object })\n  get user(): IUser | undefined {\n    return this._user;\n  }\n\n  set user(value: IUser | undefined) {\n    const old = this._user;\n    if (old === value) {\n      return;\n    }\n    if (old && value && old.key === value.key) {\n      return;\n    }\n    this._user = value;\n    this.requestUpdate('user', old);\n    this._processUser(value);\n  }\n\n  protected _processUser(user?: IUser): void {\n    if (user) {\n      this.userInitials = this._readUserInitials(user);\n      this.userPicture = user.picture && user.picture.url;\n    } else {\n      this.userInitials = undefined;\n      this.userPicture = undefined;\n    }\n  }\n\n  protected _readUserInitials(user: IUser): string | undefined {\n    const { name } = user;\n    if (!name) {\n      return undefined;\n    }\n    const max = 2;\n    const parts = name.split(/[\\s-]/).slice(0, max).filter(i => !!i).map(i => i[0]);\n    return parts.join('');\n  }\n\n  protected _pictureError(): void {\n    this.userPicture = undefined;\n  }\n\n  /**\n   * @return Template result for an icon\n   */\n  override render(): TemplateResult {\n    const { user, userPicture } = this;\n    if (!user || user.key === 'default') {\n      return html``;\n    }\n    if (userPicture) {\n      return this.pictureTemplate(userPicture);\n    }\n    if (this.userInitials) {\n      return this.nameTemplate(this.userInitials)\n    }\n    return this.nameTemplate('')\n  }\n\n  protected pictureTemplate(url: string): TemplateResult {\n    return html`\n    <img src=\"${url}\" alt=\"${this.userInitials || 'Thumb'}\" class=\"user-picture user-icon\" @error=\"${this._pictureError}\"/>\n    `;\n  }\n\n  /**\n   * Renders a bubble with user initials\n   * @param initials The user initials\n   */\n  protected nameTemplate(initials: string): TemplateResult {\n    return html`\n    <span class=\"avatar-initials user-icon\">${initials}</span>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"UserAvatarElement.js","sourceRoot":"","sources":["../../../src/elements/user/UserAvatarElement.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\n/*\nCopyright 2022 Pawel Psztyc\nLicensed under the CC-BY 2.0\n*/\nimport { html, TemplateResult, LitElement, css, CSSResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { IUser } from '@api-client/core/build/browser.js';\n\nexport default class UserAvatarElement extends LitElement {\n  static override get styles(): CSSResult {\n    return css`\n    :host {\n      display: inline-block;\n      width: 40px;\n      height: 40px;\n    }\n\n    .user-icon,\n    .avatar-initials {\n      background-color: var(--user-avatar-initials-background-color, #0540F2);\n      color: var(--user-avatar-initials-color, #fff);\n    }\n\n    .avatar-initials {\n      border-radius: 50%;\n      text-transform: uppercase;\n      font-size: large;\n      border: 1px #0d47a1 solid;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .user-picture {\n      border-radius: 50%;\n      border: 1px #0d47a1 solid;\n    }\n\n    .user-icon {\n      width: inherit;\n      height: inherit;\n    }\n    `;\n  }\n\n  private _user?: IUser;\n\n  /**\n   * Set with the user. The computed user initials.\n   */\n  @state() protected userInitials?: string;\n\n  /**\n   * The URL to the user picture.\n   */\n  @state() protected userPicture?: string;\n\n  /**\n   * @attribute\n   */\n  @property({ type: Object })\n  get user(): IUser | undefined {\n    return this._user;\n  }\n\n  set user(value: IUser | undefined) {\n    const old = this._user;\n    if (old === value) {\n      return;\n    }\n    if (old && value && old.key === value.key) {\n      return;\n    }\n    this._user = value;\n    this.requestUpdate('user', old);\n    this._processUser(value);\n  }\n\n  protected _processUser(user?: IUser): void {\n    if (user) {\n      this.userInitials = this._readUserInitials(user);\n      this.userPicture = user.picture && user.picture.url;\n    } else {\n      this.userInitials = undefined;\n      this.userPicture = undefined;\n    }\n  }\n\n  protected _readUserInitials(user: IUser): string | undefined {\n    const { name } = user;\n    if (!name) {\n      return undefined;\n    }\n    const max = 2;\n    const parts = name.split(/[\\s-]/).slice(0, max).filter(i => !!i).map(i => i[0]);\n    return parts.join('');\n  }\n\n  protected _pictureError(): void {\n    this.userPicture = undefined;\n  }\n\n  /**\n   * @return Template result for an icon\n   */\n  override render(): TemplateResult {\n    const { user, userPicture } = this;\n    if (!user || user.key === 'default') {\n      return html``;\n    }\n    if (userPicture) {\n      return this.pictureTemplate(userPicture);\n    }\n    if (this.userInitials) {\n      return this.nameTemplate(this.userInitials)\n    }\n    return this.nameTemplate('')\n  }\n\n  protected pictureTemplate(url: string): TemplateResult {\n    return html`\n    <img src=\"${url}\" alt=\"${this.userInitials || 'Thumb'}\" class=\"user-picture user-icon\" @error=\"${this._pictureError}\"/>\n    `;\n  }\n\n  /**\n   * Renders a bubble with user initials\n   * @param initials The user initials\n   */\n  protected nameTemplate(initials: string): TemplateResult {\n    return html`\n    <span class=\"avatar-initials user-icon\">${initials}</span>\n    `;\n  }\n}\n"]}

package/dist/events/http-client/models/CertificatesEvents.js

@@ -14,7 +14,7 @@ export class CertificatesEvents {
         target.dispatchEvent(e);
         return e.detail.result;
     }
-    static State = class {
+    static { this.State = class {
         /**
          * Dispatches an event after a client certificate was updated
          *
@@ -35,6 +35,6 @@ export class CertificatesEvents {
             const e = new ContextStateDeleteEvent(EventTypes.HttpClient.Model.Certificate.State.delete, record);
             target.dispatchEvent(e);
         }
-    };
+    }; }
 }
 //# sourceMappingURL=CertificatesEvents.js.map

package/dist/events/http-client/models/CertificatesEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"CertificatesEvents.js","sourceRoot":"","sources":["../../../../src/events/http-client/models/CertificatesEvents.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAGL,gBAAgB,EAGhB,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,OAAO,kBAAkB;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAA6B,EAAE,SAAsB,MAAM;QAC3E,MAAM,CAAC,GAAG,IAAI,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACnF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACxB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAiE,CAAC;IACpF,CAAC;IAED,MAAM,CAAC,KAAK,GAAG;QACb;;;;;WAKG;QACH,MAAM,CAAC,MAAM,CAAC,MAA4C,EAAE,SAAsB,MAAM;YACtF,MAAM,CAAC,GAAG,IAAI,uBAAuB,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACpG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;QAED;;;;;WAKG;QACH,MAAM,CAAC,MAAM,CAAC,MAA2B,EAAE,SAAsB,MAAM;YACrE,MAAM,CAAC,GAAG,IAAI,uBAAuB,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACpG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;KACF,CAAA","sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { \n  ContextChangeRecord, \n  ContextDeleteRecord, \n  ContextListEvent, \n  ContextListResult, \n  ContextSpaceListOptions, \n  ContextStateDeleteEvent, \n  ContextStateUpdateEvent, \n  HttpCertificate \n} from '@api-client/core/build/browser.js';\nimport { EventTypes } from '../../EventTypes.js';\n\nexport class CertificatesEvents {\n  /**\n   * Dispatches an event to list the client certificates data.\n   *\n   * @param target A node on which to dispatch the event.\n   * @param opts Query options.\n   * @returns The list result.\n   */\n  static async list(opts: ContextSpaceListOptions, target: EventTarget = window): Promise<ContextListResult<HttpCertificate> | undefined> {\n    const e = new ContextListEvent(EventTypes.HttpClient.Model.Certificate.list, opts);\n    target.dispatchEvent(e);\n    return e.detail.result as Promise<ContextListResult<HttpCertificate> | undefined>;\n  }\n\n  static State = class {\n    /**\n     * Dispatches an event after a client certificate was updated\n     *\n     * @param record Change record\n     * @param target A node on which to dispatch the event.\n     */\n    static update(record: ContextChangeRecord<HttpCertificate>, target: EventTarget = window): void {\n      const e = new ContextStateUpdateEvent(EventTypes.HttpClient.Model.Certificate.State.update, record);\n      target.dispatchEvent(e);\n    }\n\n    /**\n     * Dispatches an event after a client certificate was deleted\n     *\n     * @param record Certificate delete record.\n     * @param target A node on which to dispatch the event.\n     */\n    static delete(record: ContextDeleteRecord, target: EventTarget = window): void {\n      const e = new ContextStateDeleteEvent(EventTypes.HttpClient.Model.Certificate.State.delete, record);\n      target.dispatchEvent(e);\n    }\n  }\n}\n"]}
+{"version":3,"file":"CertificatesEvents.js","sourceRoot":"","sources":["../../../../src/events/http-client/models/CertificatesEvents.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAGL,gBAAgB,EAGhB,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,OAAO,kBAAkB;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAA6B,EAAE,SAAsB,MAAM;QAC3E,MAAM,CAAC,GAAG,IAAI,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACnF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACxB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAiE,CAAC;IACpF,CAAC;aAEM,UAAK,GAAG;QACb;;;;;WAKG;QACH,MAAM,CAAC,MAAM,CAAC,MAA4C,EAAE,SAAsB,MAAM;YACtF,MAAM,CAAC,GAAG,IAAI,uBAAuB,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACpG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;QAED;;;;;WAKG;QACH,MAAM,CAAC,MAAM,CAAC,MAA2B,EAAE,SAAsB,MAAM;YACrE,MAAM,CAAC,GAAG,IAAI,uBAAuB,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACpG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;KACF,CAAA","sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { \n  ContextChangeRecord, \n  ContextDeleteRecord, \n  ContextListEvent, \n  ContextListResult, \n  ContextSpaceListOptions, \n  ContextStateDeleteEvent, \n  ContextStateUpdateEvent, \n  HttpCertificate \n} from '@api-client/core/build/browser.js';\nimport { EventTypes } from '../../EventTypes.js';\n\nexport class CertificatesEvents {\n  /**\n   * Dispatches an event to list the client certificates data.\n   *\n   * @param target A node on which to dispatch the event.\n   * @param opts Query options.\n   * @returns The list result.\n   */\n  static async list(opts: ContextSpaceListOptions, target: EventTarget = window): Promise<ContextListResult<HttpCertificate> | undefined> {\n    const e = new ContextListEvent(EventTypes.HttpClient.Model.Certificate.list, opts);\n    target.dispatchEvent(e);\n    return e.detail.result as Promise<ContextListResult<HttpCertificate> | undefined>;\n  }\n\n  static State = class {\n    /**\n     * Dispatches an event after a client certificate was updated\n     *\n     * @param record Change record\n     * @param target A node on which to dispatch the event.\n     */\n    static update(record: ContextChangeRecord<HttpCertificate>, target: EventTarget = window): void {\n      const e = new ContextStateUpdateEvent(EventTypes.HttpClient.Model.Certificate.State.update, record);\n      target.dispatchEvent(e);\n    }\n\n    /**\n     * Dispatches an event after a client certificate was deleted\n     *\n     * @param record Certificate delete record.\n     * @param target A node on which to dispatch the event.\n     */\n    static delete(record: ContextDeleteRecord, target: EventTarget = window): void {\n      const e = new ContextStateDeleteEvent(EventTypes.HttpClient.Model.Certificate.State.delete, record);\n      target.dispatchEvent(e);\n    }\n  }\n}\n"]}

package/dist/http-client/idb/Base.js

@@ -23,16 +23,12 @@ import { openDB } from 'idb/with-async-ittr';
  * - have the `key` property that is a unique identifier of the entity. if the entity has duplicated entity it will replace the previous entity.
  */
 export class Base {
-    /**
-     * Set with `listen()` method or separately. When set the model dispatch events on this node.
-     * When not set the model does not dispatch events.
-     */
-    eventsTarget = window;
-    /**
-     * The name of the store.
-     */
-    name;
     constructor(name) {
+        /**
+         * Set with `listen()` method or separately. When set the model dispatch events on this node.
+         * When not set the model does not dispatch events.
+         */
+        this.eventsTarget = window;
         this.name = name;
         this._listHandler = this._listHandler.bind(this);
         this._readHandler = this._readHandler.bind(this);
@@ -44,7 +40,6 @@ export class Base {
         this._deleteBulkHandler = this._deleteBulkHandler.bind(this);
         // this[deleteModelHandler] = this[deleteModelHandler].bind(this);
     }
-    _db;
     /**
      * Opens the ARC store.
      * @returns The reference to the database