@api-client/ui 0.0.17 → 0.1.1

package/build/src/elements/modeling/internals/DomainEntityEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainEntityEditor.js","sourceRoot":"","sources":["../../../../../src/elements/modeling/internals/DomainEntityEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type PropertyValues, type TemplateResult } from 'lit'\nimport { live } from 'lit-html/directives/live.js'\nimport { property, state } from 'lit/decorators.js'\nimport { type ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport {\n  DomainAssociation,\n  EventUtils,\n  type DomainEntity,\n  type DomainProperty,\n  DomainPropertyKind,\n  DomainAssociationKind,\n  DomainEntityKind,\n} from '@api-client/core/browser.js'\nimport { ModelingElement } from './ModelingElement.js'\nimport type { Tabs } from '@material/web/tabs/internal/tabs.js'\nimport { getFieldDataTypeLabel, getFieldIcon } from './lib/UiMapping.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport type { MdMenu } from '@material/web/menu/menu.js'\nimport type { MdMenuItem } from '@material/web/menu/menu-item.js'\nimport type { KeydownReason, Reason } from '@material/web/menu/internal/controllers/shared.js'\nimport { Events } from '../../../events/Events.js'\nimport { DATA_DOMAIN_BROWSE } from '../../../apps/quick-api/Intents.js'\nimport { bound } from '../../../decorators/bound.js'\nimport { IntentFlags, Intent, IntentResult } from '../../../core/ActivityManager.js'\nimport type { BrowseDataDomainResult } from '../../../apps/activities/BrowseDataDomainActivity.js'\nimport type { EntitySelectDetail } from '../types.js'\n\nimport '../../../md/icons/ui-icon.js'\nimport '../../../md/button/ui-filled-tonal-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/iconbutton/icon-button.js'\nimport '@material/web/tabs/tabs.js'\nimport '@material/web/tabs/secondary-tab.js'\nimport '@material/web/list/list.js'\nimport '@material/web/list/list-item.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/menu/menu.js'\nimport '@material/web/menu/menu-item.js'\nimport '@material/web/select/outlined-select.js'\nimport '@material/web/select/select-option.js'\nimport '@material/web/chips/chip-set.js'\nimport '@material/web/chips/input-chip.js'\n\n/**\n * Dispatched when a field (either a `DomainProperty` or a `DomainAssociation`) within the entity is selected.\n *\n * @event DomainEntityEditor#select\n * @type {CustomEvent}\n * @property {object} detail - The event details.\n * @property {string} detail.key - The key of the selected field.\n * @property {string} detail.kind - The kind of the selected field (e.g., `DomainPropertyKind`,\n * `DomainAssociationKind`).\n */\n\n/**\n * Dispatched when the user wants to navigate to a parent entity.\n *\n * @event DomainEntityEditor#openentity\n * @type {CustomEvent}\n * @property {object} detail - The event details.\n * @property {string} detail.key - The key of the parent entity to navigate to.\n * @property {string} detail.kind - The kind of the parent entity. It will always be `DomainEntityKind`.\n */\n\n/**\n * @fires DomainEntityEditor#select - A custom event with the `key` and `type` when a property was selected.\n * @fires DomainEntityEditor#openentity - A custom event with the `key` and `type` when a property was selected.\n */\nexport default class DomainEntityEditor extends ModelingElement {\n  protected domainElement: DomainEntity | undefined\n\n  /**\n   * The currently selected tab in the editor.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor contentTab: 'design' | 'preview' = 'design'\n\n  /**\n   * The key of the currently selected property.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor selectedProperty: string | undefined\n\n  /**\n   * The mime type of the preview to render.\n   * @attribute\n   */\n  @property({ type: String }) accessor mime = 'application/json'\n  /**\n   * When set, the preview tab will generate example (mock) data.\n   * By default it only render values as defined in the schema.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor mockValues = false\n\n  /**\n   * The generated schema preview.\n   */\n  @state() accessor schemaPreview: string | undefined\n\n  addMenuRef = createRef<MdMenu>()\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('selected') || cp.has('root')) {\n      this.computeEntity()\n    }\n    if (cp.has('mime') || cp.has('mockValues')) {\n      this.generateExample()\n    } else if (cp.has('contentTab')) {\n      this.generateExample()\n    } else if (this.contentTab === 'preview') {\n      this.generateExample()\n    }\n    super.willUpdate(cp)\n  }\n\n  protected computeEntity(): void {\n    const { root, selected } = this\n    if (!root || !selected) {\n      this.domainElement = undefined\n      return\n    }\n    this.domainElement = root.findEntity(selected)\n  }\n\n  handleMetaChange(e: Event): void {\n    const { domainElement } = this\n    if (!domainElement) {\n      return\n    }\n    const node = e.target as HTMLInputElement\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    domainElement.info[name as 'name' | 'description' | 'displayName'] = value\n    this.notifyChange()\n  }\n\n  handleContentTabChange(e: Event): void {\n    const tabs = e.target as Tabs\n    const tab = tabs.activeTab\n    if (!tab) {\n      return\n    }\n    const { key = '' } = tab.dataset\n    if (!['design', 'preview'].includes(key)) {\n      return\n    }\n    this.contentTab = key as 'design' | 'preview'\n  }\n\n  /**\n   * Generates the example data for the preview tab.\n   */\n  generateExample(): void {\n    const { domainElement: model, mime, mockValues = false, contentTab } = this\n    if (!model || contentTab !== 'preview') {\n      return\n    }\n    const value = model.toExample(mime, { renderMocked: mockValues, renderExamples: true })\n    this.schemaPreview = value as string | undefined\n  }\n\n  override notifyChange(): void {\n    super.notifyChange()\n    this.generateExample()\n  }\n\n  /**\n   * A handler for the mime type change event.\n   */\n  handleMimeChange(e: Event): void {\n    const node = e.currentTarget as HTMLSelectElement\n    const { value } = node\n    if (!value) {\n      return\n    }\n    this.mime = value\n  }\n\n  /**\n   * A handler for the field item click to select a field.\n   * @param e The click event.\n   */\n  handleFieldSelection(e: Event): void {\n    const item = e.currentTarget as HTMLElement\n    const { key, kind } = item.dataset\n    if (!key || !kind) {\n      return\n    }\n    this.select(key, kind)\n  }\n\n  /**\n   * Selects a field in the editor and dispatches a custom event with the key and kind of the field.\n   * @param key The key of the field to select.\n   * @param kind The kind of the field to select.\n   */\n  select(key: string, kind: string): void {\n    const detail: EntitySelectDetail = {\n      key,\n      kind,\n    }\n    this.selectedProperty = key\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail,\n      })\n    )\n  }\n\n  addProperty(name?: string): void {\n    const { domainElement } = this\n    if (!domainElement) {\n      return\n    }\n    const prop = domainElement.addProperty({ info: { name: name || 'new_field' } })\n    this.select(prop.key, DomainPropertyKind)\n    this.notifyChange()\n  }\n\n  addAssociation(name?: string): void {\n    const { domainElement } = this\n    if (!domainElement) {\n      return\n    }\n    const prop = domainElement.addAssociation({}, { info: { name: name || 'new_reference' } })\n    this.select(prop.key, DomainAssociationKind)\n    this.notifyChange()\n  }\n\n  handleAddMenuClose(e: CustomEvent<{ initiator: MdMenuItem; reason: Reason; itemPath: MdMenuItem[] }>): void {\n    const { reason, initiator } = e.detail\n    if (reason.kind === 'keydown') {\n      const typedReason = reason as KeydownReason\n      if (typedReason.key === 'Escape') {\n        return\n      }\n    }\n    const { action = '' } = initiator.dataset\n    if (action === 'property') {\n      this.addProperty()\n    } else if (action === 'association') {\n      this.addAssociation()\n    }\n  }\n\n  handleChooseParent(): void {\n    Events.Intent.startActivityForResult(\n      {\n        action: DATA_DOMAIN_BROWSE,\n        flags: IntentFlags.Modal | IntentFlags.ForResult,\n        data: {\n          reason: 'pick',\n          namespaceKey: this.domainElement?.domain.key,\n          allowed: ['entity'],\n          withExternal: false,\n          withRecent: true,\n        },\n      },\n      this.handleSelectTargetEntity,\n      this\n    )\n  }\n\n  handleDeleteParent(e: Event): void {\n    const { domainElement } = this\n    if (!domainElement) {\n      return\n    }\n    const item = e.currentTarget as HTMLElement\n    const { key } = item.dataset\n    if (!key) {\n      return\n    }\n    domainElement.removeParent(key)\n    this.notifyChange()\n    this.requestUpdate()\n  }\n\n  handleNavigateParent(e: Event): void {\n    const item = e.currentTarget as HTMLElement\n    const { key } = item.dataset\n    if (!key) {\n      return\n    }\n    const detail: EntitySelectDetail = {\n      key,\n      kind: DomainEntityKind,\n    }\n    this.dispatchEvent(new CustomEvent('openentity', { detail }))\n  }\n\n  @bound\n  protected handleSelectTargetEntity(result: IntentResult, intent: Intent): void {\n    if (result === IntentResult.RESULT_CANCELED) {\n      return\n    }\n    const info = intent.data as BrowseDataDomainResult\n    if (info.result !== 'ok') {\n      return\n    }\n    const { kind, selected, namespace } = info\n    if (!kind || !selected || !namespace) {\n      return\n    }\n    const { domainElement, root } = this\n    if (!domainElement || !root) {\n      return\n    }\n    if (root.key === namespace) {\n      domainElement.addParent(selected)\n      this.notifyChange()\n      this.requestUpdate()\n    }\n  }\n\n  protected handleInheritanceDragEnter(e: DragEvent): void {\n    const dt = e.dataTransfer\n    if (!dt) {\n      return\n    }\n    const isDraggedEntity = dt.types.includes(DomainEntityKind.toLowerCase())\n    if (!isDraggedEntity) {\n      return\n    }\n    const zone = e.currentTarget as HTMLElement\n    zone.classList.add('drop-zone')\n    dt.dropEffect = 'link'\n    dt.effectAllowed = 'link'\n  }\n\n  protected handleInheritanceDragOver(e: DragEvent): void {\n    const dt = e.dataTransfer\n    if (!dt) {\n      return\n    }\n    const isDraggedEntity = dt.types.includes(DomainEntityKind.toLowerCase())\n    if (!isDraggedEntity) {\n      return\n    }\n    e.preventDefault()\n  }\n\n  protected handleInheritanceDragLeave(e: DragEvent): void {\n    const dt = e.dataTransfer\n    if (!dt) {\n      return\n    }\n    const zone = e.currentTarget as HTMLElement\n    zone.classList.remove('drop-zone')\n  }\n\n  protected handleInheritanceDrop(e: DragEvent): void {\n    const dt = e.dataTransfer\n    if (!dt) {\n      return\n    }\n    const zone = e.currentTarget as HTMLElement\n    zone.classList.remove('drop-zone')\n    const key = dt.getData('text/key')\n    const kind = dt.getData('text/kind')\n    if (!key || kind !== DomainEntityKind) {\n      return\n    }\n    if (this.domainElement) {\n      this.domainElement.addParent(key)\n      this.notifyChange()\n      this.requestUpdate()\n    }\n  }\n\n  protected override render(): TemplateResult | typeof nothing {\n    const { domainElement } = this\n    if (!domainElement) {\n      return nothing\n    }\n    return html`${this.renderForm(domainElement)}${this.renderIntro()}`\n  }\n\n  protected renderForm(model: DomainEntity): TemplateResult {\n    return html`\n      <form name=\"entity\" @submit=\"${EventUtils.cancelEvent}\" data-key=\"${model.key}\" class=\"modeling-form\">\n        ${this.renderMetaInputs(model)} ${this.renderParentEntity(model)} ${this.renderContentTabs()}\n        ${this.renderTabsContent(model)}\n      </form>\n    `\n  }\n\n  protected renderMetaInputs(model: DomainEntity): TemplateResult {\n    return html`\n      <div class=\"editor-section\">\n        <div class=\"row\">\n          <md-outlined-text-field\n            class=\"input\"\n            name=\"name\"\n            .value=\"${live(model.info.name || '')}\"\n            label=\"Name\"\n            required\n            @change=\"${this.handleMetaChange}\"\n          ></md-outlined-text-field>\n          <md-icon-button type=\"button\"><ui-icon icon=\"help\"></ui-icon></md-icon-button>\n        </div>\n        <div class=\"row\">\n          <md-outlined-text-field\n            class=\"input\"\n            name=\"displayName\"\n            .value=\"${live(model.info.displayName || '')}\"\n            label=\"Display name (optional)\"\n            @change=\"${this.handleMetaChange}\"\n          ></md-outlined-text-field>\n          <md-icon-button type=\"button\"><ui-icon icon=\"help\"></ui-icon></md-icon-button>\n        </div>\n        <div class=\"row\">\n          <md-outlined-text-field\n            class=\"input\"\n            name=\"description\"\n            .value=\"${live(model.info.description || '')}\"\n            label=\"Description (optional)\"\n            @change=\"${this.handleMetaChange}\"\n          ></md-outlined-text-field>\n          <md-icon-button type=\"button\"><ui-icon icon=\"help\"></ui-icon></md-icon-button>\n        </div>\n      </div>\n    `\n  }\n\n  protected renderParentEntity(model: DomainEntity): TemplateResult {\n    return html`\n      <div\n        class=\"inheritance-section\"\n        @dragenter=\"${this.handleInheritanceDragEnter}\"\n        @dragover=\"${this.handleInheritanceDragOver}\"\n        @dragleave=\"${this.handleInheritanceDragLeave}\"\n        @drop=\"${this.handleInheritanceDrop}\"\n      >\n        <div class=\"section-header\">\n          <span class=\"label-large\">Inherits from</span>\n          <ui-filled-tonal-button type=\"button\" class=\"select\" @click=\"${this.handleChooseParent}\"\n            >Choose parent entity</ui-filled-tonal-button\n          >\n          <md-icon-button type=\"button\"><ui-icon icon=\"help\"></ui-icon></md-icon-button>\n        </div>\n        ${this.renderParentItems(model)}\n      </div>\n    `\n  }\n\n  protected renderParentItems(model: DomainEntity): TemplateResult | typeof nothing {\n    if (!model.hasParents()) {\n      return nothing\n    }\n    const contents: TemplateResult[] = []\n    for (const item of model.listParents()) {\n      const label = item.info.getLabel()\n      contents.push(\n        html`<md-input-chip\n          class=\"parent-chip\"\n          data-key=\"${item.key}\"\n          remove-only\n          title=\"Open the parent entity\"\n          aria-label=\"Open the parent entity ${label}\"\n          @remove=\"${this.handleDeleteParent}\"\n          @click=\"${this.handleNavigateParent}\"\n          >${label}</md-input-chip\n        >`\n      )\n    }\n    return html`<md-chip-set>${contents}</md-chip-set>`\n  }\n\n  protected renderContentTabs(): TemplateResult {\n    return html`\n      <md-tabs @change=\"${this.handleContentTabChange}\">\n        <md-secondary-tab data-key=\"design\" active>Design</md-secondary-tab>\n        <md-secondary-tab data-key=\"preview\">Preview</md-secondary-tab>\n      </md-tabs>\n    `\n  }\n\n  protected renderTabsContent(model: DomainEntity): TemplateResult {\n    const { contentTab } = this\n    switch (contentTab) {\n      case 'design':\n        return this.renderDesignTabContent(model)\n      case 'preview':\n        return this.renderPreviewTabContent()\n      default:\n        return html`<p>Invalid selection.</p>`\n    }\n  }\n\n  protected renderDesignTabContent(model: DomainEntity): TemplateResult {\n    // TODO: Add taxonomy related UI.\n    return this.renderFieldsSection(model)\n  }\n\n  protected renderPreviewTabContent(): TemplateResult {\n    return html`\n      <div class=\"preview-section\">\n        ${this.renderPreviewMimeSelector()}\n        <div class=\"schema-preview\"><pre class=\"title-small\">${this.schemaPreview}</pre></div>\n      </div>\n    `\n  }\n\n  protected renderPreviewMimeSelector(): TemplateResult {\n    const { mime } = this\n    const mimes = ['application/json', 'application/xml']\n    return html`<div class=\"row\">\n      <md-outlined-select\n        label=\"Media Type\"\n        class=\"input\"\n        name=\"mime\"\n        menuPositioning=\"popover\"\n        @change=\"${this.handleMimeChange}\"\n      >\n        ${mimes.map(\n          (item) =>\n            html`<md-select-option ?selected=\"${mime === item}\" value=\"${item}\">\n              <div slot=\"headline\">${item}</div>\n            </md-select-option>`\n        )}\n      </md-outlined-select>\n    </div>`\n  }\n\n  protected renderFieldsSection(model: DomainEntity): TemplateResult {\n    return html`\n      <div class=\"fields-section\">\n        <div class=\"fields-header\">\n          <span class=\"label-large\">Fields</span>\n          ${this.renderFieldAddButton()}\n        </div>\n        ${model.hasFields() ? this.renderFieldsList(model) : this.renderFieldsEmptyState()}\n      </div>\n    `\n  }\n\n  protected renderFieldAddButton(): TemplateResult {\n    return html`<div class=\"field-add-button\">\n      <ui-filled-tonal-button\n        id=\"field-new-anchor\"\n        trailingicon\n        type=\"button\"\n        @click=${() => this.addMenuRef.value?.show()}\n      >\n        Add field\n        <md-icon slot=\"icon\">arrow_drop_down</md-icon>\n      </ui-filled-tonal-button>\n      <md-menu\n        positioning=\"popover\"\n        id=\"new-field-menu\"\n        anchor=\"field-new-anchor\"\n        anchor-corner=\"end-start\"\n        y-offset=\"8\"\n        @close-menu=\"${this.handleAddMenuClose}\"\n        ${ref(this.addMenuRef)}\n      >\n        <md-menu-item data-action=\"property\">\n          <div slot=\"headline\">Property</div>\n          <div slot=\"supporting-text\">Data property in the schema</div>\n        </md-menu-item>\n        <md-menu-item data-action=\"association\">\n          <div slot=\"headline\">Reference</div>\n          <div slot=\"supporting-text\">Connect to another entity object</div>\n        </md-menu-item>\n      </md-menu>\n    </div>`\n  }\n\n  protected renderFieldsEmptyState(): TemplateResult {\n    return html`<div class=\"empty-fields\">\n      <div class=\"icon-wrapper\">\n        <ui-icon class=\"icon\" icon=\"textFields\"></ui-icon>\n      </div>\n      <p class=\"empty-message body-large\">Find your data entities here</p>\n      <p class=\"empty-message body-large\">Add a data entity to describe your schema.</p>\n    </div>`\n  }\n\n  protected renderFieldsList(items: DomainEntity): TemplateResult {\n    const contents: TemplateResult[] = []\n    for (const item of items.listFields()) {\n      contents.push(this.renderField(item))\n    }\n    return html`<md-list class=\"fields-list\">${contents}</md-list>`\n  }\n\n  protected renderField(item: DomainAssociation | DomainProperty): TemplateResult {\n    const selected = this.selectedProperty === item.key\n    const classes: ClassInfo = {\n      'field-item': true,\n      'selected': selected,\n    }\n    const label = item.info.getLabel()\n    const icon = selected ? 'check' : getFieldIcon(item)\n    return html`<md-list-item\n      class=\"${classMap(classes)}\"\n      type=\"button\"\n      data-key=\"${item.key}\"\n      data-kind=\"${item.kind}\"\n      @click=\"${this.handleFieldSelection}\"\n    >\n      <span slot=\"start\"><ui-icon class=\"icon\" icon=\"${icon}\"></ui-icon></span>\n      <span slot=\"headline\">${label}</span>\n      <span slot=\"trailing-supporting-text\">${getFieldDataTypeLabel(item)}</span>\n    </md-list-item>`\n  }\n\n  protected renderIntro(): TemplateResult {\n    return html`\n      <ui-divider class=\"divider\"></ui-divider>\n      <section class=\"intro body-medium\">\n        <h2 class=\"intro-title title-large\">\n          <div class=\"theme-icon-wrapper\">\n            <ui-icon class=\"icon\" icon=\"schemaEntity\"></ui-icon>\n          </div>\n          Defining the Pieces of Your Data: Introducing Data Entities\n        </h2>\n        <p>\n          You've already learned about data namespaces (the folders) and data models (the blueprints). Now, let's dive\n          into the individual pieces of information that make up your data: <strong>data entities</strong>.\n        </p>\n\n        <p>\n          Think of a data entity as a specific type of thing you want to track or manage in your data domain. It's like\n          a template for a particular kind of object. For example, in an online store, you might have data entities like\n          \"Customer,\" \"Product,\" \"Order,\" or \"Address.\"\n        </p>\n\n        <h3 class=\"title-medium\">What is a Data Entity?</h3>\n        <p>\n          A data entity represents a single, distinct type of data. It's a way to describe the characteristics and\n          properties of a specific kind of object. Each data entity has:\n        </p>\n        <ul>\n          <li>\n            <strong>Properties:</strong> These are the individual pieces of information that describe the entity. For\n            example, a \"Customer\" entity might have properties like \"Name,\" \"Email,\" and \"Phone Number.\"\n          </li>\n          <li>\n            <strong>Associations:</strong> These are the relationships between different entities. For example, a\n            \"Customer\" entity might be associated with one or more \"Order\" entities.\n          </li>\n        </ul>\n\n        <h3 class=\"title-medium\">Why Use Data Entities?</h3>\n        <p>Data entities help you:</p>\n        <ul>\n          <li>\n            <strong>Define Your Data Clearly:</strong> They provide a structured way to describe the different types of\n            information you're working with.\n          </li>\n          <li>\n            <strong>Organize Related Information:</strong> They group together all the properties that belong to a\n            specific type of object.\n          </li>\n          <li>\n            <strong>Establish Relationships:</strong> They allow you to define how different types of data are connected\n            to each other.\n          </li>\n          <li>\n            <strong>Create Reusable Structures:</strong> Once you've defined a data entity, you can use it as a template\n            for creating new data entries of that type.\n          </li>\n          <li>\n            <strong>Build Complex Data Domains:</strong> You can create a complex data domain by combining multiple data\n            entities.\n          </li>\n          <li>\n            <strong>Reuse:</strong> You can reuse the same data structures in different contexts. For example, you can\n            reuse the \"Address\" data entity in both the \"Customers\" and \"Orders\" data models.\n          </li>\n          <li>\n            <strong>Extend:</strong> You can extend the existing data structures without breaking the existing data. For\n            example, you can add a new data entity for \"Marketing\" without breaking the existing data structures.\n          </li>\n        </ul>\n\n        <h3 class=\"title-medium\">Example: The Online Store Data Entities</h3>\n\n        <p>Let's continue with our online store example. Here are some data entities you might define:</p>\n\n        <div class=\"example\">\n          <div class=\"example-title title-small\">Customer:</div>\n          <ul>\n            <li>\n              <strong>Properties:</strong>\n              <ul class=\"property-list\">\n                <li>Name</li>\n                <li>Email</li>\n                <li>Phone Number</li>\n                <li>Date of Birth</li>\n              </ul>\n            </li>\n            <li>\n              <strong>Associations:</strong>\n              <ul class=\"property-list\">\n                <li>Orders (a customer can have multiple orders)</li>\n                <li>Address (a customer has an address)</li>\n              </ul>\n            </li>\n          </ul>\n        </div>\n\n        <div class=\"example\">\n          <div class=\"example-title title-small\">Product:</div>\n          <ul>\n            <li>\n              <strong>Properties:</strong>\n              <ul class=\"property-list\">\n                <li>Name</li>\n                <li>Description</li>\n                <li>Price</li>\n                <li>SKU</li>\n                <li>Image URL</li>\n              </ul>\n            </li>\n            <li>\n              <strong>Associations:</strong>\n              <ul class=\"property-list\">\n                <li>None in this example, but you could have associations to \"Category\" or \"Supplier\" entities.</li>\n              </ul>\n            </li>\n          </ul>\n        </div>\n\n        <div class=\"example\">\n          <div class=\"example-title title-small\">Order:</div>\n          <ul>\n            <li>\n              <strong>Properties:</strong>\n              <ul class=\"property-list\">\n                <li>Order Number</li>\n                <li>Order Date</li>\n                <li>Total</li>\n                <li>Status</li>\n              </ul>\n            </li>\n            <li>\n              <strong>Associations:</strong>\n              <ul class=\"property-list\">\n                <li>Customer (an order belongs to a customer)</li>\n                <li>Order Items (an order has multiple order items)</li>\n              </ul>\n            </li>\n          </ul>\n        </div>\n        <div class=\"example\">\n          <div class=\"example-title title-small\">Address:</div>\n          <ul>\n            <li>\n              <strong>Properties:</strong>\n              <ul class=\"property-list\">\n                <li>Street</li>\n                <li>City</li>\n                <li>Zip Code</li>\n                <li>Country</li>\n              </ul>\n            </li>\n            <li>\n              <strong>Associations:</strong>\n              <ul class=\"property-list\">\n                <li>Customer (an address belongs to a customer)</li>\n              </ul>\n            </li>\n          </ul>\n        </div>\n\n        <h3 class=\"title-medium\">Benefits in this Scenario:</h3>\n        <ul>\n          <li>\n            <strong>Clear Definitions:</strong> You have a clear definition of what a \"Customer,\" \"Product,\" \"Order,\"\n            and \"Address\" are in your system.\n          </li>\n          <li>\n            <strong>Organized Information:</strong> All the relevant information about a customer is grouped within the\n            \"Customer\" entity.\n          </li>\n          <li>\n            <strong>Understanding Relationships:</strong> You can see that a \"Customer\" can have multiple \"Orders\" and\n            that an \"Order\" is associated with a \"Customer.\"\n          </li>\n          <li>\n            <strong>Complex Data Domains:</strong> You can create a complex data domain by combining multiple data\n            entities.\n          </li>\n          <li>\n            <strong>Reuse:</strong> You can reuse the \"Address\" data entity in both the \"Customers\" and \"Orders\" data\n            models.\n          </li>\n          <li>\n            <strong>Extend:</strong> You can add a new data entity for \"Marketing\" without breaking the existing data\n            structures.\n          </li>\n        </ul>\n\n        <h3 class=\"title-medium\">In Summary</h3>\n\n        <p>\n          Data entities are the core building blocks of your data domain. They allow you to define the specific types of\n          information you need to manage, organize related data, and establish relationships between different types of\n          data.\n        </p>\n      </section>\n    `\n  }\n}\n"]}

