@api-client/ui 0.0.15 → 0.0.17

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataSchemaDocument.js","sourceRoot":"","sources":["../../../src/elements/schema-design/DataSchemaDocument.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResult, html, TemplateResult, nothing, PropertyValues } from \"lit\";\nimport { DataAssociation, DataEntity, DataNamespace, DataProperty, DataEntityKind } from \"@api-client/core/build/esm/browser.js\";\nimport { property, state } from \"lit/decorators.js\";\nimport { ClassInfo, classMap } from \"lit/directives/class-map.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport theme from '../theme.js';\nimport schemaCommon from './schemaCommon.js';\nimport EditorCommon from './CommonStyles.js';\nimport MarkdownStyles from '../highlight/MarkdownStyles.js';\nimport typography from \"../../styles/m3/typography.module.js\";\nimport type RadioElement from \"../../ui/input/RadioElement.js\";\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-radio.js';\n\n/**\n * We keep the list of expanded attributes in a weak map\n * so the state is kept as long as the namespace is loaded and the DataEntity exists.\n * WeakMap allows to GC the DataEntity when it is removed from the namespace (and also release the values).\n */\nconst expandedState = new WeakMap<DataEntity, string[]>();\n\nconst selectedUnions = new Map<string, string>();\n\ntype UnionType = \"anyOf\" | \"allOf\" | \"oneOf\" | \"not\";\n\n/**\n * An element that renders a documentation view for a data entity.\n * \n * @fires edit - When a property is selected for editing. This is only possible when the `editable` property is set.\n * @fires change - When the entity has changed. This is only possible when the `editable` property is set.\n */\nexport default class DataSchemaDocument extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return [\n      theme,\n      schemaCommon,\n      MarkdownStyles,\n      EditorCommon,\n      typography,\n      css`\n      :host {\n        display: block;\n      }\n\n      .entity-header {\n        margin-bottom: 20px;\n      }\n\n      .entity-header .label {\n        margin-bottom: 1em;\n      }\n\n      .no-info {\n        margin: 12px 20px;\n      }\n\n      .add-property-section {\n        margin-top: 20px;\n      }\n\n      .property-container.selected {\n        background: var(--list-active-background);\n      }\n\n      .tree-view.drop-active {\n        background: var(--association-drop-background, #e3f2fd);\n      }\n\n      .property-container.drag-over {\n        background: var(--association-drop-background, #e3f2fd);\n      }\n\n      .drop-zone {\n        position: absolute;\n        inset: 0;\n        height: unset;\n        margin: 0;\n        padding: 0;\n        background: rgba(255,255,255,0.92);\n      }\n      `,\n    ];\n  }\n\n  /**\n   * The read data namespace.\n   */\n  @property({ type: Object }) root?: DataNamespace;\n\n  /**\n   * The entity key to render the schema documentation for\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) key?: string;\n\n  /**\n   * The read data entity when the \"selected\" change.\n   */\n  @state() protected _entity?: DataEntity;\n\n  /**\n   * The key of the property being highlighted.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) selectedProperty?: string;\n\n  /**\n   * When set it activates the drop zone in the properties list to drop an entity as an association.\n   * This has no effect when `editable` is not set.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) associationDropZone?: boolean;\n\n  /**\n   * Whether to render the view in the edit-ready model.\n   * This mode allows to add new property, create an association, or remove those.\n   * It does not allow to manipulate properties of association or properties.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) editable?: boolean;\n\n  /**\n   * When dragging an entity over an existing association this is the key\n   * of the association hovered.\n   */\n  @state() protected _dropAssociationTarget?: string;\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('key')) {\n      this.computeEntity();\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 computeEntity(): void {\n    const { root, key } = this;\n    if (!root || !key) {\n      this._entity = undefined;\n      return;\n    }\n    const entity = root.definitions.entities.find(i => i.key === key);\n    this._entity = entity;\n  }\n\n  /**\n   * Adds an entity with the given key as an association to this entity.\n   * This does nothing when the view is not in the `editable` model.\n   * \n   * Note, we allow to create an association to self. Also note, an entity can have multiple associations to the same target.\n   * \n   * @param foreignKey The key of the target entity to add.\n   * @param parentAssociation When set, it adds another target to an existing association.\n   */\n  addAssociation(foreignKey: string, parentAssociation?: string): void {\n    const { _entity, editable } = this;\n    if (!editable || !foreignKey || !_entity) {\n      return;\n    }\n    if (parentAssociation) {\n      const parent = _entity.associations.find(i => i.key === parentAssociation);\n      if (!parent) {\n        return;\n      }\n      parent.addTarget(foreignKey);\n    } else {\n      const created = _entity.addTargetAssociation(foreignKey);\n      this.dispatchEvent(new CustomEvent('edit', {\n        detail: {\n          type: 'association',\n          key: created.key,\n        }\n      }));\n    }\n    this.notifyChange();\n  }\n\n  /**\n   * Removes an association from the entity.\n   * This does nothing when the view is not in the `editable` model.\n   * \n   * @param key The key of the association to remove.\n   */\n  removeAssociation(key: string): void {\n    const { _entity, editable } = this;\n    if (!editable || !key || !_entity) {\n      return;\n    }\n    _entity.removeAssociation(key);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  addProperty(name?: string): void {\n    const { _entity, editable } = this;\n    if (!_entity || !editable) {\n      return;\n    }\n    const created = _entity.addNamedProperty(name || 'New property');\n    this.selectedProperty = created.key;\n    this.notifyChange();\n    this.requestUpdate();\n    this.dispatchEvent(new CustomEvent('edit', {\n      detail: {\n        type: 'property',\n        key: created.key,\n      }\n    }));\n  }\n\n  removeProperty(key: string): void {\n    const { _entity, editable } = this;\n    if (!key || !_entity || !editable) {\n      return;\n    }\n    _entity.removeProperty(key);\n    if (this.selectedProperty === key) {\n      this.selectedProperty = undefined;\n    }\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected _addPropertyHandler(): void {\n    this.addProperty();\n  }\n\n  protected _findParentKeyedElement(node: HTMLElement): HTMLElement | null {\n    let target: HTMLElement | null = node;\n    while (target) {\n      if (target.nodeType !== Node.ELEMENT_NODE || !target.dataset) {\n        target = target.parentElement;\n        continue;\n      }\n      if (target.dataset.key) {\n        return target;\n      }\n      target = target.parentElement;\n    }\n    return null;\n  }\n\n  protected _removeHandler(e: Event): void {\n    const button = e.currentTarget as HTMLElement;\n    const { type } = button.dataset;\n    if (!type) {\n      return;\n    }\n    const node = this._findParentKeyedElement(e.target as HTMLElement);\n    if (node) {\n      if (type === 'property') {\n        this.removeProperty(node.dataset.key as string);\n      } else if (type === 'association') {\n        this.removeAssociation(node.dataset.key as string);\n      }\n    }\n  }\n\n  protected _editHandler(e: Event): void {\n    const button = e.currentTarget as HTMLElement;\n    const { type } = button.dataset;\n    if (!type) {\n      return;\n    }\n    const node = this._findParentKeyedElement(e.target as HTMLElement);\n    if (node) {\n      this.dispatchEvent(new CustomEvent('edit', {\n        detail: {\n          type,\n          key: node.dataset.key as string,\n        }\n      }));\n    }\n  }\n\n  protected _associationDragOver(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer) {\n      return;\n    }\n    const dt = dataTransfer;\n    if (!dt.types.includes(DataEntityKind.toLocaleLowerCase())) {\n      return;\n    }\n    const node = e.currentTarget as HTMLElement;\n    const { key } = node.dataset;\n    if (key) {\n      e.preventDefault();\n      dt.effectAllowed = 'copy';\n      dt.dropEffect = 'copy';\n      this._dropAssociationTarget = key;\n    }\n  }\n\n  protected _associationDragLeave(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer) {\n      return;\n    }\n    const dt = dataTransfer;\n    if (!dt.types.includes(DataEntityKind.toLocaleLowerCase())) {\n      return;\n    }\n    this._dropAssociationTarget = undefined;\n  }\n\n  protected _associationDrop(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer) {\n      return;\n    }\n    const dt = dataTransfer;\n    if (!dt.types.includes(DataEntityKind.toLocaleLowerCase())) {\n      return;\n    }\n    const { _dropAssociationTarget } = this;\n    if (!_dropAssociationTarget) {\n      return;\n    }\n    e.preventDefault();\n    this._dropAssociationTarget = undefined; \n    const key = dataTransfer.getData('text/key');\n    this.addAssociation(key, _dropAssociationTarget);\n  }\n\n  protected _dragoverHandler(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer) {\n      return;\n    }\n    if (e.defaultPrevented) {\n      return;\n    }\n    e.preventDefault();\n    dataTransfer.dropEffect = \"copy\";\n    dataTransfer.effectAllowed = \"copy\";\n  }\n\n  protected _dropHandler(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer) {\n      return;\n    }\n    if (e.defaultPrevented) {\n      return;\n    }\n    e.preventDefault();\n    const key = dataTransfer.getData('text/key');\n    this.addAssociation(key);\n  }\n\n  /**\n   * @returns the list of keys of properties that are expanded (children are rendered).\n   */\n  protected _getExpandedKeys(): string[] {\n    const { _entity } = this;\n    if (!_entity) {\n      return [];\n    }\n    if (!expandedState.has(_entity)) {\n      expandedState.set(_entity, []);\n    }\n    return expandedState.get(_entity) as string[];\n  }\n\n  protected _expandHandler(e: Event): void {\n    const button = e.currentTarget as HTMLElement;\n    const { id } = button.dataset;\n    this._toggleExpandedProperty(id as string);\n  }\n\n  protected _expandKeydownHandler(e: KeyboardEvent): void {\n    if (e.code !== 'Space') {\n      return;\n    }\n    e.preventDefault();\n    const button = e.currentTarget as HTMLElement;\n    const { id } = button.dataset;\n    this._toggleExpandedProperty(id as string);\n  }\n\n  /**\n   * Toggles an \"expanded\" state for a property children.\n   * \n   * @param id Parent property id that has children to toggle visibility of.\n   */\n  protected _toggleExpandedProperty(id: string): void {\n    const list = this._getExpandedKeys();\n    const index = list.indexOf(id);\n    if (index === -1) {\n      list.push(id);\n    } else {\n      list.splice(index, 1);\n    }\n    this.requestUpdate();\n  }\n\n  protected _isRecursive(association: DataAssociation, target: string): boolean {\n    const entity = association.getParent();\n    return entity.hasClosedCycle(this.key as string, target);\n  }\n\n  protected _unionSelectedHandler(e: Event): void {\n    const button = e.target as RadioElement;\n    if (!button.checked) {\n      return;\n    }\n    const value = button.value as string;\n    const { association } = button.dataset;\n    if (!association || !value) {\n      return;\n    }\n    selectedUnions.set(association, value);\n    this.requestUpdate();\n  }\n\n  protected override render(): TemplateResult | typeof nothing {\n    const { _entity } = this;\n    if (!_entity) {\n      return nothing;\n    }\n    const treeClasses = {\n      'drop-active': !!this.associationDropZone && !this._dropAssociationTarget,\n      'tree-view': true,\n    }\n    return html`\n    ${this._headerTemplate(_entity)}\n    <div class=\"${classMap(treeClasses)}\" @dragover=\"${this._dragoverHandler}\" @drop=\"${this._dropHandler}\">\n      ${this._propertiesTemplate(_entity.properties, _entity.associations)}\n      ${this._parentsProperties(_entity.getComputedParents())}\n    </div>\n    ${this._addButtonTemplate()}\n    `;\n  }\n\n  protected _headerTemplate(entity: DataEntity): TemplateResult {\n    const label = entity.info.name || 'Unnamed data entity';\n    return html`\n    <div class=\"entity-header\">\n      <div class=\"label title-large\">${label}</div>\n      ${this._descriptionTemplate(entity)}\n    </div>\n    `;\n  }\n\n  protected _descriptionTemplate(entity: DataEntity): TemplateResult {\n    const { description } = entity.info;\n    if (description) {\n      return html`\n      <div class=\"description\">\n        <marked-highlight sanitize .markdown=\"${description}\">\n          <div slot=\"markdown-html\" class=\"markdown-body text-selectable\"></div>\n        </marked-highlight>\n      </div>`;\n    }\n    return html`\n    <div class=\"description\">\n      <span class=\"no-description body-medium\">No schema description provided.</span>\n    </div>\n    `;\n  }\n\n  protected _propertiesTemplate(properties: DataProperty[], associations: DataAssociation[], readonly?: boolean): TemplateResult {\n    if (!properties.length && !associations.length) {\n      // don't change the \"div\" to anything else. It's for the CSS to compute borders correctly.\n      return html`<div class=\"no-properties\">This entity has no properties or associations.</div>`;\n    }\n    return html`\n    ${properties.map(p => this._propertyTemplate(p, readonly))}\n    ${associations.map(a => this._associationTemplate(a, readonly))}\n    `;\n  }\n\n  protected _propertyTemplate(item: DataProperty, readonly=false): TemplateResult {\n    const { info, type, key, required, multiple, index, primary } = item;\n    const containerClasses = {\n      'property-container': true,\n      selected: this.selectedProperty === item.key,\n    };\n    return html`\n    <div class=\"${classMap(containerClasses)}\" data-key=\"${key}\">\n      <div class=\"property-border\"></div>\n      <div class=\"property-value\">\n        <div class=\"property-headline\">\n          <div class=\"property-decorator scalar\"><hr></div>\n          ${this._paramNameTemplate(item)}\n          <span class=\"headline-separator\"></span>\n          <div class=\"param-type text-selectable\">${type || 'Any type'}</div>\n          ${this._pillTemplate('Required', 'This property is required.', required)}\n          ${this._pillTemplate('Multiple', 'Multiple instances of the value are possible.', multiple)}\n          ${this._pillTemplate('Index', 'This property is a key which can be indexed.', index)}\n          ${this._pillTemplate('Primary', 'This property is the primary key for this entity.', primary, 'primary')}\n        </div>\n        <div class=\"description-column\">  \n          ${this._propertyDescriptionTemplate(info.description)}\n        </div>\n        <div class=\"details-column\"></div>\n      </div>\n      ${this._propertyListActions('property', readonly)}\n    </div>\n    `;\n  }\n\n  /**\n   * A template for the data association list item view.\n   * Depending on the number of targets of the association it renders the \"empty target\", single association, or a union association view.\n   * \n   * @param item The association item to render.\n   * @param parent The parent entity of the association.\n   * @param readonly Whether to render the view as \"read only\" (no edit controls). We do not show controls for properties inherited from parents.\n   */\n  protected _associationTemplate(item: DataAssociation, readonly=false): TemplateResult {\n    const { targets=[] } = item;\n    if (!targets.length) {\n      return this._noTargetAssociationTemplate(item, readonly);\n    }\n    if (targets.length === 1) {\n      return this._singleAssociationTemplate(item, readonly);\n    }\n    return this._unionAssociationTemplate(item, readonly);\n  }\n\n  /**\n   * Renders the template for the an association that has one target. This is a classic association where a property \n   * is associated with an object.\n   */\n  protected _singleAssociationTemplate(item: DataAssociation, readonly=false): TemplateResult {\n    const { info, key, required, multiple } = item;\n    const containerClasses = {\n      'property-container': true,\n      selected: this.selectedProperty === key,\n      'drag-over': this._dropAssociationTarget === key,\n    };\n    const entity = item.getTargets()[0];\n    const recursive = this._isRecursive(item, entity.key) // entity === this._entity || entity === parent;\n    let targetLabel: string;\n    if (entity) {\n      targetLabel = entity.info.renderLabel;\n    } else {\n      targetLabel = 'Invalid target';\n    }\n    const list = this._getExpandedKeys();\n    const expanded = !recursive && list.includes(key);\n    return html`\n    <div class=\"${classMap(containerClasses)}\" data-key=\"${key}\" @dragover=\"${this._associationDragOver}\" @dragleave=\"${this._associationDragLeave}\" @drop=\"${this._associationDrop}\">\n      <div class=\"property-border\"></div>\n      <div class=\"property-value\">\n        <div class=\"property-headline\">\n          <div class=\"property-decorator object\" tabindex=\"${recursive ? '-1' : '0'}\" data-id=\"${key}\" @click=\"${this._expandHandler}\" @keydown=\"${this._expandKeydownHandler}\">\n            <hr>\n            ${recursive ? '' : html`<ui-icon icon=\"chevronRight\" class=\"object-toggle-icon ${expanded ? 'opened' : ''}\"></ui-icon>`}\n          </div>\n          ${this._assocNameTemplate(item)}\n          <span class=\"headline-separator\"></span>\n          <div class=\"param-type text-selectable\">${multiple ? `Array of ${targetLabel}` : targetLabel}</div>\n          ${this._pillTemplate('Recursive shape', 'This association is recursive.', recursive)}\n          ${this._pillTemplate('Required', 'This property is required.', required)}\n          ${this._pillTemplate('Multiple', 'Multiple instances of the value are possible.', multiple)}\n        </div>\n        <div class=\"description-column\">  \n          ${this._propertyDescriptionTemplate(info.description)}\n        </div>\n        <div class=\"details-column\"></div>\n      </div>\n      ${this._propertyListActions('association', readonly)}\n    </div>\n    ${expanded ? html`\n    <div class=\"shape-children\">\n      <div class=\"property-border\"></div>\n      ${this._associationPropertiesTemplate(item)}\n    </div>\n    ` : ''}\n    `;\n  }\n\n  /**\n   * Renders the template for the an association that has multiple targets. This association represents\n   * an union of shapes. This means the property can be any, one of, or either of the union shapes.\n   */\n  protected _unionAssociationTemplate(item: DataAssociation, readonly=false): TemplateResult {\n    const { info, key, required, multiple } = item;\n    const containerClasses = {\n      'property-container': true,\n      selected: this.selectedProperty === key,\n      'drag-over': this._dropAssociationTarget === key,\n    };\n    const entities = item.getTargets();\n    const adapted = item.readAdapted();\n    // The `anyOf` and `oneOf` renders the same as this is a selection of one of the schemas\n    // The `allOf` renders properties for all shapes in the union.\n    // The not can potentially be a scalar shape and we don't have a concept of that in this tool so probably we gonna skip that.\n    let type: UnionType = 'anyOf';\n    if (adapted) {\n      if (adapted.schema && adapted.schema.unionType) {\n        type = adapted.schema.unionType;\n      }\n    }\n    let unionLabel = '';\n    if (!entities.length) {\n      // this will happen when all targets were removed from the namespace.\n      unionLabel = 'invalid targets';\n    } else if (type === 'anyOf') {\n      const names = entities.map(i => i.info.renderLabel).join(' or ');\n      unionLabel = `any of ${names}`;\n    } else if (type === 'oneOf') {\n      const names = entities.map(i => i.info.renderLabel).join(' or ');\n      unionLabel = `one of ${names}`;\n    } else {\n      const names = entities.map(i => i.info.renderLabel).join(' and ');\n      unionLabel = `all of ${names}`;\n    }\n    if (multiple) {\n      unionLabel = `list of ${unionLabel}`;\n    }\n    const list = this._getExpandedKeys();\n    const expanded = list.includes(key);\n    return html`\n    <div class=\"${classMap(containerClasses)}\" data-key=\"${key}\">\n      <div class=\"property-border\"></div>\n      <div class=\"property-value\">\n        <div class=\"property-headline\">\n          <div class=\"property-decorator object\" tabindex=\"0\" data-id=\"${key}\" @click=\"${this._expandHandler}\" @keydown=\"${this._expandKeydownHandler}\">\n            <hr>\n            <ui-icon icon=\"chevronRight\" class=\"object-toggle-icon ${expanded ? 'opened' : ''}\"></ui-icon>\n          </div>\n          ${this._assocNameTemplate(item)}\n          <span class=\"headline-separator\"></span>\n          <div class=\"param-type text-selectable\">${unionLabel}</div>\n          ${this._pillTemplate('Required', 'This association is required.', required)}\n          ${this._pillTemplate('Multiple', 'Multiple instances of the value are possible.', multiple)}\n          ${this._pillTemplate('Union', 'This association is an union.', true)}\n        </div>\n        <div class=\"description-column\">\n          ${this._propertyDescriptionTemplate(info.description)}\n        </div>\n        <div class=\"details-column\"></div>\n      </div>\n      ${this._propertyListActions('association', readonly)}\n    </div>\n    ${expanded ? html`\n    <div class=\"shape-children\">\n      <div class=\"property-border\"></div>\n      ${this._unionPropertiesTemplate(item, type)}\n    </div>\n    ` : ''}\n    `;\n  }\n\n  /**\n   * Renders the template for an association that has no target set.\n   */\n  protected _noTargetAssociationTemplate(item: DataAssociation, readonly=false): TemplateResult {\n    const { info, key, required, multiple } = item;\n    const containerClasses = {\n      'property-container': true,\n      selected: this.selectedProperty === key,\n      'drag-over': this._dropAssociationTarget === key,\n    };\n    return html`\n    <div class=\"${classMap(containerClasses)}\" data-key=\"${key}\">\n      <div class=\"property-border\"></div>\n      <div class=\"property-value\">\n        <div class=\"property-headline\">\n          <div class=\"property-decorator object\">\n            <hr>\n          </div>\n          ${this._assocNameTemplate(item)}\n          <span class=\"headline-separator\"></span>\n          ${this._pillTemplate('No target', 'This association has no target.', true)}\n          ${this._pillTemplate('Required', 'This property is required.', required)}\n          ${this._pillTemplate('Multiple', 'Multiple instances of the value are possible.', multiple)}\n        </div>\n        <div class=\"description-column\">\n          ${this._propertyDescriptionTemplate(info.description)}\n        </div>\n        <div class=\"details-column\"></div>\n      </div>\n      ${this._propertyListActions('association', readonly)}\n    </div>\n    `;\n  }\n\n  protected _associationPropertiesTemplate(item: DataAssociation): TemplateResult {\n    const entities = item.getTargets();\n    if (!entities.length) {\n      // don't change the \"div\" to anything else. It's for the CSS to compute borders correctly.\n      return html`<div class=\"no-properties\">Invalid entry. The target entity does not exist.</div>`;\n    }\n    const [entity] = entities;\n    return html`\n    <div class=\"tree-view\">\n      ${this._propertiesTemplate(entity.properties, entity.associations, true)}\n    </div>\n    `;\n  }\n\n  protected _unionPropertiesTemplate(item: DataAssociation, type: UnionType): TemplateResult {\n    const entities = item.getTargets();\n    if (!entities.length) {\n      // don't change the \"div\" to anything else. It's for the CSS to compute borders correctly.\n      return html`<div class=\"no-properties\">Invalid entry. The target entity does not exist.</div>`;\n    }\n    if (type === 'allOf') {\n      let allProperties: DataProperty[] = [];\n      let allAssociations: DataAssociation[] = [];\n      entities.forEach((entity) => {\n        const { associations, properties } = entity;\n        allProperties = allProperties.concat(properties);\n        allAssociations = allAssociations.concat(associations);\n      });\n      return html`\n      <div class=\"tree-view\">\n        ${this._unionSelector(item, type, entities)}\n        ${this._propertiesTemplate(allProperties, allAssociations, true)}\n      </div>`;\n    }\n\n    let selected = selectedUnions.get(item.key);\n    if (!selected) {\n      selected = entities[0].key;\n    }\n    const entity = entities.find(i => i.key === selected);\n    if (!entity) {\n      return html`\n      <div class=\"tree-view\">\n        ${this._unionSelector(item, type, entities, selected)}\n        <p class=\"no-info\">Invalid selection. Entity not found.</p>\n      </div>\n      `;\n    }\n    return html`\n    <div class=\"tree-view\">\n      ${this._unionSelector(item, type, entities, selected)}\n      ${this._propertiesTemplate(entity.properties, entity.associations, true)}\n    </div>\n    `;\n  }\n\n  /**\n   * Depending on the union type, it renders the union type label and a selector of the union member.\n   * \n   * This template is intended to use when multiple targets in association were detected.\n   * \n   * @param item The association item\n   * @param type The read from the adapted entity association type.\n   * @param entities The list of association targets.\n   * @param selected The key of the currently selected association target\n   * @returns The template for the union selection in the list of properties.\n   */\n  protected _unionSelector(item: DataAssociation, type: UnionType, entities: DataEntity[], selected?: string): TemplateResult {\n    let label: string;\n    if (type === 'anyOf') {\n      label = 'Any (one or more) of the following schemas';\n    } else if (type === 'oneOf') {\n      label = 'One of the following schemas';\n    } else if (type === 'allOf') {\n      label = 'All properties of union schemas';\n    } else {\n      label = 'Not matching the schema';\n    }\n    const renderSelection = ['anyOf', 'oneOf'].includes(type);\n    return html`\n    <div class=\"union-options\">\n      <span class=\"label-large\">${label}</span>\n      ${renderSelection ? html`\n       ${entities.map((entity) => html`\n        <label class=\"label-large\">\n          <ui-radio\n            class=\"union-toggle\" \n            name=\"unionFor${item.key}\"\n            data-association=\"${item.key}\"\n            value=\"${entity.key}\"\n            .checked=\"${selected === entity.key}\" \n            @change=\"${this._unionSelectedHandler}\"\n          ></ui-radio>\n          ${entity.info.renderLabel}\n        </label>`)}\n      ` : nothing}\n    </div>\n    `;\n  }\n\n  protected _propertyDescriptionTemplate(description?: string): TemplateResult {\n    return html`\n    <div class=\"description\">\n      <marked-highlight sanitize .markdown=\"${description || 'No description'}\">\n        <div slot=\"markdown-html\" class=\"markdown-body text-selectable\"></div>\n      </marked-highlight>\n    </div>\n    `;\n  }\n\n  /**\n   * Adds the delete and edit buttons to the tree item.\n   * This renders nothing when the property is readonly or the element is not `editable`.\n   * \n   * @param readonly Indicates the property is a readonly mode (e.g. belongs to an external entity.)\n   */\n  protected _propertyListActions(type: 'property' | 'association', readonly?: boolean): TemplateResult | typeof nothing {\n    if (readonly || !this.editable) {\n      return nothing;\n    }\n    const removeTitle = type === 'property' ? 'Remove this property' : 'Remove this association';\n    const removeLabel = type === 'property' ? 'Remove property' : 'Remove association';\n    const editTitle = type === 'property' ? 'Edit this property' : 'Edit this association';\n    const editLabel = type === 'property' ? 'Edit property' : 'Edit association';\n    return html`\n    <div class=\"property-actions\">\n      <ui-icon-button data-type=\"${type}\" aria-label=\"${removeLabel}\" title=\"${removeTitle}\" @click=\"${this._removeHandler}\">\n        <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n      </ui-icon-button>\n      <ui-icon-button data-type=\"${type}\" aria-label=\"${editLabel}\" title=\"${editTitle}\" @click=\"${this._editHandler}\">\n        <ui-icon icon=\"edit\" role=\"presentation\"></ui-icon>\n      </ui-icon-button>\n    </div>\n    `;\n  }\n\n  /**\n   * A template for the display name of a property.\n   * @param item The property to render the name filed for\n   * @returns The template for the property name. \n   */\n  protected _paramNameTemplate(item: DataProperty): TemplateResult {\n    const { info, required=false, deprecated=false } = item;\n    const paramName = !info.displayName ? '' : info.name;\n    const classes = {\n      'param-name': true,\n      required,\n      deprecated,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\">\n      <span class=\"param-label text-selectable\">${info.renderLabel}</span>\n    </div>\n    ${paramName ? html`<span class=\"param-name-secondary text-selectable\" title=\"Schema property name\">${paramName}</span>` : ''}\n    `;\n  }\n\n  /**\n   * A template for the display name of an association.\n   * @param item The property to render the name filed for\n   * @returns The template for the property name. \n   */\n  protected _assocNameTemplate(item: DataAssociation): TemplateResult {\n    const { info, required=false } = item;\n    const paramName = !info.displayName ? '' : info.name;\n    const classes = {\n      'param-name': true,\n      required,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\">\n      <span class=\"param-label text-selectable\">${info.renderLabel}</span>\n    </div>\n    ${paramName ? html`<span class=\"param-name-secondary text-selectable\" title=\"Schema property name\">${paramName}</span>` : ''}\n    `;\n  }\n\n  protected _pillTemplate(label: string, title: string, test: unknown, className?: string): TemplateResult | string {\n    if (!test) {\n      return '';\n    }\n    const classes: ClassInfo = {\n      pill: true,\n      'param-pill': true,\n      [className || '']: !!className,\n    };\n    return html`<span class=\"${classMap(classes)}\" title=\"${title}\">${label}</span>`;\n  }\n\n  /**\n   * Renders the template for the parents of the entity.\n   * \n   * @param parents The parents of the entity. This is an unordered list.\n   */\n  protected _parentsProperties(parents: DataEntity[]): TemplateResult[] | typeof nothing {\n    if (!parents.length) {\n      return nothing;\n    }\n    // don't change the \"div\" to anything else. It's for the CSS to compute borders correctly.\n    return parents.map(p => html`\n    <div class=\"inheritance-label text-selectable\">Properties inherited from <b>${p.info.name}</b>.</div>\n    ${this._propertiesTemplate(p.properties, p.associations, true)}\n    `);\n  }\n\n  protected _addButtonTemplate(): TemplateResult | typeof nothing {\n    if (!this.editable) {\n      return nothing;\n    }\n    return html`\n    <div class=\"add-property-section\">\n      <ui-button type=\"outlined\" @click=\"${this._addPropertyHandler}\">Add property</ui-button>\n    </div>\n    `;\n  }\n}\n"]}

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

