@api-client/ui 0.0.17 → 0.1.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"DomainNamespaceEditor.js","sourceRoot":"","sources":["../../../../../src/elements/modeling/internals/DomainNamespaceEditor.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,EAAwB,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;IACxD,aAAa,CAA6B;IAE/B,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,aAAa,CAAC,QAAQ,CAAC,CAAA;IACnD,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,KAAsB;QACzC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoHV,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 DomainNamespace } from '@api-client/core/browser.js'\n\nimport '../../../md/icons/ui-icon.js'\nimport '../../../md/divider/ui-divider.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 DomainNamespace.\n */\nexport default class DomainNamespaceEditor extends ModelingElement {\n  private domainElement: DomainNamespace | undefined\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('selected')) {\n      this.computeNamespace()\n    }\n    super.willUpdate(cp)\n  }\n\n  protected computeNamespace(): void {\n    const { root, selected } = this\n    if (!root || !selected) {\n      this.domainElement = undefined\n      return\n    }\n    this.domainElement = root.findNamespace(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: DomainNamespace): 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=\"schemaNamespace\"></ui-icon>\n          </div>\n          Organizing Your Data: Introducing Data Namespaces\n        </h2>\n        <p>\n          Think about how you organize things in your everyday life. You might have separate folders on your computer\n          for \"Work,\" \"Personal,\" and \"School.\" Or you might have different sections in your home, like the \"Kitchen,\"\n          \"Bedroom,\" and \"Living Room.\" This kind of organization helps you keep things tidy and find what you need\n          quickly.\n        </p>\n        <p>\n          Data namespaces are a similar idea, but for your data. In our system, a namespace is like a container or a\n          folder that helps you group related pieces of data together. It's a way to create clear boundaries between\n          different areas of your data.\n        </p>\n        <h3 class=\"title-medium\">Why Use Data Namespaces?</h3>\n        <p>\n          As you start building your data domain, you'll likely have many different types of information. Without a good\n          way to organize it, things can get messy and confusing. Data namespaces help you:\n        </p>\n        <ul>\n          <li>\n            <b>Keep Things Organized</b>: Group related data together. For example, you might put all your customer\n            information in one namespace and all your product information in another.\n          </li>\n          <li>\n            <b>Avoid Confusion</b>: Imagine you have a \"Name\" field for both customers and products. Without namespaces,\n            the system wouldn't know which \"Name\" you meant. Namespaces prevent this kind of confusion by keeping these\n            separate.\n          </li>\n          <li>\n            <b>Make Your Data Easier to Understand</b>: When your data is well-organized, it's much easier to see how\n            everything fits together.\n          </li>\n          <li>\n            <b>Reuse</b>: You can reuse the same data structures in different contexts. For example, you can reuse the\n            \"Address\" data structure in both the \"Customers\" and \"Orders\" namespaces.\n          </li>\n          <li>\n            <b>Extend</b>: You can extend the existing data structures without breaking the existing data. For example,\n            you can add a new namespace for \"Marketing\" without breaking the existing data structures.\n          </li>\n          <li>\n            <b>Build Complex Data Domains</b>: You can create a complex data domain by combining multiple namespaces.\n          </li>\n        </ul>\n        <h3 class=\"title-medium\">How Namespaces Work in Our System</h3>\n        <p>Our system lets you build your data domain step-by-step. Here's how namespaces fit in:</p>\n        <ul>\n          <li>\n            <b>The Root Namespace</b>: When you start, you'll have a main, top-level namespace. Think of this as the\n            main folder for all your data.\n          </li>\n          <li>\n            <b>Sub-Namespaces</b>: Inside the root namespace, you can create sub-namespaces to further organize your\n            data. You can have many levels of sub-namespaces. It's like creating folders within folders.\n          </li>\n          <li>\n            <b>Data Models</b>: Inside each namespace, you can define data models. A data model is a collection of\n            related data entities. For example, a \"Customer\" data model might contain entities like \"Customer,\"\n            \"Address,\" and \"Order.\"\n          </li>\n          <li>\n            <b>Data Entities</b>: Inside each data model, you define data entities. A data entity represents a specific\n            type of data, like a \"Customer\" or a \"Product.\"\n          </li>\n          <li>\n            <b>Data Properties</b>: Inside each data entity, you define data properties. A data property is a single\n            piece of information about the entity, like a \"Customer's Name\" or a \"Product's Price.\"\n          </li>\n          <li>\n            <b>Data Associations</b>: Data entities can be associated with each other. For example, a \"Customer\" entity\n            can be associated with an \"Address\" entity.\n          </li>\n        </ul>\n\n        <h3 class=\"title-medium\">Example: Building an Online Store</h3>\n        <p>Let's say you're building a data domain for an online store. Here's how you might use namespaces:</p>\n\n        <ol>\n          <li><b>Root Namespace</b>: You start with a root namespace called \"My Online Store.\"</li>\n          <li>\n            <b>Sub-Namespaces</b>: Inside \"My Online Store,\" you create these sub-namespaces:\n            <ul>\n              <li><b>Customers</b>: For all data related to your customers.</li>\n              <li><b>Products</b>: For all data about the products you sell.</li>\n              <li><b>Orders</b>: For all data about customer orders.</li>\n              <li>\n                <b>Marketing</b>: For all data related to marketing, like campaigns, promotions, and customer segments.\n              </li>\n            </ul>\n          </li>\n        </ol>\n\n        <h3 class=\"title-medium\">Benefits in this Scenario:</h3>\n        <ol>\n          <li>\n            <b>Clear Organization</b>: It's obvious where to find customer data (in the \"Customers\" namespace) and\n            product data (in the \"Products\" namespace).\n          </li>\n          <li>\n            <b>No Naming Conflicts</b>: You can have a \"Name\" field in both the \"Customer\" data and the \"Product\" data\n            without any problems because they're in different namespaces.\n          </li>\n          <li><b>Reuse</b>: You can reuse the \"Address\" entity in both the \"Customers\" and \"Orders\" namespaces.</li>\n          <li>\n            <b>Extend</b>: You can add a new namespace for \"Marketing\" without breaking the existing data structures.\n          </li>\n          <li><b>Complex Data Domains</b>: You can create a complex data domain by combining multiple namespaces.</li>\n        </ol>\n      </section>\n    `\n  }\n}\n"]}

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