package/build/src/elements/modeling/internals/DomainModelEditor.d.ts

@@ -1,19 +0,0 @@
-import { nothing, PropertyValues, TemplateResult } from 'lit';
-import { ModelingElement } from './ModelingElement.js';
-import { type DomainModel } from '@api-client/core/browser.js';
-import '../../../md/icons/ui-icon.js';
-import '@material/web/textfield/outlined-text-field.js';
-import '@material/web/iconbutton/icon-button.js';
-/**
- * An UI element that renders an editor for a DomainModel
- */
-export default class DomainModelEditor extends ModelingElement {
-    private domainElement;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    protected computeDataModel(): void;
-    handleValueChange(e: Event): void;
-    protected render(): TemplateResult | typeof nothing;
-    protected renderForm(model: DomainModel): TemplateResult;
-    protected renderIntro(): TemplateResult;
-}
-//# sourceMappingURL=DomainModelEditor.d.ts.map

package/build/src/elements/modeling/internals/DomainModelEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainModelEditor.d.ts","sourceRoot":"","sources":["../../../../../src/elements/modeling/internals/DomainModelEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAC1E,OAAO,8BAA8B,CAAA;AACrC,OAAO,gDAAgD,CAAA;AACvD,OAAO,yCAAyC,CAAA;AAEhD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,eAAe;IAC5D,OAAO,CAAC,aAAa,CAAyB;cAE3B,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO7D,SAAS,CAAC,gBAAgB,IAAI,IAAI;IASlC,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAiBd,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO;IAQ5D,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,cAAc;IA8BxD,SAAS,CAAC,WAAW,IAAI,cAAc;CA2JxC"}