@@ -1,64 +0,0 @@
-import { CSSResult, PropertyValues, TemplateResult } from "lit";
-import { DataEntity, DataNamespace } from "@api-client/core/build/esm/browser.js";
-import ApiElement from "../ApiElement.js";
-import '../../define/ui/ui-text-field.js';
-import '../../define/ui/ui-checkbox.js';
-import '../../define/ui/ui-divider.js';
-import '../../define/ui/ui-icon-button.js';
-import '../../define/ui/ui-icon.js';
-/**
- * An editor for a data entity.
- *
- * @fires change - When the entity has changed.
- * @fires namechange - When a name of the entity has changed.
- */
-export default class EntityFormElement extends ApiElement {
-    static get styles(): CSSResult[];
-    /**
-     * The key of the entity to edit.
-     * @attribute
-     */
-    key?: string;
-    /**
-     * The read data namespace.
-     */
-    root?: DataNamespace;
-    /**
-     * When set it activates the drop zone in the parents list to support drag and drop.
-     * @attribute
-     */
-    parentDropZone?: boolean;
-    /**
-     * The computed entity when the key or root change.
-     */
-    protected _entity?: DataEntity;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    /**
-     * Adds a parent entity to this entity.
-     * @param parentKey The key of the parent to add.
-     */
-    addParent(parentKey: string): 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;
-    protected _infoChangeHandler(e: Event): void;
-    protected _checkedHandler(e: Event): void;
-    protected _dragoverHandler(e: DragEvent): void;
-    protected _dropHandler(e: DragEvent): void;
-    protected _parentRemoveHandler(e: Event): void;
-    /**
-     * Removes a parent with the given key.
-     * @param key The key of the parent to remove.
-     */
-    removeParent(key: string): void;
-    protected render(): TemplateResult;
-    protected _parentsEditorTemplate(entity: DataEntity): TemplateResult;
-    protected _parentDropZoneTemplate(): TemplateResult;
-    protected _parentsTemplate(entity: DataEntity): TemplateResult;
-    protected renderEmptyParentsMessage(): TemplateResult;
-    protected _parentsListTemplate(parents: DataEntity[]): TemplateResult;
-    protected _parentItemTemplate(item: DataEntity): TemplateResult;
-}
-//# sourceMappingURL=EntityFormElement.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EntityFormElement.d.ts","sourceRoot":"","sources":["../../../src/elements/schema-design/EntityFormElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG3E,OAAO,EAAE,UAAU,EAAE,aAAa,EAAc,MAAM,uCAAuC,CAAC;AAC9F,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAM1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,4BAA4B,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,UAAU;IACvD,WAAoB,MAAM,IAAI,SAAS,EAAE,CAoCxC;IAED;;;OAGG;IACwC,GAAG,CAAC,EAAE,MAAM,CAAC;IAExD;;OAEG;IACyB,IAAI,CAAC,EAAE,aAAa,CAAC;IAEjD;;;OAGG;IAC0B,cAAc,CAAC,EAAE,OAAO,CAAC;IAEtD;;OAEG;IACM,SAAS,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;cAErB,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM7D;;;OAGG;IACH,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAWlC;;;OAGG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAShC,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAoB5C,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAgBzC,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAU9C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAgB1C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAO9C;;;OAGG;IACH,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;cAcZ,MAAM,IAAI,cAAc;IAyB3C,SAAS,CAAC,sBAAsB,CAAC,MAAM,EAAE,UAAU,GAAG,cAAc;IAQpE,SAAS,CAAC,uBAAuB,IAAI,cAAc;IAUnD,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,cAAc;IAO9D,SAAS,CAAC,yBAAyB,IAAI,cAAc;IAMrD,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,cAAc;IAQrE,SAAS,CAAC,mBAAmB,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc;CAehE"}

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

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

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