@@ -1,33 +0,0 @@
-import { PropertyValues, TemplateResult } from 'lit';
-import AppNavigation from '../../navigation/internals/AppNavigationElement.js';
-import { type DataDomain, type DomainNamespace, type DomainModel, type DomainEntity } from '@api-client/core/browser.js';
-import '../../../md/icons/ui-icon.js';
-export default class DomainNavigation extends AppNavigation {
-    /**
-     * The instance of the root DataNamespace.
-     */
-    accessor root: DataDomain | undefined;
-    /**
-     * The key of the selected namespace.
-     */
-    accessor parentNamespace: string | undefined;
-    constructor();
-    connectedCallback(): void;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    protected handleDomainChange(): void;
-    protected commitName(key: string, kind: string, name: string): void;
-    protected isValidDropTarget(target: HTMLLIElement, dt: DataTransfer): boolean;
-    protected processDrop(item: HTMLLIElement, dt: DataTransfer): void | Promise<void>;
-    protected transferEntity(entityKey: string, modelKey: string): void;
-    protected transferDataModel(modelKey: string, namespaceKey: string): void;
-    protected transferNamespace(namespaceKey: string, parentKey: string): void;
-    protected setupDataTransfer(item: HTMLLIElement, dt: DataTransfer): void;
-    render(): TemplateResult | string;
-    protected renderEmptyInfo(): TemplateResult;
-    protected renderNamespaceTree(root: DataDomain | DomainNamespace): TemplateResult;
-    protected renderNamespaceChildren(current: DomainNamespace, parent: DomainNamespace | DataDomain): TemplateResult;
-    protected renderNamespaceItem(item: DomainNamespace, parent: DomainNamespace | DataDomain): TemplateResult;
-    protected renderDataModelItem(current: DomainModel, parent: DomainNamespace | DataDomain): TemplateResult;
-    protected renderEntityItem(item: DomainEntity, parent: DomainModel): TemplateResult;
-}
-//# sourceMappingURL=DomainNavigation.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DomainNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/modeling/internals/DomainNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAE1D,OAAO,aAAa,MAAM,oDAAoD,CAAA;AAC9E,OAAO,EACL,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,WAAW,EAIhB,KAAK,YAAY,EAClB,MAAM,6BAA6B,CAAA;AAEpC,OAAO,8BAA8B,CAAA;AAErC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,aAAa;IACzD;;OAEG;IACyB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAAA;IAEjE;;OAEG;IACyB,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAA;;IAO/D,iBAAiB,IAAI,IAAI;cAKf,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW7D,SAAS,CAAC,kBAAkB,IAAI,IAAI;cAIjB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;cAkCzD,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,YAAY,GAAG,OAAO;cAmBnE,WAAW,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,YAAY,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAoC3F,SAAS,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAenE,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAezE,SAAS,CAAC,iBAAiB,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI;cAevD,iBAAiB,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,YAAY,GAAG,IAAI;IAQxE,MAAM,IAAI,cAAc,GAAG,MAAM;IAW1C,SAAS,CAAC,eAAe,IAAI,cAAc;IAS3C,SAAS,CAAC,mBAAmB,CAAC,IAAI,EAAE,UAAU,GAAG,eAAe,GAAG,cAAc;IAWjF,SAAS,CAAC,uBAAuB,CAAC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,eAAe,GAAG,UAAU,GAAG,cAAc;IAgBjH,SAAS,CAAC,mBAAmB,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,eAAe,GAAG,UAAU,GAAG,cAAc;IAa1G,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,GAAG,UAAU,GAAG,cAAc;IAsBzG,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,GAAG,cAAc;CASpF"}

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