package/build/src/elements/modeling/internals/DomainModelEditor.js

@@ -1,235 +0,0 @@
-import { html, nothing } from 'lit';
-import { live } from 'lit/directives/live.js';
-import { ModelingElement } from './ModelingElement.js';
-import { EventUtils } from '@api-client/core/browser.js';
-import '../../../md/icons/ui-icon.js';
-import '@material/web/textfield/outlined-text-field.js';
-import '@material/web/iconbutton/icon-button.js';
-/**
- * An UI element that renders an editor for a DomainModel
- */
-export default class DomainModelEditor extends ModelingElement {
-    domainElement;
-    willUpdate(cp) {
-        if (cp.has('selected')) {
-            this.computeDataModel();
-        }
-        super.willUpdate(cp);
-    }
-    computeDataModel() {
-        const { root, selected } = this;
-        if (!root || !selected) {
-            this.domainElement = undefined;
-            return;
-        }
-        this.domainElement = root.findModel(selected);
-    }
-    handleValueChange(e) {
-        const { domainElement } = this;
-        if (!domainElement) {
-            return;
-        }
-        const node = e.target;
-        const { name, value } = node;
-        if (!['name', 'description'].includes(name)) {
-            return;
-        }
-        if (name === 'name' && !value) {
-            return;
-        }
-        domainElement.info[name] = value;
-        this.notifyChange();
-    }
-    render() {
-        const { domainElement } = this;
-        if (!domainElement) {
-            return nothing;
-        }
-        return html `${this.renderForm(domainElement)}${this.renderIntro()}`;
-    }
-    renderForm(model) {
-        return html `
-      <form name="data-model" @submit="${EventUtils.cancelEvent}" data-key="${model.key}" class="modeling-form">
-        <div class="editor-section">
-          <div class="row">
-            <md-outlined-text-field
-              class="input"
-              name="name"
-              .value="${live(model.info.name || '')}"
-              label="Name name"
-              required
-              @change="${this.handleValueChange}"
-            ></md-outlined-text-field>
-            <md-icon-button type="button"><ui-icon icon="help"></ui-icon></md-icon-button>
-          </div>
-          <div class="row">
-            <md-outlined-text-field
-              class="input"
-              name="description"
-              .value="${live(model.info.description || '')}"
-              label="Description (optional)"
-              @change="${this.handleValueChange}"
-            ></md-outlined-text-field>
-            <md-icon-button type="button"><ui-icon icon="help"></ui-icon></md-icon-button>
-          </div>
-        </div>
-      </form>
-    `;
-    }
-    renderIntro() {
-        return html `
-      <ui-divider class="divider"></ui-divider>
-      <section class="intro body-medium">
-        <h2 class="intro-title title-large">
-          <div class="theme-icon-wrapper">
-            <ui-icon class="icon" icon="schemaModel"></ui-icon>
-          </div>
-          Building Blocks of Your Data: Introducing Data Models
-        </h2>
-        <p>
-          You've already learned about data namespaces, which are like folders for organizing your data. Now, let's talk
-          about what goes <em>inside</em> those folders: <strong>data models</strong>.
-        </p>
-
-        <p>
-          Think of a data model as a blueprint or a plan for a specific type of information. It describes what kind of
-          data you'll be working with and how the different pieces of that data relate to each other.
-        </p>
-
-        <h3 class="title-medium">What is a Data Model?</h3>
-        <p>
-          A data model is a collection of related data entities. It's like a detailed plan for a specific area of your
-          data. For example, if you're building an online store, you might have a "Customer" data model, a "Product"
-          data model, and an "Order" data model.
-        </p>
-
-        <h3 class="title-medium">Why Use Data Models?</h3>
-        <ul>
-          <li>
-            <strong>Define Your Data:</strong> Clearly outline what information you need to store and how it should be
-            structured.
-          </li>
-          <li>
-            <strong>Group Related Data:</strong> Bring together all the different pieces of information that belong to a
-            specific area. For example, all the details about a customer (name, address, email, etc.) would be grouped
-            in the "Customer" data model.
-          </li>
-          <li>
-            <strong>Create Reusable Structures:</strong> Once you've defined a data model, you can use it as a template
-            for creating new data entries.
-          </li>
-          <li>
-            <strong>Understand Relationships:</strong> Data models help you see how different types of data are
-            connected. For example, you might see that a "Customer" can have multiple "Orders."
-          </li>
-          <li>
-            <strong>Build Complex Data Domains:</strong> You can create a complex data domain by combining multiple data
-            models.
-          </li>
-          <li>
-            <strong>Reuse:</strong> You can reuse the same data structures in different contexts. For example, you can
-            reuse the "Address" data structure in both the "Customers" and "Orders" data models.
-          </li>
-          <li>
-            <strong>Extend:</strong> You can extend the existing data structures without breaking the existing data. For
-            example, you can add a new data model for "Marketing" without breaking the existing data structures.
-          </li>
-        </ul>
-
-        <h3 class="title-medium">How Data Models Work in Our System</h3>
-        <p>In our system, you'll create data models within your namespaces. Here's how they fit in:</p>
-        <ul>
-          <li><strong>Namespaces:</strong> These are the folders that help you organize your data.</li>
-          <li>
-            <strong>Data Models:</strong> Inside each namespace, you can create data models. Each data model is a
-            collection of related data entities.
-          </li>
-          <li>
-            <strong>Data Entities:</strong> Inside each data model, you define <strong>data entities</strong>. A data
-            entity represents a specific type of data, like a "Customer" or a "Product."
-          </li>
-          <li>
-            <strong>Data Properties:</strong> Inside each data entity, you define <strong>data properties</strong>. A
-            data property is a single piece of information about the entity, like a "Customer's Name" or a "Product's
-            Price."
-          </li>
-          <li>
-            <strong>Data Associations:</strong> Data entities can be associated with each other. For example, a
-            "Customer" entity can be associated with an "Address" entity.
-          </li>
-        </ul>
-
-        <h3 class="title-medium">Example: The Online Store Data Models</h3>
-        <p>Let's go back to our online store example. Here's how you might use data models:</p>
-        <div class="example">
-          <div class="example-title title-small">Customers Data Model Entities:</div>
-          <ul>
-            <li>Customer Profile (with properties like Name, Email, Phone)</li>
-            <li>Address (with properties like Street, City, Zip Code)</li>
-            <li>Order History (with properties like Order Date, Order Total)</li>
-          </ul>
-        </div>
-
-        <div class="example">
-          <div class="example-title title-small">Products Data Model Entities:</div>
-          <ul>
-            <li>Product Details (with properties like Name, Description, Price)</li>
-            <li>Inventory (with properties like Quantity, Location)</li>
-          </ul>
-        </div>
-
-        <div class="example">
-          <div class="example-title title-small">Orders Data Model Entities:</div>
-          <ul>
-            <li>Order Details (with properties like Order Number, Order Date, Total)</li>
-            <li>Order Item (with properties like Product, Quantity, Price)</li>
-          </ul>
-        </div>
-        <div class="example">
-          <div class="example-title title-small">Marketing Data Model Entities:</div>
-          <ul>
-            <li>Campaign (with properties like Name, Start Date, End Date)</li>
-            <li>Promotion (with properties like Name, Discount, Start Date, End Date)</li>
-            <li>Customer Segment (with properties like Name, Description)</li>
-          </ul>
-        </div>
-
-        <h3 class="title-medium">Benefits in this Scenario:</h3>
-        <ul>
-          <li>
-            <strong>Clear Structure:</strong> It's easy to see what information belongs to customers, products, orders,
-            and marketing.
-          </li>
-          <li>
-            <strong>Reusable Blueprints:</strong> You can use the "Customer" data model as a template whenever you need
-            to add a new customer to your system.
-          </li>
-          <li>
-            <strong>Understanding Connections:</strong> You can define that a "Customer" can have multiple "Orders" and
-            that an "Order" contains multiple "Order Items."
-          </li>
-          <li>
-            <strong>Complex Data Domains:</strong> You can create a complex data domain by combining multiple data
-            models.
-          </li>
-          <li>
-            <strong>Reuse:</strong> You can reuse the "Address" data entity in both the "Customers" and "Orders" data
-            models.
-          </li>
-          <li>
-            <strong>Extend:</strong> You can add a new data model for "Marketing" without breaking the existing data
-            structures.
-          </li>
-        </ul>
-
-        <h3 class="title-medium">In Summary</h3>
-
-        <p>
-          Data models are the blueprints for your data. They help you define, group, and understand your information. By
-          creating data models, you're building a solid foundation for your data domain.
-        </p>
-      </section>
-    `;
-    }
-}
-//# sourceMappingURL=DomainModelEditor.js.map

