@api-client/ui 0.5.57 → 0.6.0

package/build/src/modeling/internals/DataCatalogBrowser.js

@@ -0,0 +1,320 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, LitElement, nothing } from 'lit';
+import { state, property } from 'lit/decorators.js';
+import '../../md/icons/ui-icon.js';
+import '../../md/button/ui-button.js';
+import '../../md/button/ui-button-group.js';
+import '../../md/icon-button/ui-icon-button.js';
+import '../../md/divider/ui-divider.js';
+import '../../md/text-field/ui-outlined-text-field.js';
+import '../../md/progress/ui-circular-progress.js';
+import '../../elements/data-table/data-catalog-table.js';
+function isDataCatalogScope(value) {
+    return ['public', 'private', 'organization'].includes(value);
+}
+function isDataCatalogLifecycle(value) {
+    return ['stable', 'beta', 'dev'].includes(value);
+}
+let DataCatalogBrowser = (() => {
+    let _classSuper = LitElement;
+    let _directSelect_decorators;
+    let _directSelect_initializers = [];
+    let _directSelect_extraInitializers = [];
+    let _items_decorators;
+    let _items_initializers = [];
+    let _items_extraInitializers = [];
+    let _state_decorators;
+    let _state_initializers = [];
+    let _state_extraInitializers = [];
+    let _errorTitle_decorators;
+    let _errorTitle_initializers = [];
+    let _errorTitle_extraInitializers = [];
+    let _errorMessage_decorators;
+    let _errorMessage_initializers = [];
+    let _errorMessage_extraInitializers = [];
+    let _scope_decorators;
+    let _scope_initializers = [];
+    let _scope_extraInitializers = [];
+    let _lifecycle_decorators;
+    let _lifecycle_initializers = [];
+    let _lifecycle_extraInitializers = [];
+    let _userQuery_decorators;
+    let _userQuery_initializers = [];
+    let _userQuery_extraInitializers = [];
+    return class DataCatalogBrowser extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _directSelect_decorators = [property({ type: Boolean })];
+            _items_decorators = [property({ type: Object })];
+            _state_decorators = [property({ type: String })];
+            _errorTitle_decorators = [property({ type: String })];
+            _errorMessage_decorators = [property({ type: String })];
+            _scope_decorators = [state()];
+            _lifecycle_decorators = [state()];
+            _userQuery_decorators = [state()];
+            __esDecorate(this, null, _directSelect_decorators, { kind: "accessor", name: "directSelect", static: false, private: false, access: { has: obj => "directSelect" in obj, get: obj => obj.directSelect, set: (obj, value) => { obj.directSelect = value; } }, metadata: _metadata }, _directSelect_initializers, _directSelect_extraInitializers);
+            __esDecorate(this, null, _items_decorators, { kind: "accessor", name: "items", static: false, private: false, access: { has: obj => "items" in obj, get: obj => obj.items, set: (obj, value) => { obj.items = value; } }, metadata: _metadata }, _items_initializers, _items_extraInitializers);
+            __esDecorate(this, null, _state_decorators, { kind: "accessor", name: "state", static: false, private: false, access: { has: obj => "state" in obj, get: obj => obj.state, set: (obj, value) => { obj.state = value; } }, metadata: _metadata }, _state_initializers, _state_extraInitializers);
+            __esDecorate(this, null, _errorTitle_decorators, { kind: "accessor", name: "errorTitle", static: false, private: false, access: { has: obj => "errorTitle" in obj, get: obj => obj.errorTitle, set: (obj, value) => { obj.errorTitle = value; } }, metadata: _metadata }, _errorTitle_initializers, _errorTitle_extraInitializers);
+            __esDecorate(this, null, _errorMessage_decorators, { kind: "accessor", name: "errorMessage", static: false, private: false, access: { has: obj => "errorMessage" in obj, get: obj => obj.errorMessage, set: (obj, value) => { obj.errorMessage = value; } }, metadata: _metadata }, _errorMessage_initializers, _errorMessage_extraInitializers);
+            __esDecorate(this, null, _scope_decorators, { kind: "accessor", name: "scope", static: false, private: false, access: { has: obj => "scope" in obj, get: obj => obj.scope, set: (obj, value) => { obj.scope = value; } }, metadata: _metadata }, _scope_initializers, _scope_extraInitializers);
+            __esDecorate(this, null, _lifecycle_decorators, { kind: "accessor", name: "lifecycle", static: false, private: false, access: { has: obj => "lifecycle" in obj, get: obj => obj.lifecycle, set: (obj, value) => { obj.lifecycle = value; } }, metadata: _metadata }, _lifecycle_initializers, _lifecycle_extraInitializers);
+            __esDecorate(this, null, _userQuery_decorators, { kind: "accessor", name: "userQuery", static: false, private: false, access: { has: obj => "userQuery" in obj, get: obj => obj.userQuery, set: (obj, value) => { obj.userQuery = value; } }, metadata: _metadata }, _userQuery_initializers, _userQuery_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #directSelect_accessor_storage = __runInitializers(this, _directSelect_initializers, void 0);
+        /**
+         * When set, the table will render additional column with a button to directly select the item.
+         * @attribute
+         */
+        get directSelect() { return this.#directSelect_accessor_storage; }
+        set directSelect(value) { this.#directSelect_accessor_storage = value; }
+        #items_accessor_storage = (__runInitializers(this, _directSelect_extraInitializers), __runInitializers(this, _items_initializers, void 0));
+        /**
+         * The data to display in the table.
+         * @attribute
+         */
+        get items() { return this.#items_accessor_storage; }
+        set items(value) { this.#items_accessor_storage = value; }
+        #state_accessor_storage = (__runInitializers(this, _items_extraInitializers), __runInitializers(this, _state_initializers, 'loading'
+        /**
+         * Required when in error state. Renders the title of the error message.
+         * @attribute
+         */
+        ));
+        /**
+         * The current state of the browser. The controller managing the query service will set this property
+         * depending on the query state.
+         * @attribute
+         */
+        get state() { return this.#state_accessor_storage; }
+        set state(value) { this.#state_accessor_storage = value; }
+        #errorTitle_accessor_storage = (__runInitializers(this, _state_extraInitializers), __runInitializers(this, _errorTitle_initializers, void 0));
+        /**
+         * Required when in error state. Renders the title of the error message.
+         * @attribute
+         */
+        get errorTitle() { return this.#errorTitle_accessor_storage; }
+        set errorTitle(value) { this.#errorTitle_accessor_storage = value; }
+        #errorMessage_accessor_storage = (__runInitializers(this, _errorTitle_extraInitializers), __runInitializers(this, _errorMessage_initializers, void 0));
+        /**
+         * Required when in error state. Renders the description of the error message.
+         * @attribute
+         */
+        get errorMessage() { return this.#errorMessage_accessor_storage; }
+        set errorMessage(value) { this.#errorMessage_accessor_storage = value; }
+        #selection = __runInitializers(this, _errorMessage_extraInitializers);
+        /**
+         * The currently selected item in the table, if any.
+         * @readonly
+         */
+        get selection() {
+            return this.#selection ? { ...this.#selection } : undefined;
+        }
+        #scope_accessor_storage = __runInitializers(this, _scope_initializers, void 0);
+        /**
+         * The current scope of the data catalog query.
+         */
+        get scope() { return this.#scope_accessor_storage; }
+        set scope(value) { this.#scope_accessor_storage = value; }
+        #lifecycle_accessor_storage = (__runInitializers(this, _scope_extraInitializers), __runInitializers(this, _lifecycle_initializers, void 0));
+        /**
+         * The current lifecycle of the data catalog query.
+         */
+        get lifecycle() { return this.#lifecycle_accessor_storage; }
+        set lifecycle(value) { this.#lifecycle_accessor_storage = value; }
+        #userQuery_accessor_storage = (__runInitializers(this, _lifecycle_extraInitializers), __runInitializers(this, _userQuery_initializers, void 0));
+        /**
+         * The current query string.
+         */
+        get userQuery() { return this.#userQuery_accessor_storage; }
+        set userQuery(value) { this.#userQuery_accessor_storage = value; }
+        /**
+         * Dispatches the `query` event with the current filters.
+         * The parent application needs to track state of the query. If the `query` event
+         * has the `query` property set to `undefined` it means the search should be reset.
+         */
+        query() {
+            this.dispatchEvent(new CustomEvent('query', {
+                detail: this.getFilters(),
+            }));
+        }
+        /**
+         * Returns the map of current filters.
+         */
+        getFilters() {
+            const result = {};
+            if (this.userQuery) {
+                result.query = this.userQuery;
+            }
+            if (this.scope) {
+                result.scope = this.scope;
+            }
+            if (this.lifecycle) {
+                result.lifecycle = this.lifecycle;
+            }
+            return result;
+        }
+        handleSearchKeydown(e) {
+            const input = e.currentTarget;
+            const value = input.value.trim();
+            if (e.key === 'Enter' && value) {
+                this.userQuery = value;
+                this.query();
+            }
+            else if (e.key === 'Escape') {
+                e.preventDefault();
+                e.stopPropagation();
+                input.value = '';
+                this.userQuery = undefined;
+                this.query();
+            }
+        }
+        handleFilterClick(e) {
+            const target = e.target;
+            const field = target.dataset.field;
+            const value = target.dataset.value;
+            if (!field || !value) {
+                return;
+            }
+            if (field === 'scope' && isDataCatalogScope(value)) {
+                if (this.scope === value) {
+                    this.scope = 'public'; // Reset to default if the same value is clicked
+                }
+                else {
+                    this.scope = value;
+                }
+            }
+            else if (field === 'lifecycle' && isDataCatalogLifecycle(value)) {
+                if (this.lifecycle === value) {
+                    this.lifecycle = 'stable'; // Reset to default if the same value is clicked
+                }
+                else {
+                    this.lifecycle = value;
+                }
+            }
+            this.query();
+        }
+        handleTableSelect(e) {
+            const { item, version } = e.detail;
+            if (!item || !version) {
+                this.#selection = undefined;
+            }
+            else {
+                this.#selection = { item, version };
+            }
+            this.dispatchEvent(new CustomEvent('select', { detail: this.selection }));
+        }
+        render() {
+            const { state } = this;
+            if (state === 'loading') {
+                return this.#renderLoader();
+            }
+            if (state === 'error') {
+                return this.#renderError();
+            }
+            return this.#renderBody();
+        }
+        #renderLoader() {
+            return html `
+      <div class="browse-dialog centered" part="loader">
+        <ui-circular-progress indeterminate></ui-circular-progress>
+        <p>One second...</p>
+      </div>
+    `;
+        }
+        #renderError() {
+            return html `
+      <div class="browse-dialog centered error" part="error">
+        <h2 class="title-large">${this.errorTitle}</h2>
+        <p class="body-large">${this.errorMessage}</p>
+        <ui-button @click="${this.query}">Retry</ui-button>
+      </div>
+    `;
+        }
+        #renderBody() {
+            return html `<div class="controls" part="controls">${this.#renderSearchInput()} ${this.#renderFilters()}</div>
+      <data-catalog-table
+        ?directSelect="${this.directSelect}"
+        .items="${this.items}"
+        @select="${this.handleTableSelect}"
+        @scrollend="${this.query}"
+        class="results"
+        part="results"
+      ></data-catalog-table>`;
+        }
+        #renderSearchInput() {
+            return html `
+      <ui-outlined-text-field
+        id="domain-search"
+        label="Search"
+        type="search"
+        class="search"
+        part="search"
+        .value="${this.userQuery ?? ''}"
+        @keydown="${this.handleSearchKeydown}"
+      ></ui-outlined-text-field>
+    `;
+        }
+        #renderFilters() {
+            const isPublic = this.scope === 'public';
+            const isOrganization = this.scope === 'organization';
+            const isPrivate = this.scope === 'private';
+            const isStable = this.lifecycle === 'stable';
+            const isBeta = this.lifecycle === 'beta';
+            const isDev = this.lifecycle === 'dev';
+            return html `<div class="filters" @click="${this.handleFilterClick}" part="filters">
+      <ui-button-group type="connected">
+        <ui-button color="tonal" size="xs" toggle data-field="scope" data-value="public" ?selected="${isPublic}"
+          >${isPublic ? html `<ui-icon slot="icon">check</ui-icon>` : nothing}Public</ui-button
+        >
+        <ui-button
+          color="tonal"
+          size="xs"
+          toggle
+          data-field="scope"
+          data-value="organization"
+          ?selected="${isOrganization}"
+          >${isOrganization ? html `<ui-icon slot="icon">check</ui-icon>` : nothing}Organization</ui-button
+        >
+        <ui-button color="tonal" size="xs" toggle data-field="scope" data-value="private" ?selected="${isPrivate}"
+          >${isPrivate ? html `<ui-icon slot="icon">check</ui-icon>` : nothing}Private</ui-button
+        >
+      </ui-button-group>
+      <ui-button-group type="connected">
+        <ui-button color="tonal" size="xs" toggle data-field="lifecycle" data-value="stable" ?selected="${isStable}"
+          >${isStable ? html `<ui-icon slot="icon">check</ui-icon>` : nothing}Stable</ui-button
+        >
+        <ui-button color="tonal" size="xs" toggle data-field="lifecycle" data-value="beta" ?selected="${isBeta}"
+          >${isBeta ? html `<ui-icon slot="icon">check</ui-icon>` : nothing}Beta</ui-button
+        >
+        <ui-button color="tonal" size="xs" toggle data-field="lifecycle" data-value="dev" ?selected="${isDev}"
+          >${isDev ? html `<ui-icon slot="icon">check</ui-icon>` : nothing}Dev</ui-button
+        >
+      </ui-button-group>
+    </div>`;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _userQuery_extraInitializers);
+        }
+    };
+})();
+/**
+ * A browser for the data catalog.
+ *
+ * This element allows the user to browse the data catalog, filter by scope and lifecycle, and search by text.
+ * It renders a table with the results and pagination support.
+ *
+ * @fires CustomEvent<DataCatalogQueryEventDetail> query - Dispatched when the user searches or changes filters.
+ * @fires CustomEvent<DataCatalogTableSelectionDetail> select - Dispatched when the selection in the table changes.
+ *
+ * @csspart loader - The container for the loader.
+ * @csspart error - The container for the error message.
+ * @csspart controls - The container for the search and filters.
+ * @csspart results - The data table element.
+ * @csspart search - The search input field.
+ * @csspart filters - The container for the filters.
+ */
+export default DataCatalogBrowser;
+//# sourceMappingURL=DataCatalogBrowser.js.map

package/build/src/modeling/internals/DataCatalogBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCatalogBrowser.js","sourceRoot":"","sources":["../../../../src/modeling/internals/DataCatalogBrowser.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, TemplateResult } from 'lit'\nimport type { DataCatalogSchemaWithVersion, DataCatalogScope } from '@api-client/core/models/DataCatalog.js'\nimport type { DataCatalogLifecycle } from '@api-client/core/models/DataCatalogVersion.js'\nimport { state, property } from 'lit/decorators.js'\nimport type { LiveData } from '../../reactive/LiveData.js'\nimport type { DataCatalogTableSelectionDetail } from '../../elements/data-table/internals/DataCatalogTable.js'\n\nimport '../../md/icons/ui-icon.js'\nimport '../../md/button/ui-button.js'\nimport '../../md/button/ui-button-group.js'\nimport '../../md/icon-button/ui-icon-button.js'\nimport '../../md/divider/ui-divider.js'\nimport '../../md/text-field/ui-outlined-text-field.js'\nimport '../../md/progress/ui-circular-progress.js'\nimport '../../elements/data-table/data-catalog-table.js'\n\n/**\n * The detail for the data catalog query event.\n */\nexport interface DataCatalogQueryEventDetail {\n  /**\n   * The scope of the data catalog query.\n   */\n  scope?: DataCatalogScope\n  /**\n   * The lifecycle of the data catalog query.\n   */\n  lifecycle?: DataCatalogLifecycle\n  /**\n   * The query string to search for. When not set, it resets the search\n   * and requests for the regular page.\n   */\n  query?: string\n}\n\nfunction isDataCatalogScope(value: string): value is DataCatalogScope {\n  return ['public', 'private', 'organization'].includes(value)\n}\n\nfunction isDataCatalogLifecycle(value: string): value is DataCatalogLifecycle {\n  return ['stable', 'beta', 'dev'].includes(value)\n}\n\n/**\n * A browser for the data catalog.\n *\n * This element allows the user to browse the data catalog, filter by scope and lifecycle, and search by text.\n * It renders a table with the results and pagination support.\n *\n * @fires CustomEvent<DataCatalogQueryEventDetail> query - Dispatched when the user searches or changes filters.\n * @fires CustomEvent<DataCatalogTableSelectionDetail> select - Dispatched when the selection in the table changes.\n *\n * @csspart loader - The container for the loader.\n * @csspart error - The container for the error message.\n * @csspart controls - The container for the search and filters.\n * @csspart results - The data table element.\n * @csspart search - The search input field.\n * @csspart filters - The container for the filters.\n */\nexport default class DataCatalogBrowser extends LitElement {\n  /**\n   * When set, the table will render additional column with a button to directly select the item.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor directSelect: boolean | undefined\n  /**\n   * The data to display in the table.\n   * @attribute\n   */\n  @property({ type: Object }) accessor items: LiveData<DataCatalogSchemaWithVersion[]> | undefined\n  /**\n   * The current state of the browser. The controller managing the query service will set this property\n   * depending on the query state.\n   * @attribute\n   */\n  @property({ type: String }) accessor state: 'loading' | 'ready' | 'error' = 'loading'\n\n  /**\n   * Required when in error state. Renders the title of the error message.\n   * @attribute\n   */\n  @property({ type: String }) accessor errorTitle: string | undefined\n  /**\n   * Required when in error state. Renders the description of the error message.\n   * @attribute\n   */\n  @property({ type: String }) accessor errorMessage: string | undefined\n\n  #selection?: DataCatalogTableSelectionDetail\n\n  /**\n   * The currently selected item in the table, if any.\n   * @readonly\n   */\n  get selection(): DataCatalogTableSelectionDetail | undefined {\n    return this.#selection ? { ...this.#selection } : undefined\n  }\n\n  /**\n   * The current scope of the data catalog query.\n   */\n  @state() accessor scope: DataCatalogScope | undefined\n\n  /**\n   * The current lifecycle of the data catalog query.\n   */\n  @state() accessor lifecycle: DataCatalogLifecycle | undefined\n\n  /**\n   * The current query string.\n   */\n  @state() accessor userQuery: string | undefined\n\n  /**\n   * Dispatches the `query` event with the current filters.\n   * The parent application needs to track state of the query. If the `query` event\n   * has the `query` property set to `undefined` it means the search should be reset.\n   */\n  query(): void {\n    this.dispatchEvent(\n      new CustomEvent<DataCatalogQueryEventDetail>('query', {\n        detail: this.getFilters(),\n      })\n    )\n  }\n\n  /**\n   * Returns the map of current filters.\n   */\n  protected getFilters(): DataCatalogQueryEventDetail {\n    const result: DataCatalogQueryEventDetail = {}\n    if (this.userQuery) {\n      result.query = this.userQuery\n    }\n    if (this.scope) {\n      result.scope = this.scope\n    }\n    if (this.lifecycle) {\n      result.lifecycle = this.lifecycle\n    }\n    return result\n  }\n\n  protected handleSearchKeydown(e: KeyboardEvent): void {\n    const input = e.currentTarget as HTMLInputElement\n    const value = input.value.trim()\n    if (e.key === 'Enter' && value) {\n      this.userQuery = value\n      this.query()\n    } else if (e.key === 'Escape') {\n      e.preventDefault()\n      e.stopPropagation()\n      input.value = ''\n      this.userQuery = undefined\n      this.query()\n    }\n  }\n\n  protected handleFilterClick(e: Event): void {\n    const target = e.target as HTMLElement\n    const field = target.dataset.field\n    const value = target.dataset.value\n    if (!field || !value) {\n      return\n    }\n    if (field === 'scope' && isDataCatalogScope(value)) {\n      if (this.scope === value) {\n        this.scope = 'public' // Reset to default if the same value is clicked\n      } else {\n        this.scope = value\n      }\n    } else if (field === 'lifecycle' && isDataCatalogLifecycle(value)) {\n      if (this.lifecycle === value) {\n        this.lifecycle = 'stable' // Reset to default if the same value is clicked\n      } else {\n        this.lifecycle = value\n      }\n    }\n    this.query()\n  }\n\n  protected handleTableSelect(e: CustomEvent<DataCatalogTableSelectionDetail>): void {\n    const { item, version } = e.detail\n    if (!item || !version) {\n      this.#selection = undefined\n    } else {\n      this.#selection = { item, version }\n    }\n    this.dispatchEvent(new CustomEvent<DataCatalogTableSelectionDetail>('select', { detail: this.selection }))\n  }\n\n  override render(): TemplateResult | typeof nothing {\n    const { state } = this\n    if (state === 'loading') {\n      return this.#renderLoader()\n    }\n    if (state === 'error') {\n      return this.#renderError()\n    }\n    return this.#renderBody()\n  }\n\n  #renderLoader(): TemplateResult {\n    return html`\n      <div class=\"browse-dialog centered\" part=\"loader\">\n        <ui-circular-progress indeterminate></ui-circular-progress>\n        <p>One second...</p>\n      </div>\n    `\n  }\n\n  #renderError(): TemplateResult {\n    return html`\n      <div class=\"browse-dialog centered error\" part=\"error\">\n        <h2 class=\"title-large\">${this.errorTitle}</h2>\n        <p class=\"body-large\">${this.errorMessage}</p>\n        <ui-button @click=\"${this.query}\">Retry</ui-button>\n      </div>\n    `\n  }\n\n  #renderBody(): TemplateResult {\n    return html`<div class=\"controls\" part=\"controls\">${this.#renderSearchInput()} ${this.#renderFilters()}</div>\n      <data-catalog-table\n        ?directSelect=\"${this.directSelect}\"\n        .items=\"${this.items}\"\n        @select=\"${this.handleTableSelect}\"\n        @scrollend=\"${this.query}\"\n        class=\"results\"\n        part=\"results\"\n      ></data-catalog-table>`\n  }\n\n  #renderSearchInput(): TemplateResult {\n    return html`\n      <ui-outlined-text-field\n        id=\"domain-search\"\n        label=\"Search\"\n        type=\"search\"\n        class=\"search\"\n        part=\"search\"\n        .value=\"${this.userQuery ?? ''}\"\n        @keydown=\"${this.handleSearchKeydown}\"\n      ></ui-outlined-text-field>\n    `\n  }\n\n  #renderFilters(): TemplateResult {\n    const isPublic = this.scope === 'public'\n    const isOrganization = this.scope === 'organization'\n    const isPrivate = this.scope === 'private'\n    const isStable = this.lifecycle === 'stable'\n    const isBeta = this.lifecycle === 'beta'\n    const isDev = this.lifecycle === 'dev'\n    return html`<div class=\"filters\" @click=\"${this.handleFilterClick}\" part=\"filters\">\n      <ui-button-group type=\"connected\">\n        <ui-button color=\"tonal\" size=\"xs\" toggle data-field=\"scope\" data-value=\"public\" ?selected=\"${isPublic}\"\n          >${isPublic ? html`<ui-icon slot=\"icon\">check</ui-icon>` : nothing}Public</ui-button\n        >\n        <ui-button\n          color=\"tonal\"\n          size=\"xs\"\n          toggle\n          data-field=\"scope\"\n          data-value=\"organization\"\n          ?selected=\"${isOrganization}\"\n          >${isOrganization ? html`<ui-icon slot=\"icon\">check</ui-icon>` : nothing}Organization</ui-button\n        >\n        <ui-button color=\"tonal\" size=\"xs\" toggle data-field=\"scope\" data-value=\"private\" ?selected=\"${isPrivate}\"\n          >${isPrivate ? html`<ui-icon slot=\"icon\">check</ui-icon>` : nothing}Private</ui-button\n        >\n      </ui-button-group>\n      <ui-button-group type=\"connected\">\n        <ui-button color=\"tonal\" size=\"xs\" toggle data-field=\"lifecycle\" data-value=\"stable\" ?selected=\"${isStable}\"\n          >${isStable ? html`<ui-icon slot=\"icon\">check</ui-icon>` : nothing}Stable</ui-button\n        >\n        <ui-button color=\"tonal\" size=\"xs\" toggle data-field=\"lifecycle\" data-value=\"beta\" ?selected=\"${isBeta}\"\n          >${isBeta ? html`<ui-icon slot=\"icon\">check</ui-icon>` : nothing}Beta</ui-button\n        >\n        <ui-button color=\"tonal\" size=\"xs\" toggle data-field=\"lifecycle\" data-value=\"dev\" ?selected=\"${isDev}\"\n          >${isDev ? html`<ui-icon slot=\"icon\">check</ui-icon>` : nothing}Dev</ui-button\n        >\n      </ui-button-group>\n    </div>`\n  }\n}\n"]}

package/build/src/modeling/internals/DomainAssociationEditor.d.ts

@@ -0,0 +1,116 @@
+import { nothing, type TemplateResult, type PropertyValues } from 'lit';
+import { DomainAssociation } from '@api-client/core/modeling/DomainAssociation.js';
+import type { DomainEntity } from '@api-client/core/modeling/DomainEntity.js';
+import { ModelingElement } from './ModelingElement.js';
+import { type AssociationSemantic } from '@api-client/core/modeling/Semantics.js';
+/**
+ * Dispatched when the user wants to navigate to a parent entity.
+ *
+ * @event DomainAssociationEditor#openentity
+ * @type {CustomEvent}
+ * @property {object} detail - The event details.
+ * @property {string} detail.key - The key of the parent entity to navigate to.
+ * @property {string} detail.kind - The kind of the parent entity. It will always be `DomainEntityKind`.
+ */
+/**
+ * Dispatched when the user deletes a property.
+ *
+ * @event DomainAssociationEditor#delete
+ * @type {CustomEvent}
+ * @property {object} detail - The event details.
+ * @property {string} detail.key - The key of the parent entity to navigate to.
+ * @property {string} detail.kind - The kind of the parent entity. It will always be `DomainEntityKind`.
+ */
+/**
+ * An element that specializes in editing properties of a domain association.
+ *
+ * @fires startactivityforresult - Dispatched when the user clicks on the "pick" button.
+ * @fires change - Dispatched when the user changes the value of one of the inputs.
+ * @fires DomainAssociationEditor#openentity - A custom event with the `key` and `type` when a property was selected.
+ * @fires DomainAssociationEditor#delete - A custom event with the `key` and `type` when a property was selected.
+ */
+export default class DomainAssociationEditor extends ModelingElement {
+    /**
+     * The `DomainAssociation` object being edited.
+     * This is updated when the `selected` property changes.
+     */
+    private accessor domainElement;
+    protected willUpdate(cp: PropertyValues<this>): void;
+    protected computeAssociation(): Promise<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 value of the association's `schema.linked` property.
+     * @param value The value to set the `linked` property to.
+     */
+    setSchemaLinked(value: boolean): void;
+    /**
+     * A handler for the one of the metadata inputs value change.
+     *
+     * It supports the following fields:
+     *
+     * - `name`
+     * - `displayName`
+     * - `description`
+     */
+    protected handleMetaChange(e: Event): void;
+    /**
+     * A handler for any of the checkboxes in the `attributes` section.
+     * It calls the `setModelAttribute()` method.
+     */
+    protected handleAttributeOptionChange(e: Event): void;
+    protected handleLinkedChange(e: Event): void;
+    protected handleSelectTarget(): Promise<void>;
+    protected handleDeleteTarget(e: Event): void;
+    protected handleNavigateTarget(e: Event): void;
+    protected handleUnionTypeChange(e: Event): void;
+    protected handleTargetDragEnter(e: DragEvent): void;
+    protected handleTargetDragOver(e: DragEvent): void;
+    protected handleTargetDragLeave(e: DragEvent): void;
+    protected handleTargetDrop(e: DragEvent): void;
+    /**
+     * Adds a target entity to the association.
+     *
+     * @param key The key of the target entity to add.
+     * @param nsKey The namespace key of the target entity, if it is in a foreign namespace.
+     */
+    protected addTarget(key: string, nsKey?: string): void;
+    protected handleDelete(): void;
+    protected handleDeleteTaxonomy(e: Event): void;
+    protected handleTaxonomySelect(e: CustomEvent<{
+        item: HTMLElement;
+    }>): void;
+    protected handleConfigureTaxonomy(e: Event): void;
+    protected render(): TemplateResult | typeof nothing;
+    protected renderForm(model: DomainAssociation): TemplateResult;
+    protected renderMetaInputs(model: DomainAssociation): TemplateResult;
+    protected renderAttributes(model: DomainAssociation): TemplateResult;
+    protected renderAttributeOptions(model: DomainAssociation): TemplateResult;
+    protected renderSchema(model: DomainAssociation): TemplateResult | typeof nothing;
+    protected renderTargetEntitySection(model: DomainAssociation): TemplateResult;
+    /**
+     * Renders the section with the current target entity.
+     *
+     * @todo: The UI only allows to select one target entity.
+     *        We need to add a way to select multiple target entities.
+     */
+    protected renderTargetEntities(model: DomainAssociation): TemplateResult | typeof nothing;
+    protected renderChooseTargetButton(): TemplateResult;
+    protected renderTargetItems(targets: DomainEntity[]): TemplateResult | typeof nothing;
+    protected renderUnionType(model: DomainAssociation): TemplateResult;
+    protected renderDataGovernanceSection(model: DomainAssociation): TemplateResult | typeof nothing;
+    protected renderTaxonomyInput(model: DomainAssociation): TemplateResult | typeof nothing;
+    protected renderSelectedSemantics(selected: AssociationSemantic[]): TemplateResult | typeof nothing;
+    protected renderTaxonomyItem(semantic: AssociationSemantic): TemplateResult;
+    protected renderTaxonomyCategories(categories: Record<string, AssociationSemantic[]>): TemplateResult[];
+}
+//# sourceMappingURL=DomainAssociationEditor.d.ts.map

package/build/src/modeling/internals/DomainAssociationEditor.d.ts.map

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