@@ -1 +0,0 @@
-{"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/esm/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,96 +0,0 @@
-import { DataNamespace, DataProperty, DataPropertyType } from "@api-client/core/build/esm/browser.js";
-import { CSSResult, TemplateResult, nothing, PropertyValues } from "lit";
-import ApiElement from "../ApiElement.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';
-import '../../define/ui/ui-icon-button.js';
-import '../../define/ui/ui-list.js';
-import '../../define/ui/ui-list-item.js';
-import '../../define/ui/ui-dropdown-list.js';
-import '../../define/ui/ui-icon.js';
-interface IInputTemplateOptions {
-    type: DataPropertyType;
-    name: string;
-    label: string;
-    handler: (e: Event) => void;
-    value?: unknown;
-    addButton?: boolean;
-}
-export default class PropertyFormElement extends ApiElement {
-    static get styles(): CSSResult[];
-    /**
-     * The key of the property to edit.
-     */
-    key?: string;
-    /**
-     * The read data namespace.
-     */
-    root?: DataNamespace;
-    /**
-     * The computed entity when the key or root change.
-     */
-    protected _property?: DataProperty;
-    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 _computeProperty(): void;
-    protected _infoChangeHandler(e: Event): void;
-    setType(value: DataPropertyType): void;
-    protected typeSelectHandler(e: CustomEvent): void;
-    protected _checkedHandler(e: Event): void;
-    protected defaultValueHandler(e: CustomEvent): void;
-    /**
-     * Sets a new defaultValue on the property schema
-     * @param value The default value to set. Empty to remove.
-     */
-    setDefaultValue(value?: string): void;
-    /**
-     * Adds an example value to the current property's schema.
-     * @param value The example value to add
-     */
-    addExample(value: string): void;
-    /**
-     * Removes an example value at position.
-     * @param index The position from which to remove the example value.
-     */
-    removeExample(index: number): void;
-    protected exampleAddHandler(e: Event): void;
-    protected exampleRemoveHandler(e: Event): void;
-    /**
-     * Adds an enum value to the current property's schema.
-     * @param value The enum value to add
-     */
-    addEnum(value: string): void;
-    /**
-     * Removes an enum value at position.
-     * @param index The position from which to remove the enum value.
-     */
-    removeEnum(index: number): void;
-    protected enumAddHandler(e: Event): void;
-    protected enumRemoveHandler(e: Event): void;
-    protected _getAdapted(dataProperty: DataProperty): DataProperty;
-    protected render(): TemplateResult;
-    protected renderSchemaEditor(item: DataProperty): TemplateResult | typeof nothing;
-    protected renderDefaultValueInput(item: DataProperty): TemplateResult | typeof nothing;
-    protected renderExamplesEditor(item: DataProperty, examples?: string[]): TemplateResult | typeof nothing;
-    protected renderExampleInput(item: DataProperty): TemplateResult;
-    protected renderExampleList(examples?: string[]): TemplateResult;
-    protected renderEnumEditor(item: DataProperty, values?: string[]): TemplateResult | typeof nothing;
-    protected renderEnumInput(item: DataProperty): TemplateResult;
-    protected renderEnumList(values?: string[]): TemplateResult;
-    protected propertyToInputType(type: DataPropertyType): SupportedInputTypes;
-    /**
-     * Renders an input that depends on the property type.
-     */
-    protected renderTypedInput(opts: IInputTemplateOptions): TemplateResult;
-    protected renderTextField(opts: IInputTemplateOptions): TemplateResult;
-    protected renderNilInput(opts: IInputTemplateOptions): TemplateResult;
-    protected renderBooleanInput(opts: IInputTemplateOptions): TemplateResult;
-    protected renderTypeSelector(item: DataProperty): TemplateResult;
-}
-export {};
-//# sourceMappingURL=PropertyFormElement.d.ts.map

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

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