package/build/src/elements/modeling/internals/DomainModelEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainModelEditor.js","sourceRoot":"","sources":["../../../../../src/elements/modeling/internals/DomainModelEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkC,MAAM,KAAK,CAAA;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,UAAU,EAAoB,MAAM,6BAA6B,CAAA;AAC1E,OAAO,8BAA8B,CAAA;AACrC,OAAO,gDAAgD,CAAA;AACvD,OAAO,yCAAyC,CAAA;AAEhD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,eAAe;IACpD,aAAa,CAAyB;IAE3B,UAAU,CAAC,EAAwB;QACpD,IAAI,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,gBAAgB,EAAE,CAAA;QACzB,CAAC;QACD,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IACtB,CAAC;IAES,gBAAgB;QACxB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;QAC/B,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,GAAG,SAAS,CAAA;YAC9B,OAAM;QACR,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC/C,CAAC;IAED,iBAAiB,CAAC,CAAQ;QACxB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAM;QACR,CAAC;QACD,MAAM,IAAI,GAAG,CAAC,CAAC,MAA0B,CAAA;QACzC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;QAC5B,IAAI,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC,EAAE,CAAC;YACtD,OAAM;QACR,CAAC;QACD,IAAI,IAAI,KAAK,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,OAAM;QACR,CAAC;QACD,aAAa,CAAC,IAAI,CAAC,IAA8B,CAAC,GAAG,KAAK,CAAA;QAC1D,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,OAAO,CAAA;QAChB,CAAC;QACD,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAA;IACrE,CAAC;IAES,UAAU,CAAC,KAAkB;QACrC,OAAO,IAAI,CAAA;yCAC0B,UAAU,CAAC,WAAW,eAAe,KAAK,CAAC,GAAG;;;;;;wBAM/D,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;;;yBAG1B,IAAI,CAAC,iBAAiB;;;;;;;;wBAQvB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;;yBAEjC,IAAI,CAAC,iBAAiB;;;;;;KAM1C,CAAA;IACH,CAAC;IAES,WAAW;QACnB,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwJV,CAAA;IACH,CAAC;CACF","sourcesContent":["import { html, nothing, PropertyValues, TemplateResult } from 'lit'\nimport { live } from 'lit/directives/live.js'\nimport { ModelingElement } from './ModelingElement.js'\nimport { EventUtils, type DomainModel } from '@api-client/core/browser.js'\nimport '../../../md/icons/ui-icon.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/iconbutton/icon-button.js'\n\n/**\n * An UI element that renders an editor for a DomainModel\n */\nexport default class DomainModelEditor extends ModelingElement {\n  private domainElement: DomainModel | undefined\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('selected')) {\n      this.computeDataModel()\n    }\n    super.willUpdate(cp)\n  }\n\n  protected computeDataModel(): void {\n    const { root, selected } = this\n    if (!root || !selected) {\n      this.domainElement = undefined\n      return\n    }\n    this.domainElement = root.findModel(selected)\n  }\n\n  handleValueChange(e: Event): void {\n    const { domainElement } = this\n    if (!domainElement) {\n      return\n    }\n    const node = e.target as HTMLInputElement\n    const { name, value } = node\n    if (!['name', 'description'].includes(name as string)) {\n      return\n    }\n    if (name === 'name' && !value) {\n      return\n    }\n    domainElement.info[name as 'name' | 'description'] = value\n    this.notifyChange()\n  }\n\n  protected override render(): TemplateResult | typeof nothing {\n    const { domainElement } = this\n    if (!domainElement) {\n      return nothing\n    }\n    return html`${this.renderForm(domainElement)}${this.renderIntro()}`\n  }\n\n  protected renderForm(model: DomainModel): TemplateResult {\n    return html`\n      <form name=\"data-model\" @submit=\"${EventUtils.cancelEvent}\" data-key=\"${model.key}\" class=\"modeling-form\">\n        <div class=\"editor-section\">\n          <div class=\"row\">\n            <md-outlined-text-field\n              class=\"input\"\n              name=\"name\"\n              .value=\"${live(model.info.name || '')}\"\n              label=\"Name name\"\n              required\n              @change=\"${this.handleValueChange}\"\n            ></md-outlined-text-field>\n            <md-icon-button type=\"button\"><ui-icon icon=\"help\"></ui-icon></md-icon-button>\n          </div>\n          <div class=\"row\">\n            <md-outlined-text-field\n              class=\"input\"\n              name=\"description\"\n              .value=\"${live(model.info.description || '')}\"\n              label=\"Description (optional)\"\n              @change=\"${this.handleValueChange}\"\n            ></md-outlined-text-field>\n            <md-icon-button type=\"button\"><ui-icon icon=\"help\"></ui-icon></md-icon-button>\n          </div>\n        </div>\n      </form>\n    `\n  }\n\n  protected renderIntro(): TemplateResult {\n    return html`\n      <ui-divider class=\"divider\"></ui-divider>\n      <section class=\"intro body-medium\">\n        <h2 class=\"intro-title title-large\">\n          <div class=\"theme-icon-wrapper\">\n            <ui-icon class=\"icon\" icon=\"schemaModel\"></ui-icon>\n          </div>\n          Building Blocks of Your Data: Introducing Data Models\n        </h2>\n        <p>\n          You've already learned about data namespaces, which are like folders for organizing your data. Now, let's talk\n          about what goes <em>inside</em> those folders: <strong>data models</strong>.\n        </p>\n\n        <p>\n          Think of a data model as a blueprint or a plan for a specific type of information. It describes what kind of\n          data you'll be working with and how the different pieces of that data relate to each other.\n        </p>\n\n        <h3 class=\"title-medium\">What is a Data Model?</h3>\n        <p>\n          A data model is a collection of related data entities. It's like a detailed plan for a specific area of your\n          data. For example, if you're building an online store, you might have a \"Customer\" data model, a \"Product\"\n          data model, and an \"Order\" data model.\n        </p>\n\n        <h3 class=\"title-medium\">Why Use Data Models?</h3>\n        <ul>\n          <li>\n            <strong>Define Your Data:</strong> Clearly outline what information you need to store and how it should be\n            structured.\n          </li>\n          <li>\n            <strong>Group Related Data:</strong> Bring together all the different pieces of information that belong to a\n            specific area. For example, all the details about a customer (name, address, email, etc.) would be grouped\n            in the \"Customer\" data model.\n          </li>\n          <li>\n            <strong>Create Reusable Structures:</strong> Once you've defined a data model, you can use it as a template\n            for creating new data entries.\n          </li>\n          <li>\n            <strong>Understand Relationships:</strong> Data models help you see how different types of data are\n            connected. For example, you might see that a \"Customer\" can have multiple \"Orders.\"\n          </li>\n          <li>\n            <strong>Build Complex Data Domains:</strong> You can create a complex data domain by combining multiple data\n            models.\n          </li>\n          <li>\n            <strong>Reuse:</strong> You can reuse the same data structures in different contexts. For example, you can\n            reuse the \"Address\" data structure in both the \"Customers\" and \"Orders\" data models.\n          </li>\n          <li>\n            <strong>Extend:</strong> You can extend the existing data structures without breaking the existing data. For\n            example, you can add a new data model for \"Marketing\" without breaking the existing data structures.\n          </li>\n        </ul>\n\n        <h3 class=\"title-medium\">How Data Models Work in Our System</h3>\n        <p>In our system, you'll create data models within your namespaces. Here's how they fit in:</p>\n        <ul>\n          <li><strong>Namespaces:</strong> These are the folders that help you organize your data.</li>\n          <li>\n            <strong>Data Models:</strong> Inside each namespace, you can create data models. Each data model is a\n            collection of related data entities.\n          </li>\n          <li>\n            <strong>Data Entities:</strong> Inside each data model, you define <strong>data entities</strong>. A data\n            entity represents a specific type of data, like a \"Customer\" or a \"Product.\"\n          </li>\n          <li>\n            <strong>Data Properties:</strong> Inside each data entity, you define <strong>data properties</strong>. A\n            data property is a single piece of information about the entity, like a \"Customer's Name\" or a \"Product's\n            Price.\"\n          </li>\n          <li>\n            <strong>Data Associations:</strong> Data entities can be associated with each other. For example, a\n            \"Customer\" entity can be associated with an \"Address\" entity.\n          </li>\n        </ul>\n\n        <h3 class=\"title-medium\">Example: The Online Store Data Models</h3>\n        <p>Let's go back to our online store example. Here's how you might use data models:</p>\n        <div class=\"example\">\n          <div class=\"example-title title-small\">Customers Data Model Entities:</div>\n          <ul>\n            <li>Customer Profile (with properties like Name, Email, Phone)</li>\n            <li>Address (with properties like Street, City, Zip Code)</li>\n            <li>Order History (with properties like Order Date, Order Total)</li>\n          </ul>\n        </div>\n\n        <div class=\"example\">\n          <div class=\"example-title title-small\">Products Data Model Entities:</div>\n          <ul>\n            <li>Product Details (with properties like Name, Description, Price)</li>\n            <li>Inventory (with properties like Quantity, Location)</li>\n          </ul>\n        </div>\n\n        <div class=\"example\">\n          <div class=\"example-title title-small\">Orders Data Model Entities:</div>\n          <ul>\n            <li>Order Details (with properties like Order Number, Order Date, Total)</li>\n            <li>Order Item (with properties like Product, Quantity, Price)</li>\n          </ul>\n        </div>\n        <div class=\"example\">\n          <div class=\"example-title title-small\">Marketing Data Model Entities:</div>\n          <ul>\n            <li>Campaign (with properties like Name, Start Date, End Date)</li>\n            <li>Promotion (with properties like Name, Discount, Start Date, End Date)</li>\n            <li>Customer Segment (with properties like Name, Description)</li>\n          </ul>\n        </div>\n\n        <h3 class=\"title-medium\">Benefits in this Scenario:</h3>\n        <ul>\n          <li>\n            <strong>Clear Structure:</strong> It's easy to see what information belongs to customers, products, orders,\n            and marketing.\n          </li>\n          <li>\n            <strong>Reusable Blueprints:</strong> You can use the \"Customer\" data model as a template whenever you need\n            to add a new customer to your system.\n          </li>\n          <li>\n            <strong>Understanding Connections:</strong> You can define that a \"Customer\" can have multiple \"Orders\" and\n            that an \"Order\" contains multiple \"Order Items.\"\n          </li>\n          <li>\n            <strong>Complex Data Domains:</strong> You can create a complex data domain by combining multiple data\n            models.\n          </li>\n          <li>\n            <strong>Reuse:</strong> You can reuse the \"Address\" data entity in both the \"Customers\" and \"Orders\" data\n            models.\n          </li>\n          <li>\n            <strong>Extend:</strong> You can add a new data model for \"Marketing\" without breaking the existing data\n            structures.\n          </li>\n        </ul>\n\n        <h3 class=\"title-medium\">In Summary</h3>\n\n        <p>\n          Data models are the blueprints for your data. They help you define, group, and understand your information. By\n          creating data models, you're building a solid foundation for your data domain.\n        </p>\n      </section>\n    `\n  }\n}\n"]}

