@api-client/ui 0.0.17 → 0.1.1

package/build/src/elements/schema-design/DataModelVisualizationElement.js

@@ -1,417 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html, nothing, css } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import ApiElement from '../ApiElement.js';
-import { DataModelLayout } from '../../visualization/plugin/positioning/DataModelLayout.js';
-import { GroupSelection } from '../../visualization/plugin/group-selection/GroupSelection.js';
-import { DragAndDropPlugin } from '../../visualization/plugin/dnd/DragAndDropPlugin.js';
-import '../../visualization/viz-workspace.js';
-import '../../visualization/viz-association.js';
-import '../../md/icons/ui-icon.js';
-let DataModelVisualizationElement = (() => {
-    let _classSuper = ApiElement;
-    let _key_decorators;
-    let _key_initializers = [];
-    let _key_extraInitializers = [];
-    let _root_decorators;
-    let _root_initializers = [];
-    let _root_extraInitializers = [];
-    let __model_decorators;
-    let __model_initializers = [];
-    let __model_extraInitializers = [];
-    let __data_decorators;
-    let __data_initializers = [];
-    let __data_extraInitializers = [];
-    let __workspace_decorators;
-    let __workspace_initializers = [];
-    let __workspace_extraInitializers = [];
-    return class DataModelVisualizationElement extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _key_decorators = [property({ type: String, reflect: true })];
-            _root_decorators = [property({ type: Object })];
-            __model_decorators = [state()];
-            __data_decorators = [state()];
-            __workspace_decorators = [query('viz-workspace')];
-            __esDecorate(this, null, _key_decorators, { kind: "accessor", name: "key", static: false, private: false, access: { has: obj => "key" in obj, get: obj => obj.key, set: (obj, value) => { obj.key = value; } }, metadata: _metadata }, _key_initializers, _key_extraInitializers);
-            __esDecorate(this, null, _root_decorators, { kind: "accessor", name: "root", static: false, private: false, access: { has: obj => "root" in obj, get: obj => obj.root, set: (obj, value) => { obj.root = value; } }, metadata: _metadata }, _root_initializers, _root_extraInitializers);
-            __esDecorate(this, null, __model_decorators, { kind: "accessor", name: "_model", static: false, private: false, access: { has: obj => "_model" in obj, get: obj => obj._model, set: (obj, value) => { obj._model = value; } }, metadata: _metadata }, __model_initializers, __model_extraInitializers);
-            __esDecorate(this, null, __data_decorators, { kind: "accessor", name: "_data", static: false, private: false, access: { has: obj => "_data" in obj, get: obj => obj._data, set: (obj, value) => { obj._data = value; } }, metadata: _metadata }, __data_initializers, __data_extraInitializers);
-            __esDecorate(this, null, __workspace_decorators, { kind: "accessor", name: "_workspace", static: false, private: false, access: { has: obj => "_workspace" in obj, get: obj => obj._workspace, set: (obj, value) => { obj._workspace = value; } }, metadata: _metadata }, __workspace_initializers, __workspace_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static get styles() {
-            return [
-                css `
-        :host {
-          display: block;
-        }
-
-        viz-workspace {
-          flex: 1;
-          height: 100%;
-        }
-
-        [data-selectable][data-selected] {
-          border: 2px var(--workspace-entity-selection-border-color) solid;
-          background-color: var(--workspace-entity-selection-background-color, #fff);
-          color: var(--workspace-entity-selection-color, unset);
-        }
-
-        [data-selectable][data-secondary-selected] {
-          border: 2px var(--workspace-entity-secondary-selection-border-color) solid;
-          background-color: var(--workspace-entity-secondary-selection-background-color, #fff);
-        }
-
-        .data-entity {
-          border: 2px var(--workspace-entity-border-color, #9e9e9e) solid;
-          border-radius: var(--workspace-entity-border-radius, 8px);
-          background-color: var(--workspace-entity-background-color, #fff);
-          min-width: 240px;
-          box-shadow: var(--workspace-entity-box-shadow, none);
-        }
-
-        .title {
-          display: flex;
-          align-items: center;
-          margin: 12px 20px;
-        }
-
-        .title .label {
-          padding: 0;
-          margin: 0;
-          /* font-weight: 300; */
-          /* font-size: 1.25rem; */
-          margin-left: 8px;
-
-          font-family: var(--md-sys-typescale-title-large-font);
-          font-weight: var(--md-sys-typescale-title-large-weight);
-          font-size: var(--md-sys-typescale-title-large-size);
-          letter-spacing: var(--md-sys-typescale-title-large-tracking);
-          line-height: var(--md-sys-typescale-title-large-height);
-        }
-
-        .properties {
-          margin: 20px 0;
-          padding: 0;
-          list-style: none;
-        }
-
-        .property {
-          padding: 0 20px;
-          height: 36px;
-          display: flex;
-          align-items: center;
-
-          font-family: var(--md-sys-typescale-label-medium-font);
-          font-size: var(--md-sys-typescale-label-medium-size);
-          letter-spacing: var(--md-sys-typescale-label-medium-tracking);
-          line-height: var(--md-sys-typescale-label-medium-height);
-        }
-
-        .property.primary,
-        .property.index {
-          font-weight: 700;
-        }
-
-        .data-type {
-          margin-left: auto;
-        }
-
-        .property-key-icon {
-          width: 16px;
-          height: 16px;
-          margin-right: 8px;
-        }
-      `,
-            ];
-        }
-        #key_accessor_storage = __runInitializers(this, _key_initializers, void 0);
-        /**
-         * The key of the entity to edit.
-         */
-        get key() { return this.#key_accessor_storage; }
-        set key(value) { this.#key_accessor_storage = value; }
-        #root_accessor_storage = (__runInitializers(this, _key_extraInitializers), __runInitializers(this, _root_initializers, void 0));
-        /**
-         * The read data namespace.
-         */
-        get root() { return this.#root_accessor_storage; }
-        set root(value) { this.#root_accessor_storage = value; }
-        #_model_accessor_storage = (__runInitializers(this, _root_extraInitializers), __runInitializers(this, __model_initializers, void 0));
-        /**
-         * The computed entity when the key or root change.
-         */
-        get _model() { return this.#_model_accessor_storage; }
-        set _model(value) { this.#_model_accessor_storage = value; }
-        #_data_accessor_storage = (__runInitializers(this, __model_extraInitializers), __runInitializers(this, __data_initializers, void 0));
-        get _data() { return this.#_data_accessor_storage; }
-        set _data(value) { this.#_data_accessor_storage = value; }
-        #_workspace_accessor_storage = (__runInitializers(this, __data_extraInitializers), __runInitializers(this, __workspace_initializers, void 0));
-        get _workspace() { return this.#_workspace_accessor_storage; }
-        set _workspace(value) { this.#_workspace_accessor_storage = value; }
-        groupSelectionPlugin = __runInitializers(this, __workspace_extraInitializers);
-        dndPlugin;
-        firstUpdated(cp) {
-            super.firstUpdated(cp);
-            const node = this._workspace;
-            if (!node) {
-                return;
-            }
-            this.dndPlugin = new DragAndDropPlugin(node);
-            this.dndPlugin.connect();
-            this.groupSelectionPlugin = new GroupSelection(node);
-            this.groupSelectionPlugin.connect();
-        }
-        connectedCallback() {
-            super.connectedCallback();
-            if (this.dndPlugin) {
-                this.dndPlugin.connect();
-            }
-            if (this.groupSelectionPlugin) {
-                this.groupSelectionPlugin.connect();
-            }
-        }
-        disconnectedCallback() {
-            super.disconnectedCallback();
-            if (this.dndPlugin) {
-                this.dndPlugin.disconnect();
-            }
-            if (this.groupSelectionPlugin) {
-                this.groupSelectionPlugin.disconnect();
-            }
-        }
-        willUpdate(cp) {
-            if (cp.has('key')) {
-                this._computeModel();
-            }
-        }
-        /**
-         * Reloads the generated view model, runs the auto layout, and updated the view.
-         * Note, this is very expensive operation. It updates the view at least twice.
-         * THe layout computation can be very complex.
-         */
-        async refresh() {
-            this._createVizData();
-            await this.updateComplete;
-            await this._runLayout();
-        }
-        /**
-         * Computes the view value for the property.
-         * This should be called before the update is complete so this won't trigger another update.
-         */
-        _computeModel() {
-            const { root, key } = this;
-            if (!root || !key) {
-                this._model = undefined;
-                return;
-            }
-            this._model = root.definitions.models.find((i) => i.key === key);
-            this.refresh();
-        }
-        async _runLayout() {
-            const { _workspace: workspace, _model: dm, _data: list } = this;
-            if (!workspace || !dm || !list) {
-                return;
-            }
-            const layout = new DataModelLayout(workspace);
-            layout.nodeSeparation = 80;
-            layout.rankSeparation = 80;
-            const result = layout.layout(dm);
-            if (!result) {
-                return;
-            }
-            result.nodes.forEach((info) => {
-                const item = list.find((i) => i.entity.key === info.id);
-                if (!item) {
-                    return;
-                }
-                item.x = info.node.x;
-                item.y = info.node.y;
-            });
-            this.requestUpdate();
-            await this.updateComplete;
-            workspace.edges.recalculate();
-        }
-        _createVizData() {
-            const { _model: dm, root } = this;
-            if (!dm || !root) {
-                this._data = undefined;
-                return;
-            }
-            const result = [];
-            dm.entities.forEach((entity) => {
-                result.push({ entity, type: 'internal' });
-                entity.parents.forEach((id) => {
-                    if (result.some((i) => i.entity.key === id) || dm.entities.some((i) => i.key === id)) {
-                        // don't add a parent that is already added.
-                        return;
-                    }
-                    const parent = root.definitions.entities.find((i) => i.key === id);
-                    if (parent) {
-                        result.push({ entity: parent, type: 'parent' });
-                    }
-                });
-                entity.associations.forEach((assoc) => {
-                    if (!assoc.targets.length) {
-                        return;
-                    }
-                    const targets = assoc.getTargets();
-                    if (targets.length === 1) {
-                        // classic association
-                        const [target] = targets;
-                        if (result.some((i) => i.entity.key === target.key) || dm.entities.some((i) => i.key === target.key)) {
-                            return;
-                        }
-                        const isSelf = entity === target;
-                        result.push({
-                            entity: target,
-                            type: isSelf ? 'self' : 'association',
-                        });
-                    }
-                    else {
-                        // TODO: Union layout.
-                        // console.log(targets);
-                    }
-                });
-                // entity.associations.forEach((assoc) => {
-                //   if (!assoc.target) {
-                //     // ignore associations without a target
-                //     return;
-                //   }
-                //   if (result.some(i => i.entity.key === assoc.target) || dm.entities.some(i => i.key === assoc.target)) {
-                //     return;
-                //   }
-                //   const target = assoc.getTarget();
-                //   if (target) {
-                //     const isSelf = entity === target;
-                //     result.push({
-                //       entity: target,
-                //       type: isSelf ? 'self' : 'association',
-                //     });
-                //   }
-                // });
-            });
-            this._data = result;
-        }
-        async _repositionHandler(e) {
-            const node = e.target;
-            const { key } = node.dataset;
-            if (!key) {
-                return;
-            }
-            const model = this._data?.find((i) => i.entity.key === key);
-            if (!model) {
-                return;
-            }
-            const { dx, dy } = e.detail;
-            const { x = 0, y = 0 } = model;
-            model.x = x + dx;
-            model.y = y + dy;
-            this.requestUpdate();
-            await this.updateComplete;
-            this._workspace?.edges.recalculate();
-        }
-        render() {
-            return html ` <viz-workspace @positionchange="${this._repositionHandler}">${this._modelContents()}</viz-workspace> `;
-        }
-        _modelContents() {
-            const { _data: list } = this;
-            if (!list || !list.length) {
-                return nothing;
-            }
-            return list.map((e) => this._entityVisualization(e));
-        }
-        _entityVisualization(model) {
-            const { entity, x = 0, y = 0, type } = model;
-            const { info, key, associations, parents } = entity;
-            const styles = {
-                transform: `translate(${x}px, ${y}px)`,
-            };
-            return html `
-      <div
-        class="data-entity"
-        data-key="${key}"
-        data-type="${type}"
-        data-selectable="true"
-        draggable="true"
-        style="${styleMap(styles)}"
-      >
-        <div class="content">
-          <div class="title">
-            <ui-icon icon="schemaEntity"></ui-icon>
-            <p class="label">${info.renderLabel}</p>
-          </div>
-          ${this._propertiesListTemplate(entity)}
-        </div>
-        ${associations.map((assoc) => this._associationTemplate(assoc))}
-        ${parents.map((id) => this._parentAssociationTemplate(id))}
-      </div>
-    `;
-        }
-        _propertiesListTemplate(entity) {
-            const { properties } = entity;
-            return html `
-      <ul class="properties">
-        ${properties.map((p) => this._propertyItemTemplate(p))}
-      </ul>
-    `;
-        }
-        _propertyItemTemplate(item) {
-            const { key, info, type, deprecated = false, primary = false, index = false } = item;
-            const classes = {
-                property: true,
-                deprecated,
-                primary,
-                index,
-            };
-            const icons = [];
-            if (primary) {
-                icons.push(html `<ui-icon icon="key" class="property-key-icon"></ui-icon>`);
-            }
-            else if (index) {
-                icons.push(html `<ui-icon icon="search" class="property-key-icon"></ui-icon>`);
-            }
-            else {
-                icons.push(html `<span class="property-key-icon"></span>`);
-            }
-            return html `
-      <li data-key="${key}" class="${classMap(classes)}">
-        ${icons}
-        <span class="label">${info.renderLabel}</span>
-        <span class="data-type">${type}</span>
-      </li>
-    `;
-        }
-        _associationTemplate(item) {
-            const { key, info, targets } = item;
-            if (!targets.length) {
-                return nothing;
-            }
-            if (targets.length === 1) {
-                return html `<viz-association
-        data-key="${key}"
-        data-target="${targets[0].key}"
-        title="${info.renderLabel}"
-        data-selectable
-        data-marker-start="association"
-      ></viz-association>`;
-            }
-            // TODO: Make union associations
-            return nothing;
-        }
-        _parentAssociationTemplate(id) {
-            return html `<viz-association
-      data-key="child-${id}"
-      data-target="${ifDefined(id)}"
-      data-selectable
-      data-marker-end="parent"
-    ></viz-association>`;
-        }
-    };
-})();
-export default DataModelVisualizationElement;
-//# sourceMappingURL=DataModelVisualizationElement.js.map

package/build/src/elements/schema-design/DataModelVisualizationElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataModelVisualizationElement.js","sourceRoot":"","sources":["../../../../src/elements/schema-design/DataModelVisualizationElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, nothing, CSSResult, css, PropertyValues } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport ApiElement from '../ApiElement.js'\nimport {\n  type DataEntity,\n  type DataNamespace,\n  type DataModel,\n  type DataProperty,\n  type DataAssociation,\n} from '@api-client/core/legacy.js'\nimport VizWorkspaceElement from '../../visualization/elements/VizWorkspaceElement.js'\nimport { DataModelLayout } from '../../visualization/plugin/positioning/DataModelLayout.js'\nimport { GroupSelection } from '../../visualization/plugin/group-selection/GroupSelection.js'\nimport { DragAndDropPlugin } from '../../visualization/plugin/dnd/DragAndDropPlugin.js'\nimport '../../visualization/viz-workspace.js'\nimport '../../visualization/viz-association.js'\nimport '../../md/icons/ui-icon.js'\n\ninterface VizModel {\n  id?: string\n  entity: DataEntity\n  type: 'parent' | 'association' | 'internal' | 'external' | 'self'\n  x?: number\n  y?: number\n}\n\nexport default class DataModelVisualizationElement extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return [\n      css`\n        :host {\n          display: block;\n        }\n\n        viz-workspace {\n          flex: 1;\n          height: 100%;\n        }\n\n        [data-selectable][data-selected] {\n          border: 2px var(--workspace-entity-selection-border-color) solid;\n          background-color: var(--workspace-entity-selection-background-color, #fff);\n          color: var(--workspace-entity-selection-color, unset);\n        }\n\n        [data-selectable][data-secondary-selected] {\n          border: 2px var(--workspace-entity-secondary-selection-border-color) solid;\n          background-color: var(--workspace-entity-secondary-selection-background-color, #fff);\n        }\n\n        .data-entity {\n          border: 2px var(--workspace-entity-border-color, #9e9e9e) solid;\n          border-radius: var(--workspace-entity-border-radius, 8px);\n          background-color: var(--workspace-entity-background-color, #fff);\n          min-width: 240px;\n          box-shadow: var(--workspace-entity-box-shadow, none);\n        }\n\n        .title {\n          display: flex;\n          align-items: center;\n          margin: 12px 20px;\n        }\n\n        .title .label {\n          padding: 0;\n          margin: 0;\n          /* font-weight: 300; */\n          /* font-size: 1.25rem; */\n          margin-left: 8px;\n\n          font-family: var(--md-sys-typescale-title-large-font);\n          font-weight: var(--md-sys-typescale-title-large-weight);\n          font-size: var(--md-sys-typescale-title-large-size);\n          letter-spacing: var(--md-sys-typescale-title-large-tracking);\n          line-height: var(--md-sys-typescale-title-large-height);\n        }\n\n        .properties {\n          margin: 20px 0;\n          padding: 0;\n          list-style: none;\n        }\n\n        .property {\n          padding: 0 20px;\n          height: 36px;\n          display: flex;\n          align-items: center;\n\n          font-family: var(--md-sys-typescale-label-medium-font);\n          font-size: var(--md-sys-typescale-label-medium-size);\n          letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n          line-height: var(--md-sys-typescale-label-medium-height);\n        }\n\n        .property.primary,\n        .property.index {\n          font-weight: 700;\n        }\n\n        .data-type {\n          margin-left: auto;\n        }\n\n        .property-key-icon {\n          width: 16px;\n          height: 16px;\n          margin-right: 8px;\n        }\n      `,\n    ]\n  }\n\n  /**\n   * The key of the entity to edit.\n   */\n  @property({ type: String, reflect: true }) accessor key: string | undefined\n\n  /**\n   * The read data namespace.\n   */\n  @property({ type: Object }) accessor root: DataNamespace | undefined\n\n  /**\n   * The computed entity when the key or root change.\n   */\n  @state() protected accessor _model: DataModel | undefined\n\n  @state() protected accessor _data: VizModel[] | undefined\n\n  @query('viz-workspace') protected accessor _workspace!: VizWorkspaceElement\n\n  protected groupSelectionPlugin?: GroupSelection\n\n  protected dndPlugin?: DragAndDropPlugin\n\n  override firstUpdated(cp: PropertyValues<this>): void {\n    super.firstUpdated(cp)\n    const node = this._workspace\n    if (!node) {\n      return\n    }\n    this.dndPlugin = new DragAndDropPlugin(node)\n    this.dndPlugin.connect()\n    this.groupSelectionPlugin = new GroupSelection(node)\n    this.groupSelectionPlugin.connect()\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    if (this.dndPlugin) {\n      this.dndPlugin.connect()\n    }\n    if (this.groupSelectionPlugin) {\n      this.groupSelectionPlugin.connect()\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    if (this.dndPlugin) {\n      this.dndPlugin.disconnect()\n    }\n    if (this.groupSelectionPlugin) {\n      this.groupSelectionPlugin.disconnect()\n    }\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('key')) {\n      this._computeModel()\n    }\n  }\n\n  /**\n   * Reloads the generated view model, runs the auto layout, and updated the view.\n   * Note, this is very expensive operation. It updates the view at least twice.\n   * THe layout computation can be very complex.\n   */\n  async refresh(): Promise<void> {\n    this._createVizData()\n    await this.updateComplete\n    await this._runLayout()\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 _computeModel(): void {\n    const { root, key } = this\n    if (!root || !key) {\n      this._model = undefined\n      return\n    }\n    this._model = root.definitions.models.find((i) => i.key === key)\n    this.refresh()\n  }\n\n  protected async _runLayout(): Promise<void> {\n    const { _workspace: workspace, _model: dm, _data: list } = this\n    if (!workspace || !dm || !list) {\n      return\n    }\n    const layout = new DataModelLayout(workspace)\n    layout.nodeSeparation = 80\n    layout.rankSeparation = 80\n\n    const result = layout.layout(dm)\n    if (!result) {\n      return\n    }\n    result.nodes.forEach((info) => {\n      const item = list.find((i) => i.entity.key === info.id)\n      if (!item) {\n        return\n      }\n      item.x = info.node.x\n      item.y = info.node.y\n    })\n    this.requestUpdate()\n    await this.updateComplete\n    workspace.edges.recalculate()\n  }\n\n  protected _createVizData(): void {\n    const { _model: dm, root } = this\n    if (!dm || !root) {\n      this._data = undefined\n      return\n    }\n    const result: VizModel[] = []\n\n    dm.entities.forEach((entity) => {\n      result.push({ entity, type: 'internal' })\n\n      entity.parents.forEach((id) => {\n        if (result.some((i) => i.entity.key === id) || dm.entities.some((i) => i.key === id)) {\n          // don't add a parent that is already added.\n          return\n        }\n        const parent = root.definitions.entities.find((i) => i.key === id)\n        if (parent) {\n          result.push({ entity: parent, type: 'parent' })\n        }\n      })\n\n      entity.associations.forEach((assoc) => {\n        if (!assoc.targets.length) {\n          return\n        }\n        const targets = assoc.getTargets()\n        if (targets.length === 1) {\n          // classic association\n          const [target] = targets\n          if (result.some((i) => i.entity.key === target.key) || dm.entities.some((i) => i.key === target.key)) {\n            return\n          }\n          const isSelf = entity === target\n          result.push({\n            entity: target,\n            type: isSelf ? 'self' : 'association',\n          })\n        } else {\n          // TODO: Union layout.\n          // console.log(targets);\n        }\n      })\n\n      // entity.associations.forEach((assoc) => {\n      //   if (!assoc.target) {\n      //     // ignore associations without a target\n      //     return;\n      //   }\n      //   if (result.some(i => i.entity.key === assoc.target) || dm.entities.some(i => i.key === assoc.target)) {\n      //     return;\n      //   }\n      //   const target = assoc.getTarget();\n      //   if (target) {\n      //     const isSelf = entity === target;\n      //     result.push({\n      //       entity: target,\n      //       type: isSelf ? 'self' : 'association',\n      //     });\n      //   }\n      // });\n    })\n\n    this._data = result\n  }\n\n  protected async _repositionHandler(e: CustomEvent): Promise<void> {\n    const node = e.target as HTMLElement\n    const { key } = node.dataset\n    if (!key) {\n      return\n    }\n    const model = this._data?.find((i) => i.entity.key === key)\n    if (!model) {\n      return\n    }\n    const { dx, dy } = e.detail\n    const { x = 0, y = 0 } = model\n    model.x = x + dx\n    model.y = y + dy\n    this.requestUpdate()\n    await this.updateComplete\n    this._workspace?.edges.recalculate()\n  }\n\n  protected override render(): TemplateResult {\n    return html` <viz-workspace @positionchange=\"${this._repositionHandler}\">${this._modelContents()}</viz-workspace> `\n  }\n\n  protected _modelContents(): TemplateResult[] | typeof nothing {\n    const { _data: list } = this\n    if (!list || !list.length) {\n      return nothing\n    }\n    return list.map((e) => this._entityVisualization(e))\n  }\n\n  protected _entityVisualization(model: VizModel): TemplateResult {\n    const { entity, x = 0, y = 0, type } = model\n    const { info, key, associations, parents } = entity\n    const styles = {\n      transform: `translate(${x}px, ${y}px)`,\n    }\n    return html`\n      <div\n        class=\"data-entity\"\n        data-key=\"${key}\"\n        data-type=\"${type}\"\n        data-selectable=\"true\"\n        draggable=\"true\"\n        style=\"${styleMap(styles)}\"\n      >\n        <div class=\"content\">\n          <div class=\"title\">\n            <ui-icon icon=\"schemaEntity\"></ui-icon>\n            <p class=\"label\">${info.renderLabel}</p>\n          </div>\n          ${this._propertiesListTemplate(entity)}\n        </div>\n        ${associations.map((assoc) => this._associationTemplate(assoc))}\n        ${parents.map((id) => this._parentAssociationTemplate(id))}\n      </div>\n    `\n  }\n\n  protected _propertiesListTemplate(entity: DataEntity): TemplateResult {\n    const { properties } = entity\n    return html`\n      <ul class=\"properties\">\n        ${properties.map((p) => this._propertyItemTemplate(p))}\n      </ul>\n    `\n  }\n\n  protected _propertyItemTemplate(item: DataProperty): TemplateResult {\n    const { key, info, type, deprecated = false, primary = false, index = false } = item\n    const classes = {\n      property: true,\n      deprecated,\n      primary,\n      index,\n    }\n\n    const icons: TemplateResult[] = []\n    if (primary) {\n      icons.push(html`<ui-icon icon=\"key\" class=\"property-key-icon\"></ui-icon>`)\n    } else if (index) {\n      icons.push(html`<ui-icon icon=\"search\" class=\"property-key-icon\"></ui-icon>`)\n    } else {\n      icons.push(html`<span class=\"property-key-icon\"></span>`)\n    }\n\n    return html`\n      <li data-key=\"${key}\" class=\"${classMap(classes)}\">\n        ${icons}\n        <span class=\"label\">${info.renderLabel}</span>\n        <span class=\"data-type\">${type}</span>\n      </li>\n    `\n  }\n\n  protected _associationTemplate(item: DataAssociation): TemplateResult | typeof nothing {\n    const { key, info, targets } = item\n    if (!targets.length) {\n      return nothing\n    }\n    if (targets.length === 1) {\n      return html`<viz-association\n        data-key=\"${key}\"\n        data-target=\"${targets[0].key}\"\n        title=\"${info.renderLabel}\"\n        data-selectable\n        data-marker-start=\"association\"\n      ></viz-association>`\n    }\n    // TODO: Make union associations\n    return nothing\n  }\n\n  protected _parentAssociationTemplate(id: string): TemplateResult {\n    return html`<viz-association\n      data-key=\"child-${id}\"\n      data-target=\"${ifDefined(id)}\"\n      data-selectable\n      data-marker-end=\"parent\"\n    ></viz-association>`\n  }\n}\n"]}

package/build/src/elements/schema-design/DataSchemaDocument.d.ts

@@ -1,176 +0,0 @@
-import { CSSResult, TemplateResult, nothing, PropertyValues } from 'lit';
-import ApiElement from '../ApiElement.js';
-import { type DataEntity, type DataNamespace, type DataProperty, type DataAssociation } from '@api-client/core/legacy.js';
-import '../../md/icons/ui-icon.js';
-import '../../md/button/ui-outlined-button.js';
-import '../../md/icon-button/ui-icon-button.js';
-import '../../md/radio/ui-radio.js';
-type UnionType = 'anyOf' | 'allOf' | 'oneOf' | 'not';
-/**
- * An element that renders a documentation view for a data entity.
- *
- * @fires edit - When a property is selected for editing. This is only possible when the `editable` property is set.
- * @fires change - When the entity has changed. This is only possible when the `editable` property is set.
- */
-export default class DataSchemaDocument extends ApiElement {
-    static get styles(): CSSResult[];
-    /**
-     * The read data namespace.
-     */
-    accessor root: DataNamespace | undefined;
-    /**
-     * The entity key to render the schema documentation for
-     * @attribute
-     */
-    accessor key: string | undefined;
-    /**
-     * The read data entity when the "selected" change.
-     */
-    protected accessor _entity: DataEntity | undefined;
-    /**
-     * The key of the property being highlighted.
-     * @attribute
-     */
-    accessor selectedProperty: string | undefined;
-    /**
-     * When set it activates the drop zone in the properties list to drop an entity as an association.
-     * This has no effect when `editable` is not set.
-     * @attribute
-     */
-    accessor associationDropZone: boolean | undefined;
-    /**
-     * Whether to render the view in the edit-ready model.
-     * This mode allows to add new property, create an association, or remove those.
-     * It does not allow to manipulate properties of association or properties.
-     * @attribute
-     */
-    accessor editable: boolean | undefined;
-    /**
-     * When dragging an entity over an existing association this is the key
-     * of the association hovered.
-     */
-    protected accessor _dropAssociationTarget: string | undefined;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    /**
-     * Computes the view value for the property.
-     * This should be called before the update is complete so this won't trigger another update.
-     */
-    protected computeEntity(): void;
-    /**
-     * Adds an entity with the given key as an association to this entity.
-     * This does nothing when the view is not in the `editable` model.
-     *
-     * Note, we allow to create an association to self. Also note, an entity can have multiple
-     * associations to the same target.
-     *
-     * @param foreignKey The key of the target entity to add.
-     * @param parentAssociation When set, it adds another target to an existing association.
-     */
-    addAssociation(foreignKey: string, parentAssociation?: string): void;
-    /**
-     * Removes an association from the entity.
-     * This does nothing when the view is not in the `editable` model.
-     *
-     * @param key The key of the association to remove.
-     */
-    removeAssociation(key: string): void;
-    addProperty(name?: string): void;
-    removeProperty(key: string): void;
-    protected _addPropertyHandler(): void;
-    protected _findParentKeyedElement(node: HTMLElement): HTMLElement | null;
-    protected _removeHandler(e: Event): void;
-    protected _editHandler(e: Event): void;
-    protected _associationDragOver(e: DragEvent): void;
-    protected _associationDragLeave(e: DragEvent): void;
-    protected _associationDrop(e: DragEvent): void;
-    protected _dragoverHandler(e: DragEvent): void;
-    protected _dropHandler(e: DragEvent): void;
-    /**
-     * @returns the list of keys of properties that are expanded (children are rendered).
-     */
-    protected _getExpandedKeys(): string[];
-    protected _expandHandler(e: Event): void;
-    protected _expandKeydownHandler(e: KeyboardEvent): void;
-    /**
-     * Toggles an "expanded" state for a property children.
-     *
-     * @param id Parent property id that has children to toggle visibility of.
-     */
-    protected _toggleExpandedProperty(id: string): void;
-    protected _isRecursive(association: DataAssociation, target: string): boolean;
-    protected _unionSelectedHandler(e: Event): void;
-    protected render(): TemplateResult | typeof nothing;
-    protected _headerTemplate(entity: DataEntity): TemplateResult;
-    protected _descriptionTemplate(entity: DataEntity): TemplateResult;
-    protected _propertiesTemplate(properties: DataProperty[], associations: DataAssociation[], readonly?: boolean): TemplateResult;
-    protected _propertyTemplate(item: DataProperty, readonly?: boolean): TemplateResult;
-    /**
-     * A template for the data association list item view.
-     * Depending on the number of targets of the association it renders the "empty target",
-     * single association, or a union association view.
-     *
-     * @param item The association item to render.
-     * @param parent The parent entity of the association.
-     * @param readonly Whether to render the view as "read only" (no edit controls).
-     * We do not show controls for properties inherited from parents.
-     */
-    protected _associationTemplate(item: DataAssociation, readonly?: boolean): TemplateResult;
-    /**
-     * Renders the template for the an association that has one target. This is a classic association where a property
-     * is associated with an object.
-     */
-    protected _singleAssociationTemplate(item: DataAssociation, readonly?: boolean): TemplateResult;
-    /**
-     * Renders the template for the an association that has multiple targets. This association represents
-     * an union of shapes. This means the property can be any, one of, or either of the union shapes.
-     */
-    protected _unionAssociationTemplate(item: DataAssociation, readonly?: boolean): TemplateResult;
-    /**
-     * Renders the template for an association that has no target set.
-     */
-    protected _noTargetAssociationTemplate(item: DataAssociation, readonly?: boolean): TemplateResult;
-    protected _associationPropertiesTemplate(item: DataAssociation): TemplateResult;
-    protected _unionPropertiesTemplate(item: DataAssociation, type: UnionType): TemplateResult;
-    /**
-     * Depending on the union type, it renders the union type label and a selector of the union member.
-     *
-     * This template is intended to use when multiple targets in association were detected.
-     *
-     * @param item The association item
-     * @param type The entity association type.
-     * @param entities The list of association targets.
-     * @param selected The key of the currently selected association target
-     * @returns The template for the union selection in the list of properties.
-     */
-    protected _unionSelector(item: DataAssociation, type: UnionType, entities: DataEntity[], selected?: string): TemplateResult;
-    protected _propertyDescriptionTemplate(description?: string): TemplateResult;
-    /**
-     * Adds the delete and edit buttons to the tree item.
-     * This renders nothing when the property is readonly or the element is not `editable`.
-     *
-     * @param readonly Indicates the property is a readonly mode (e.g. belongs to an external entity.)
-     */
-    protected _propertyListActions(type: 'property' | 'association', readonly?: boolean): TemplateResult | typeof nothing;
-    /**
-     * A template for the display name of a property.
-     * @param item The property to render the name filed for
-     * @returns The template for the property name.
-     */
-    protected _paramNameTemplate(item: DataProperty): TemplateResult;
-    /**
-     * A template for the display name of an association.
-     * @param item The property to render the name filed for
-     * @returns The template for the property name.
-     */
-    protected _assocNameTemplate(item: DataAssociation): TemplateResult;
-    protected _pillTemplate(label: string, title: string, test: unknown, className?: string): TemplateResult | string;
-    /**
-     * Renders the template for the parents of the entity.
-     *
-     * @param parents The parents of the entity. This is an unordered list.
-     */
-    protected _parentsProperties(parents: DataEntity[]): TemplateResult[] | typeof nothing;
-    protected _addButtonTemplate(): TemplateResult | typeof nothing;
-}
-export {};
-//# sourceMappingURL=DataSchemaDocument.d.ts.map

package/build/src/elements/schema-design/DataSchemaDocument.d.ts.map

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