@@ -1,286 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import AppNavigation from '../../navigation/internals/AppNavigationElement.js';
-import { DomainModelKind, DomainEntityKind, DomainNamespaceKind, } from '@api-client/core/browser.js';
-import { Events } from '../../../events/Events.js';
-import '../../../md/icons/ui-icon.js';
-let DomainNavigation = (() => {
-    let _classSuper = AppNavigation;
-    let _root_decorators;
-    let _root_initializers = [];
-    let _root_extraInitializers = [];
-    let _parentNamespace_decorators;
-    let _parentNamespace_initializers = [];
-    let _parentNamespace_extraInitializers = [];
-    return class DomainNavigation extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _root_decorators = [property({ type: Object })];
-            _parentNamespace_decorators = [property({ type: String })];
-            __esDecorate(this, null, _root_decorators, { kind: "accessor", name: "root", static: false, private: false, access: { has: obj => "root" in obj, get: obj => obj.root, set: (obj, value) => { obj.root = value; } }, metadata: _metadata }, _root_initializers, _root_extraInitializers);
-            __esDecorate(this, null, _parentNamespace_decorators, { kind: "accessor", name: "parentNamespace", static: false, private: false, access: { has: obj => "parentNamespace" in obj, get: obj => obj.parentNamespace, set: (obj, value) => { obj.parentNamespace = value; } }, metadata: _metadata }, _parentNamespace_initializers, _parentNamespace_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        #root_accessor_storage = __runInitializers(this, _root_initializers, void 0);
-        /**
-         * The instance of the root DataNamespace.
-         */
-        get root() { return this.#root_accessor_storage; }
-        set root(value) { this.#root_accessor_storage = value; }
-        #parentNamespace_accessor_storage = (__runInitializers(this, _root_extraInitializers), __runInitializers(this, _parentNamespace_initializers, void 0));
-        /**
-         * The key of the selected namespace.
-         */
-        get parentNamespace() { return this.#parentNamespace_accessor_storage; }
-        set parentNamespace(value) { this.#parentNamespace_accessor_storage = value; }
-        constructor() {
-            super();
-            __runInitializers(this, _parentNamespace_extraInitializers);
-            this.handleDomainChange = this.handleDomainChange.bind(this);
-        }
-        connectedCallback() {
-            super.connectedCallback();
-            this.setAttribute('aria-label', 'Schema model');
-        }
-        willUpdate(cp) {
-            if (cp.has('root')) {
-                const old = cp.get('root');
-                if (old) {
-                    old.removeEventListener('change', this.handleDomainChange);
-                }
-                this.root?.addEventListener('change', this.handleDomainChange);
-            }
-            super.willUpdate(cp);
-        }
-        handleDomainChange() {
-            this.requestUpdate();
-        }
-        commitName(key, kind, name) {
-            const { root } = this;
-            if (!root) {
-                return;
-            }
-            if (!name) {
-                return;
-            }
-            if (kind === DomainNamespaceKind) {
-                const object = key === root.key ? root : root.findNamespace(key);
-                if (!object) {
-                    throw new Error(`Invalid state. Namespace not found.`);
-                }
-                object.info.name = name;
-            }
-            else if (kind === DomainModelKind) {
-                const object = root.findModel(key);
-                if (!object) {
-                    throw new Error(`Invalid state. Data model not found.`);
-                }
-                object.info.name = name;
-            }
-            else if (kind === DomainEntityKind) {
-                const object = root.findEntity(key);
-                if (!object) {
-                    throw new Error(`Invalid state. Entity not found.`);
-                }
-                object.info.name = name;
-            }
-            else {
-                throw new Error(`Invalid state. Unknown kind.`);
-            }
-            this.edited = undefined;
-            Events.SchemaDesign.changed(this);
-            Events.SchemaDesign.State.nameChanged(key, kind, this);
-        }
-        isValidDropTarget(target, dt) {
-            const { kind, key } = target.dataset;
-            if (!kind || !key) {
-                return false;
-            }
-            const isDraggedEntity = dt.types.includes(DomainEntityKind.toLowerCase());
-            const isOverDataModel = kind === DomainModelKind;
-            const isOverDataNamespace = kind === DomainNamespaceKind;
-            if (isDraggedEntity && isOverDataModel) {
-                return true;
-            }
-            else if (dt.types.includes(DomainModelKind.toLowerCase()) && isOverDataNamespace) {
-                return true;
-            }
-            else if (dt.types.includes(DomainNamespaceKind.toLowerCase()) && isOverDataNamespace) {
-                return true;
-            }
-            return false;
-        }
-        processDrop(item, dt) {
-            // We allow to:
-            // - drop a namespace over another namespace
-            // - drop a data model over a namespace
-            // - drop a data entity over a data model
-            const { kind, key } = item.dataset;
-            if (!kind || !key) {
-                return;
-            }
-            const dropKey = dt.getData('text/key');
-            const dropKind = dt.getData('text/kind');
-            if (!dropKey || !dropKind || key === dropKey) {
-                return;
-            }
-            if (dropKind === DomainEntityKind) {
-                const isOverDataModel = kind === DomainModelKind;
-                if (isOverDataModel) {
-                    this.transferEntity(dropKey, key);
-                }
-                return;
-            }
-            const isOverDataNamespace = kind === DomainNamespaceKind;
-            if (dropKind === DomainModelKind) {
-                if (isOverDataNamespace) {
-                    this.transferDataModel(dropKey, key);
-                }
-                return;
-            }
-            if (dropKind === DomainNamespaceKind) {
-                if (isOverDataNamespace) {
-                    this.transferNamespace(dropKey, key);
-                }
-                return;
-            }
-        }
-        transferEntity(entityKey, modelKey) {
-            const { root } = this;
-            if (!root) {
-                return;
-            }
-            const entity = root.findEntity(entityKey);
-            const model = root.findModel(modelKey);
-            if (!entity || !model) {
-                return;
-            }
-            model.attachEntity(entityKey);
-            this.requestUpdate();
-            this.notifyChange();
-        }
-        transferDataModel(modelKey, namespaceKey) {
-            const { root } = this;
-            if (!root) {
-                return;
-            }
-            const model = root.findModel(modelKey);
-            const ns = root.findNamespace(namespaceKey);
-            if (!model || !ns) {
-                return;
-            }
-            ns.attachModel(model.key);
-            this.requestUpdate();
-            this.notifyChange();
-        }
-        transferNamespace(namespaceKey, parentKey) {
-            const { root } = this;
-            if (!root) {
-                return;
-            }
-            const ns = root.findNamespace(namespaceKey);
-            const parent = root.findNamespace(parentKey);
-            if (!ns || !parent) {
-                return;
-            }
-            parent.attachNamespace(ns.key);
-            this.requestUpdate();
-            this.notifyChange();
-        }
-        setupDataTransfer(item, dt) {
-            super.setupDataTransfer(item, dt);
-            const { root } = item.dataset;
-            if (root) {
-                dt.setData('text/namespace', root);
-            }
-        }
-        render() {
-            const { root } = this;
-            if (!root) {
-                return html ``;
-            }
-            if (!root.hasFields()) {
-                return this.renderEmptyInfo();
-            }
-            return this.renderNamespaceTree(root);
-        }
-        renderEmptyInfo() {
-            return html `
-      <div class="empty-view">
-        <!-- <p class="empty-message">There are no schemas to render.</p>
-        <p class="info">Right-click here to create your first data model.</p> -->
-      </div>
-    `;
-        }
-        renderNamespaceTree(root) {
-            const contents = [];
-            for (const item of root.listNamespaces()) {
-                contents.push(this.renderNamespaceItem(item, root));
-            }
-            for (const item of root.listModels()) {
-                contents.push(this.renderDataModelItem(item, root));
-            }
-            return this.renderOuterList(contents);
-        }
-        renderNamespaceChildren(current, parent) {
-            const contents = [];
-            for (const item of current.listNamespaces()) {
-                contents.push(this.renderNamespaceItem(item, current));
-            }
-            for (const item of current.listModels()) {
-                contents.push(this.renderDataModelItem(item, current));
-            }
-            return this.renderParentListItem(current.key, current.kind, current.info.name || 'Unnamed namespace', contents, {
-                parentIcon: 'schemaNamespace',
-                parent: parent.key,
-                root: parent.domain?.key || parent.key,
-                draggable: true,
-            });
-        }
-        renderNamespaceItem(item, parent) {
-            if (item.hasFields()) {
-                return this.renderNamespaceChildren(item, parent);
-            }
-            const label = item.info.getLabel();
-            const content = this.renderItemContent('schemaNamespace', label);
-            return this.renderListItem(item.key, item.kind, label, content, {
-                parent: parent.key,
-                root: parent.domain?.key,
-                draggable: true,
-            });
-        }
-        renderDataModelItem(current, parent) {
-            const label = current.info.getLabel();
-            if (!current.hasFields()) {
-                const content = this.renderItemContent('schemaModel', label);
-                return this.renderListItem(current.key, current.kind, label, content, {
-                    parent: parent.key,
-                    root: parent.domain?.key,
-                    draggable: true,
-                });
-            }
-            const entities = [];
-            for (const item of current.listEntities()) {
-                entities.push(this.renderEntityItem(item, current));
-            }
-            return this.renderParentListItem(current.key, current.kind, label, entities, {
-                parentIcon: 'schemaModel',
-                draggable: true,
-                parent: parent.key,
-                root: parent.domain.key || parent.key,
-            });
-        }
-        renderEntityItem(item, parent) {
-            const label = item.info.getLabel();
-            const content = this.renderItemContent('schemaEntity', label);
-            return this.renderListItem(item.key, item.kind, label, content, {
-                draggable: true,
-                parent: parent.key,
-                root: parent.domain.key,
-            });
-        }
-    };
-})();
-export default DomainNavigation;
-//# sourceMappingURL=DomainNavigation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DomainNavigation.js","sourceRoot":"","sources":["../../../../../src/elements/modeling/internals/DomainNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, PropertyValues, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport AppNavigation from '../../navigation/internals/AppNavigationElement.js'\nimport {\n  type DataDomain,\n  type DomainNamespace,\n  type DomainModel,\n  DomainModelKind,\n  DomainEntityKind,\n  DomainNamespaceKind,\n  type DomainEntity,\n} from '@api-client/core/browser.js'\nimport { Events } from '../../../events/Events.js'\nimport '../../../md/icons/ui-icon.js'\n\nexport default class DomainNavigation extends AppNavigation {\n  /**\n   * The instance of the root DataNamespace.\n   */\n  @property({ type: Object }) accessor root: DataDomain | undefined\n\n  /**\n   * The key of the selected namespace.\n   */\n  @property({ type: String }) accessor parentNamespace: string | undefined\n\n  constructor() {\n    super()\n    this.handleDomainChange = this.handleDomainChange.bind(this)\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.setAttribute('aria-label', 'Schema model')\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('root')) {\n      const old = cp.get('root')\n      if (old) {\n        old.removeEventListener('change', this.handleDomainChange)\n      }\n      this.root?.addEventListener('change', this.handleDomainChange)\n    }\n    super.willUpdate(cp)\n  }\n\n  protected handleDomainChange(): void {\n    this.requestUpdate()\n  }\n\n  protected override commitName(key: string, kind: string, name: string): void {\n    const { root } = this\n    if (!root) {\n      return\n    }\n    if (!name) {\n      return\n    }\n    if (kind === DomainNamespaceKind) {\n      const object = key === root.key ? root : root.findNamespace(key)\n      if (!object) {\n        throw new Error(`Invalid state. Namespace not found.`)\n      }\n      object.info.name = name\n    } else if (kind === DomainModelKind) {\n      const object = root.findModel(key)\n      if (!object) {\n        throw new Error(`Invalid state. Data model not found.`)\n      }\n      object.info.name = name\n    } else if (kind === DomainEntityKind) {\n      const object = root.findEntity(key)\n      if (!object) {\n        throw new Error(`Invalid state. Entity not found.`)\n      }\n      object.info.name = name\n    } else {\n      throw new Error(`Invalid state. Unknown kind.`)\n    }\n    this.edited = undefined\n    Events.SchemaDesign.changed(this)\n    Events.SchemaDesign.State.nameChanged(key, kind, this)\n  }\n\n  protected override isValidDropTarget(target: HTMLLIElement, dt: DataTransfer): boolean {\n    const { kind, key } = target.dataset\n    if (!kind || !key) {\n      return false\n    }\n\n    const isDraggedEntity = dt.types.includes(DomainEntityKind.toLowerCase())\n    const isOverDataModel = kind === DomainModelKind\n    const isOverDataNamespace = kind === DomainNamespaceKind\n    if (isDraggedEntity && isOverDataModel) {\n      return true\n    } else if (dt.types.includes(DomainModelKind.toLowerCase()) && isOverDataNamespace) {\n      return true\n    } else if (dt.types.includes(DomainNamespaceKind.toLowerCase()) && isOverDataNamespace) {\n      return true\n    }\n    return false\n  }\n\n  protected override processDrop(item: HTMLLIElement, dt: DataTransfer): void | Promise<void> {\n    // We allow to:\n    // - drop a namespace over another namespace\n    // - drop a data model over a namespace\n    // - drop a data entity over a data model\n    const { kind, key } = item.dataset\n    if (!kind || !key) {\n      return\n    }\n    const dropKey = dt.getData('text/key')\n    const dropKind = dt.getData('text/kind')\n    if (!dropKey || !dropKind || key === dropKey) {\n      return\n    }\n    if (dropKind === DomainEntityKind) {\n      const isOverDataModel = kind === DomainModelKind\n      if (isOverDataModel) {\n        this.transferEntity(dropKey, key)\n      }\n      return\n    }\n    const isOverDataNamespace = kind === DomainNamespaceKind\n    if (dropKind === DomainModelKind) {\n      if (isOverDataNamespace) {\n        this.transferDataModel(dropKey, key)\n      }\n      return\n    }\n    if (dropKind === DomainNamespaceKind) {\n      if (isOverDataNamespace) {\n        this.transferNamespace(dropKey, key)\n      }\n      return\n    }\n  }\n\n  protected transferEntity(entityKey: string, modelKey: string): void {\n    const { root } = this\n    if (!root) {\n      return\n    }\n    const entity = root.findEntity(entityKey)\n    const model = root.findModel(modelKey)\n    if (!entity || !model) {\n      return\n    }\n    model.attachEntity(entityKey)\n    this.requestUpdate()\n    this.notifyChange()\n  }\n\n  protected transferDataModel(modelKey: string, namespaceKey: string): void {\n    const { root } = this\n    if (!root) {\n      return\n    }\n    const model = root.findModel(modelKey)\n    const ns = root.findNamespace(namespaceKey)\n    if (!model || !ns) {\n      return\n    }\n    ns.attachModel(model.key)\n    this.requestUpdate()\n    this.notifyChange()\n  }\n\n  protected transferNamespace(namespaceKey: string, parentKey: string): void {\n    const { root } = this\n    if (!root) {\n      return\n    }\n    const ns = root.findNamespace(namespaceKey)\n    const parent = root.findNamespace(parentKey)\n    if (!ns || !parent) {\n      return\n    }\n    parent.attachNamespace(ns.key)\n    this.requestUpdate()\n    this.notifyChange()\n  }\n\n  protected override setupDataTransfer(item: HTMLLIElement, dt: DataTransfer): void {\n    super.setupDataTransfer(item, dt)\n    const { root } = item.dataset\n    if (root) {\n      dt.setData('text/namespace', root)\n    }\n  }\n\n  override render(): TemplateResult | string {\n    const { root } = this\n    if (!root) {\n      return html``\n    }\n    if (!root.hasFields()) {\n      return this.renderEmptyInfo()\n    }\n    return this.renderNamespaceTree(root)\n  }\n\n  protected renderEmptyInfo(): TemplateResult {\n    return html`\n      <div class=\"empty-view\">\n        <!-- <p class=\"empty-message\">There are no schemas to render.</p>\n        <p class=\"info\">Right-click here to create your first data model.</p> -->\n      </div>\n    `\n  }\n\n  protected renderNamespaceTree(root: DataDomain | DomainNamespace): TemplateResult {\n    const contents: TemplateResult[] = []\n    for (const item of root.listNamespaces()) {\n      contents.push(this.renderNamespaceItem(item, root))\n    }\n    for (const item of root.listModels()) {\n      contents.push(this.renderDataModelItem(item, root))\n    }\n    return this.renderOuterList(contents)\n  }\n\n  protected renderNamespaceChildren(current: DomainNamespace, parent: DomainNamespace | DataDomain): TemplateResult {\n    const contents: TemplateResult[] = []\n    for (const item of current.listNamespaces()) {\n      contents.push(this.renderNamespaceItem(item, current))\n    }\n    for (const item of current.listModels()) {\n      contents.push(this.renderDataModelItem(item, current))\n    }\n    return this.renderParentListItem(current.key, current.kind, current.info.name || 'Unnamed namespace', contents, {\n      parentIcon: 'schemaNamespace',\n      parent: parent.key,\n      root: parent.domain?.key || parent.key,\n      draggable: true,\n    })\n  }\n\n  protected renderNamespaceItem(item: DomainNamespace, parent: DomainNamespace | DataDomain): TemplateResult {\n    if (item.hasFields()) {\n      return this.renderNamespaceChildren(item, parent)\n    }\n    const label = item.info.getLabel()\n    const content = this.renderItemContent('schemaNamespace', label)\n    return this.renderListItem(item.key, item.kind, label, content, {\n      parent: parent.key,\n      root: parent.domain?.key,\n      draggable: true,\n    })\n  }\n\n  protected renderDataModelItem(current: DomainModel, parent: DomainNamespace | DataDomain): TemplateResult {\n    const label = current.info.getLabel()\n    if (!current.hasFields()) {\n      const content = this.renderItemContent('schemaModel', label)\n      return this.renderListItem(current.key, current.kind, label, content, {\n        parent: parent.key,\n        root: parent.domain?.key,\n        draggable: true,\n      })\n    }\n    const entities: TemplateResult[] = []\n    for (const item of current.listEntities()) {\n      entities.push(this.renderEntityItem(item, current))\n    }\n    return this.renderParentListItem(current.key, current.kind, label, entities, {\n      parentIcon: 'schemaModel',\n      draggable: true,\n      parent: parent.key,\n      root: parent.domain.key || parent.key,\n    })\n  }\n\n  protected renderEntityItem(item: DomainEntity, parent: DomainModel): TemplateResult {\n    const label = item.info.getLabel()\n    const content = this.renderItemContent('schemaEntity', label)\n    return this.renderListItem(item.key, item.kind, label, content, {\n      draggable: true,\n      parent: parent.key,\n      root: parent.domain.key,\n    })\n  }\n}\n"]}

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

@@ -1,271 +0,0 @@
-import { nothing, type PropertyValues, type TemplateResult } from 'lit';
-import { DomainProperty, DataFormat } from '@api-client/core/browser.js';
-import { ModelingElement } from './ModelingElement.js';
-import type { DomainPropertyInputConfig } from '../types.js';
-import '../../../md/icons/ui-icon.js';
-import '../../../md/button/ui-outlined-button.js';
-import '@material/web/textfield/outlined-text-field.js';
-import '@material/web/iconbutton/icon-button.js';
-import '@material/web/select/outlined-select.js';
-import '@material/web/select/select-option.js';
-import '@material/web/checkbox/checkbox.js';
-import '@material/web/divider/divider.js';
-import '@material/web/switch/switch.js';
-/**
- * `DomainPropertyEditor` is a LitElement-based web component that provides a user interface for editing
- * properties of a `DomainProperty` object. It allows users to modify various aspects of a data property,
- * including its metadata, attributes, schema, and enum values.
- *
- * ## Features
- *
- * -   **Metadata Editing**: Allows editing of the property's name, display name, and description.
- * -   **Attribute Management**: Provides controls for setting data type, format, and other attributes
- *     like `required`, `multiple`, `primary`, `index`, and `readOnly`.
- * -   **Schema Definition**: Enables defining the schema for the property, including default values
- *     and enum values.
- * -   **Enum Editor**: Supports enabling and disabling an enum editor for predefined values, with
- *     options to add, update, and delete enum values.
- * -   **Default Value Setting**: Allows setting a default value for the property, either as a literal
- *     value or a function.
- * -   **Data Type and Format Selection**: Provides dropdowns for selecting the data type and format
- *     of the property.
- * -   **Validation**: Includes input validation to ensure data integrity.
- * -   **Change Notification**: Dispatches a `change` event whenever a property is modified.
- *
- * ## Usage
- *
- * The `DomainPropertyEditor` is typically used within a larger application that manages data models.
- *
- * ```html
- * <domain-property-editor .root="${this.domainNamespace}" selected="property-key"></domain-property-editor>
- * ```
- */
-export default class DomainPropertyEditor extends ModelingElement {
-    /**
-     * The `DomainProperty` object being edited.
-     * This is updated when the `selected` property changes.
-     */
-    private accessor domainElement;
-    /**
-     * Indicates whether the default value input field is visible.
-     * This is set to `true` when the user selects the "Literal" option in the default value select.
-     */
-    private accessor hasDefaultValueInput;
-    /**
-     * Whether the enum options are enabled.
-     * When `true` the user can add, update, and delete enum values.
-     */
-    private accessor enumEnabled;
-    /**
-     * A fields that holds in memory enum values after disabling the enum editor.
-     * When that happens the values are removed from the model but kept in memory.
-     * As long as the property stays the same, the user can reopen the enum editor
-     * and restore the previous value.
-     */
-    protected cachedEnumValues: string[] | undefined;
-    /**
-     * A cached value of the schema-sensitive input configuration.
-     * These are the default value and enum value inputs.
-     */
-    protected cachedSchemaInputConfig?: DomainPropertyInputConfig;
-    /**
-     * A configuration for a schema-sensitive HTML input.
-     */
-    get schemaInputConfig(): DomainPropertyInputConfig;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    protected computeEntity(): Promise<void>;
-    /**
-     * Toggles the state of the enum editor.
-     *
-     * If the editor was disabled, it enables it and vice-versa.
-     *
-     * It ensures the property has the schema and then:
-     * - When enabling:
-     *   - If `cachedEnumValues` is set it restores them.
-     *   - Otherwise it sets the default enum value `['']`
-     * - When disabling:
-     *   - It sets the `cachedEnumValues` to the current enum value.
-     *   - Removes the enum from the model
-     * - Requests the model update.
-     *
-     * @fires change - Dispatched when the enum editor state changes.
-     */
-    toggleEnum(): void;
-    /**
-     * Updates an enum value.
-     *
-     * @param index The index at which to update the value.
-     * @param value The value to set. Empty string is acceptable. The type is determined by the property type.
-     * @throws {RangeError} When the index is out of bounds.
-     * @throws {TypeError} When the value is not a string.
-     * @fires change - Dispatched when the enum value is updated.
-     */
-    updateEnum(index: number, value: string): void;
-    /**
-     * Adds a new enum value to the property.
-     *
-     * @param value The value to add. Defaults to an empty string.
-     * @throws {TypeError} When the value is not a string.
-     * @fires change - Dispatched when a new enum value is added.
-     */
-    addEnum(value?: string): void;
-    /**
-     * Deletes an enum value at a position.
-     *
-     * @param index The index at which to delete an enum property.
-     * @throws {RangeError} When the index is out of bounds.
-     * @fires change - Dispatched when an enum value is deleted.
-     */
-    deleteEnum(index: number): void;
-    /**
-     * Sets a new defaultValue on the property schema.
-     *
-     * @param value The default value to set. Empty to remove.
-     * @param type The type of the value.
-     * @param dataType Optional data type to set. Defaults to string. Only used with `type` equal `literal`.
-     * @fires change - Dispatched when the default value is updated.
-     */
-    setDefaultValue(value?: string, type?: 'function' | 'literal'): void;
-    /**
-     * Updates the property's data type.
-     *
-     * It sets the `format` for `number`, `datetime`, and `binary` data types.
-     *
-     * @param value The value to set.
-     * @throws {TypeError} When the passed value is not a valid data type.
-     * @fires change - Dispatched when the data type is updated.
-     */
-    setDataType(value: string): void;
-    /**
-     * Sets the value of one of the "attribute" fields.
-     * These are the checkboxes located in the "Attributes" section.
-     *
-     * @param name The name of the attribute to set.
-     * @param value The boolean option to set as the value.
-     * @throws {TypeError} When the passed name is not a valid attribute name.
-     * @throws {TypeError} When the passed value is not a boolean value.
-     * @fires change - Dispatched when an attribute value is updated.
-     */
-    setModelAttribute(name: string, value: boolean): void;
-    /**
-     * Sets the `format` value on the model.
-     *
-     * @param format The format value to set.
-     * @throws {TypeError} When the passed format value is not supported.
-     * @fires change - Dispatched when the format value is updated.
-     */
-    setFormat(format?: string): void;
-    /**
-     * Sets an example value on the schema.
-     * @param value The value to set. Removes the examples array if not set.
-     */
-    setExampleValue(value?: string): void;
-    /**
-     * A method to be called when a schema property changes.
-     * It caches the schema-sensitive input configuration.
-     */
-    protected updateSchemaInputConfig(): void;
-    /**
-     * A handler for the one of the metadata inputs value change.
-     *
-     * It supports the following fields:
-     *
-     * - `name`
-     * - `displayName`
-     * - `description`
-     * - `literalDefaultValue`
-     */
-    protected handleMetaChange(e: Event): void;
-    /**
-     * A handler for the data type select input change
-     */
-    protected handleDataTypeChange(e: Event): void;
-    /**
-     * A handler for any of the checkboxes in the `attributes` section.
-     * It calls the `setModelAttribute()` method.
-     */
-    protected handleAttributeOptionChange(e: Event): void;
-    /**
-     * A handler for the default value select input change.
-     * Depending on the selected options it calls the `setDefaultValue()`
-     * with appropriate arguments.
-     */
-    protected handleDefaultValueChange(e: Event): void;
-    /**
-     * A handler for the format select input change.
-     * Calls the `setFormat()` with the appropriate value.
-     */
-    protected handleFormatChange(e: Event): void;
-    /**
-     * Handles the toggle button for the enum editor.
-     * It calls the toggleEnum() whenever activated.
-     */
-    protected handleEnumOptionChange(): void;
-    /**
-     * A handler for the enum input change.
-     * It calls the `updateEnum()` method
-     */
-    protected handleEnumChange(e: Event): void;
-    /**
-     * A handler for the add enum button.
-     */
-    protected handleAddEnum(): void;
-    /**
-     * A handler for the delete enum value button click.
-     */
-    protected handleDeleteEnum(e: Event): void;
-    /**
-     * Handles a change on the example input.
-     */
-    protected handleExampleChange(e: Event): void;
-    protected handleDelete(): void;
-    protected render(): TemplateResult | typeof nothing;
-    protected renderForm(model: DomainProperty): TemplateResult;
-    protected renderMetaInputs(model: DomainProperty): TemplateResult;
-    protected renderAttributes(model: DomainProperty): TemplateResult;
-    protected renderTaxonomy(): TemplateResult;
-    protected renderSchema(model: DomainProperty): TemplateResult | typeof nothing;
-    protected renderDataTypeInput(model: DomainProperty): TemplateResult;
-    protected renderAttributeOptions(model: DomainProperty): TemplateResult;
-    protected renderStringSchema(model: DomainProperty): (TemplateResult | typeof nothing)[];
-    protected renderNumberSchema(model: DomainProperty): (TemplateResult | typeof nothing)[];
-    protected renderBooleanSchema(model: DomainProperty): (TemplateResult | typeof nothing)[];
-    protected renderDateSchema(model: DomainProperty): (TemplateResult | typeof nothing)[];
-    protected renderTimeSchema(model: DomainProperty): (TemplateResult | typeof nothing)[];
-    protected renderDateTimeSchema(model: DomainProperty): (TemplateResult | typeof nothing)[];
-    /**
-     * Renders the input for the default value.
-     *
-     * Note, when defining a new function, add support for it generation in the
-     * `src/modeling/value_generator.ts` file.
-     */
-    protected renderDefaultValueInput(model: DomainProperty): TemplateResult | typeof nothing;
-    protected renderLiteralDefaultValueInput(model: DomainProperty): TemplateResult | typeof nothing;
-    protected renderFormat(model: DomainProperty): TemplateResult | typeof nothing;
-    protected renderFormatInput(model: DomainProperty, formats: DataFormat.DomainPropertyFormat[]): TemplateResult;
-    /**
-     * Renders the enum editing editor section.
-     */
-    protected renderEnumEditor(model: DomainProperty): TemplateResult;
-    /**
-     * Renders the enum toggle button.
-     */
-    protected renderEnumToggle(): TemplateResult;
-    /**
-     * Renders the list of enum inputs or nothing when not required.
-     */
-    protected renderEnumValues(model: DomainProperty): TemplateResult[] | typeof nothing;
-    /**
-     * Renders the text field to edit an enum value.
-     * @param value The enum value to render in the input
-     * @param index The enum's index in the enum array.
-     */
-    protected renderEnumItem(value: string, index: number): TemplateResult;
-    /**
-     * Renders the "add" value value button.
-     */
-    protected renderAddEnumButton(): TemplateResult | typeof nothing;
-    protected renderExampleValueInput(model: DomainProperty): TemplateResult;
-    protected renderDeleteButton(): TemplateResult;
-}
-//# sourceMappingURL=DomainPropertyEditor.d.ts.map