package/build/src/elements/modeling/internals/DomainNamespaceEditor.d.ts

@@ -1,20 +0,0 @@
-import { nothing, PropertyValues, TemplateResult } from 'lit';
-import { ModelingElement } from './ModelingElement.js';
-import { type DomainNamespace } from '@api-client/core/browser.js';
-import '../../../md/icons/ui-icon.js';
-import '../../../md/divider/ui-divider.js';
-import '@material/web/textfield/outlined-text-field.js';
-import '@material/web/iconbutton/icon-button.js';
-/**
- * An UI element that renders an editor for a DomainNamespace.
- */
-export default class DomainNamespaceEditor extends ModelingElement {
-    private domainElement;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    protected computeNamespace(): void;
-    handleValueChange(e: Event): void;
-    protected render(): TemplateResult | typeof nothing;
-    protected renderForm(model: DomainNamespace): TemplateResult;
-    protected renderIntro(): TemplateResult;
-}
-//# sourceMappingURL=DomainNamespaceEditor.d.ts.map

package/build/src/elements/modeling/internals/DomainNamespaceEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainNamespaceEditor.d.ts","sourceRoot":"","sources":["../../../../../src/elements/modeling/internals/DomainNamespaceEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAE9E,OAAO,8BAA8B,CAAA;AACrC,OAAO,mCAAmC,CAAA;AAC1C,OAAO,gDAAgD,CAAA;AACvD,OAAO,yCAAyC,CAAA;AAEhD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,eAAe;IAChE,OAAO,CAAC,aAAa,CAA6B;cAE/B,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO7D,SAAS,CAAC,gBAAgB,IAAI,IAAI;IASlC,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAiBd,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO;IAQ5D,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,cAAc;IA8B5D,SAAS,CAAC,WAAW,IAAI,cAAc;CAuHxC"}

package/build/src/elements/modeling/internals/DomainNamespaceEditor.js

@@ -1,200 +0,0 @@
-import { html, nothing } from 'lit';
-import { live } from 'lit/directives/live.js';
-import { ModelingElement } from './ModelingElement.js';
-import { EventUtils } from '@api-client/core/browser.js';
-import '../../../md/icons/ui-icon.js';
-import '../../../md/divider/ui-divider.js';
-import '@material/web/textfield/outlined-text-field.js';
-import '@material/web/iconbutton/icon-button.js';
-/**
- * An UI element that renders an editor for a DomainNamespace.
- */
-export default class DomainNamespaceEditor extends ModelingElement {
-    domainElement;
-    willUpdate(cp) {
-        if (cp.has('selected')) {
-            this.computeNamespace();
-        }
-        super.willUpdate(cp);
-    }
-    computeNamespace() {
-        const { root, selected } = this;
-        if (!root || !selected) {
-            this.domainElement = undefined;
-            return;
-        }
-        this.domainElement = root.findNamespace(selected);
-    }
-    handleValueChange(e) {
-        const { domainElement } = this;
-        if (!domainElement) {
-            return;
-        }
-        const node = e.target;
-        const { name, value } = node;
-        if (!['name', 'description'].includes(name)) {
-            return;
-        }
-        if (name === 'name' && !value) {
-            return;
-        }
-        domainElement.info[name] = value;
-        this.notifyChange();
-    }
-    render() {
-        const { domainElement } = this;
-        if (!domainElement) {
-            return nothing;
-        }
-        return html `${this.renderForm(domainElement)}${this.renderIntro()}`;
-    }
-    renderForm(model) {
-        return html `
-      <form name="data-model" @submit="${EventUtils.cancelEvent}" data-key="${model.key}" class="modeling-form">
-        <div class="editor-section">
-          <div class="row">
-            <md-outlined-text-field
-              class="input"
-              name="name"
-              .value="${live(model.info.name || '')}"
-              label="Name name"
-              required
-              @change="${this.handleValueChange}"
-            ></md-outlined-text-field>
-            <md-icon-button type="button"><ui-icon icon="help"></ui-icon></md-icon-button>
-          </div>
-          <div class="row">
-            <md-outlined-text-field
-              class="input"
-              name="description"
-              .value="${live(model.info.description || '')}"
-              label="Description (optional)"
-              @change="${this.handleValueChange}"
-            ></md-outlined-text-field>
-            <md-icon-button type="button"><ui-icon icon="help"></ui-icon></md-icon-button>
-          </div>
-        </div>
-      </form>
-    `;
-    }
-    renderIntro() {
-        return html `
-      <ui-divider class="divider"></ui-divider>
-      <section class="intro body-medium">
-        <h2 class="intro-title title-large">
-          <div class="theme-icon-wrapper">
-            <ui-icon class="icon" icon="schemaNamespace"></ui-icon>
-          </div>
-          Organizing Your Data: Introducing Data Namespaces
-        </h2>
-        <p>
-          Think about how you organize things in your everyday life. You might have separate folders on your computer
-          for "Work," "Personal," and "School." Or you might have different sections in your home, like the "Kitchen,"
-          "Bedroom," and "Living Room." This kind of organization helps you keep things tidy and find what you need
-          quickly.
-        </p>
-        <p>
-          Data namespaces are a similar idea, but for your data. In our system, a namespace is like a container or a
-          folder that helps you group related pieces of data together. It's a way to create clear boundaries between
-          different areas of your data.
-        </p>
-        <h3 class="title-medium">Why Use Data Namespaces?</h3>
-        <p>
-          As you start building your data domain, you'll likely have many different types of information. Without a good
-          way to organize it, things can get messy and confusing. Data namespaces help you:
-        </p>
-        <ul>
-          <li>
-            <b>Keep Things Organized</b>: Group related data together. For example, you might put all your customer
-            information in one namespace and all your product information in another.
-          </li>
-          <li>
-            <b>Avoid Confusion</b>: Imagine you have a "Name" field for both customers and products. Without namespaces,
-            the system wouldn't know which "Name" you meant. Namespaces prevent this kind of confusion by keeping these
-            separate.
-          </li>
-          <li>
-            <b>Make Your Data Easier to Understand</b>: When your data is well-organized, it's much easier to see how
-            everything fits together.
-          </li>
-          <li>
-            <b>Reuse</b>: You can reuse the same data structures in different contexts. For example, you can reuse the
-            "Address" data structure in both the "Customers" and "Orders" namespaces.
-          </li>
-          <li>
-            <b>Extend</b>: You can extend the existing data structures without breaking the existing data. For example,
-            you can add a new namespace for "Marketing" without breaking the existing data structures.
-          </li>
-          <li>
-            <b>Build Complex Data Domains</b>: You can create a complex data domain by combining multiple namespaces.
-          </li>
-        </ul>
-        <h3 class="title-medium">How Namespaces Work in Our System</h3>
-        <p>Our system lets you build your data domain step-by-step. Here's how namespaces fit in:</p>
-        <ul>
-          <li>
-            <b>The Root Namespace</b>: When you start, you'll have a main, top-level namespace. Think of this as the
-            main folder for all your data.
-          </li>
-          <li>
-            <b>Sub-Namespaces</b>: Inside the root namespace, you can create sub-namespaces to further organize your
-            data. You can have many levels of sub-namespaces. It's like creating folders within folders.
-          </li>
-          <li>
-            <b>Data Models</b>: Inside each namespace, you can define data models. A data model is a collection of
-            related data entities. For example, a "Customer" data model might contain entities like "Customer,"
-            "Address," and "Order."
-          </li>
-          <li>
-            <b>Data Entities</b>: Inside each data model, you define data entities. A data entity represents a specific
-            type of data, like a "Customer" or a "Product."
-          </li>
-          <li>
-            <b>Data Properties</b>: Inside each data entity, you define data properties. A data property is a single
-            piece of information about the entity, like a "Customer's Name" or a "Product's Price."
-          </li>
-          <li>
-            <b>Data Associations</b>: Data entities can be associated with each other. For example, a "Customer" entity
-            can be associated with an "Address" entity.
-          </li>
-        </ul>
-
-        <h3 class="title-medium">Example: Building an Online Store</h3>
-        <p>Let's say you're building a data domain for an online store. Here's how you might use namespaces:</p>
-
-        <ol>
-          <li><b>Root Namespace</b>: You start with a root namespace called "My Online Store."</li>
-          <li>
-            <b>Sub-Namespaces</b>: Inside "My Online Store," you create these sub-namespaces:
-            <ul>
-              <li><b>Customers</b>: For all data related to your customers.</li>
-              <li><b>Products</b>: For all data about the products you sell.</li>
-              <li><b>Orders</b>: For all data about customer orders.</li>
-              <li>
-                <b>Marketing</b>: For all data related to marketing, like campaigns, promotions, and customer segments.
-              </li>
-            </ul>
-          </li>
-        </ol>
-
-        <h3 class="title-medium">Benefits in this Scenario:</h3>
-        <ol>
-          <li>
-            <b>Clear Organization</b>: It's obvious where to find customer data (in the "Customers" namespace) and
-            product data (in the "Products" namespace).
-          </li>
-          <li>
-            <b>No Naming Conflicts</b>: You can have a "Name" field in both the "Customer" data and the "Product" data
-            without any problems because they're in different namespaces.
-          </li>
-          <li><b>Reuse</b>: You can reuse the "Address" entity in both the "Customers" and "Orders" namespaces.</li>
-          <li>
-            <b>Extend</b>: You can add a new namespace for "Marketing" without breaking the existing data structures.
-          </li>
-          <li><b>Complex Data Domains</b>: You can create a complex data domain by combining multiple namespaces.</li>
-        </ol>
-      </section>
-    `;
-    }
-}
-//# sourceMappingURL=DomainNamespaceEditor.js.map