@api-client/ui 0.5.57 → 0.6.0

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

@@ -0,0 +1,372 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, LitElement, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { DomainAssociationKind, DomainEntityKind, DomainPropertyKind } from '@api-client/core/models/kinds.js';
+let DomainValidationReport = (() => {
+    let _classSuper = LitElement;
+    let _report_decorators;
+    let _report_initializers = [];
+    let _report_extraInitializers = [];
+    let _domain_decorators;
+    let _domain_initializers = [];
+    let _domain_extraInitializers = [];
+    let _withAutoFix_decorators;
+    let _withAutoFix_initializers = [];
+    let _withAutoFix_extraInitializers = [];
+    let _infoCount_decorators;
+    let _infoCount_initializers = [];
+    let _infoCount_extraInitializers = [];
+    let _warningCount_decorators;
+    let _warningCount_initializers = [];
+    let _warningCount_extraInitializers = [];
+    let _errorCount_decorators;
+    let _errorCount_initializers = [];
+    let _errorCount_extraInitializers = [];
+    let _visibleSeverities_decorators;
+    let _visibleSeverities_initializers = [];
+    let _visibleSeverities_extraInitializers = [];
+    let _filteredReport_decorators;
+    let _filteredReport_initializers = [];
+    let _filteredReport_extraInitializers = [];
+    return class DomainValidationReport extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _report_decorators = [property({ type: Array })];
+            _domain_decorators = [property({ type: Object })];
+            _withAutoFix_decorators = [property({ type: Boolean })];
+            _infoCount_decorators = [state()];
+            _warningCount_decorators = [state()];
+            _errorCount_decorators = [state()];
+            _visibleSeverities_decorators = [state()];
+            _filteredReport_decorators = [state()];
+            __esDecorate(this, null, _report_decorators, { kind: "accessor", name: "report", static: false, private: false, access: { has: obj => "report" in obj, get: obj => obj.report, set: (obj, value) => { obj.report = value; } }, metadata: _metadata }, _report_initializers, _report_extraInitializers);
+            __esDecorate(this, null, _domain_decorators, { kind: "accessor", name: "domain", static: false, private: false, access: { has: obj => "domain" in obj, get: obj => obj.domain, set: (obj, value) => { obj.domain = value; } }, metadata: _metadata }, _domain_initializers, _domain_extraInitializers);
+            __esDecorate(this, null, _withAutoFix_decorators, { kind: "accessor", name: "withAutoFix", static: false, private: false, access: { has: obj => "withAutoFix" in obj, get: obj => obj.withAutoFix, set: (obj, value) => { obj.withAutoFix = value; } }, metadata: _metadata }, _withAutoFix_initializers, _withAutoFix_extraInitializers);
+            __esDecorate(this, null, _infoCount_decorators, { kind: "accessor", name: "infoCount", static: false, private: false, access: { has: obj => "infoCount" in obj, get: obj => obj.infoCount, set: (obj, value) => { obj.infoCount = value; } }, metadata: _metadata }, _infoCount_initializers, _infoCount_extraInitializers);
+            __esDecorate(this, null, _warningCount_decorators, { kind: "accessor", name: "warningCount", static: false, private: false, access: { has: obj => "warningCount" in obj, get: obj => obj.warningCount, set: (obj, value) => { obj.warningCount = value; } }, metadata: _metadata }, _warningCount_initializers, _warningCount_extraInitializers);
+            __esDecorate(this, null, _errorCount_decorators, { kind: "accessor", name: "errorCount", static: false, private: false, access: { has: obj => "errorCount" in obj, get: obj => obj.errorCount, set: (obj, value) => { obj.errorCount = value; } }, metadata: _metadata }, _errorCount_initializers, _errorCount_extraInitializers);
+            __esDecorate(this, null, _visibleSeverities_decorators, { kind: "accessor", name: "visibleSeverities", static: false, private: false, access: { has: obj => "visibleSeverities" in obj, get: obj => obj.visibleSeverities, set: (obj, value) => { obj.visibleSeverities = value; } }, metadata: _metadata }, _visibleSeverities_initializers, _visibleSeverities_extraInitializers);
+            __esDecorate(this, null, _filteredReport_decorators, { kind: "accessor", name: "filteredReport", static: false, private: false, access: { has: obj => "filteredReport" in obj, get: obj => obj.filteredReport, set: (obj, value) => { obj.filteredReport = value; } }, metadata: _metadata }, _filteredReport_initializers, _filteredReport_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #report_accessor_storage = __runInitializers(this, _report_initializers, []
+        /**
+         * The domain that was validated.
+         * This is used to provide context for the validation report.
+         */
+        );
+        /**
+         * The generated report of domain validation.
+         */
+        get report() { return this.#report_accessor_storage; }
+        set report(value) { this.#report_accessor_storage = value; }
+        #domain_accessor_storage = (__runInitializers(this, _report_extraInitializers), __runInitializers(this, _domain_initializers, void 0));
+        /**
+         * The domain that was validated.
+         * This is used to provide context for the validation report.
+         */
+        get domain() { return this.#domain_accessor_storage; }
+        set domain(value) { this.#domain_accessor_storage = value; }
+        #withAutoFix_accessor_storage = (__runInitializers(this, _domain_extraInitializers), __runInitializers(this, _withAutoFix_initializers, false
+        /**
+         * The number of issues with the severity of "info".
+         */
+        ));
+        /**
+         * When set to true, the UI will include an "Auto fix" button
+         * that allows the user to attempt to automatically fix issues in the report.
+         * The host must handle the `autofix` event to perform the actual fixing.
+         * @attribute
+         */
+        get withAutoFix() { return this.#withAutoFix_accessor_storage; }
+        set withAutoFix(value) { this.#withAutoFix_accessor_storage = value; }
+        #infoCount_accessor_storage = (__runInitializers(this, _withAutoFix_extraInitializers), __runInitializers(this, _infoCount_initializers, 0
+        /**
+         * The number of issues with the severity of "warning".
+         */
+        ));
+        /**
+         * The number of issues with the severity of "info".
+         */
+        get infoCount() { return this.#infoCount_accessor_storage; }
+        set infoCount(value) { this.#infoCount_accessor_storage = value; }
+        #warningCount_accessor_storage = (__runInitializers(this, _infoCount_extraInitializers), __runInitializers(this, _warningCount_initializers, 0
+        /**
+         * The number of issues with the severity of "error".
+         */
+        ));
+        /**
+         * The number of issues with the severity of "warning".
+         */
+        get warningCount() { return this.#warningCount_accessor_storage; }
+        set warningCount(value) { this.#warningCount_accessor_storage = value; }
+        #errorCount_accessor_storage = (__runInitializers(this, _warningCount_extraInitializers), __runInitializers(this, _errorCount_initializers, 0
+        /**
+         * Controls which severity levels are currently shown.
+         * Determines which validation messages are filtered and displayed.
+         */
+        ));
+        /**
+         * The number of issues with the severity of "error".
+         */
+        get errorCount() { return this.#errorCount_accessor_storage; }
+        set errorCount(value) { this.#errorCount_accessor_storage = value; }
+        #visibleSeverities_accessor_storage = (__runInitializers(this, _errorCount_extraInitializers), __runInitializers(this, _visibleSeverities_initializers, new Set()
+        /**
+         * Cached filtered report based on current severity filters.
+         * This improves performance by avoiding re-filtering on every render.
+         */
+        ));
+        /**
+         * Controls which severity levels are currently shown.
+         * Determines which validation messages are filtered and displayed.
+         */
+        get visibleSeverities() { return this.#visibleSeverities_accessor_storage; }
+        set visibleSeverities(value) { this.#visibleSeverities_accessor_storage = value; }
+        #filteredReport_accessor_storage = (__runInitializers(this, _visibleSeverities_extraInitializers), __runInitializers(this, _filteredReport_initializers, []));
+        /**
+         * Cached filtered report based on current severity filters.
+         * This improves performance by avoiding re-filtering on every render.
+         */
+        get filteredReport() { return this.#filteredReport_accessor_storage; }
+        set filteredReport(value) { this.#filteredReport_accessor_storage = value; }
+        willUpdate(cp) {
+            super.willUpdate(cp);
+            if (cp.has('report')) {
+                this.computeIssueCounters();
+                this.setDefaultFilters();
+                this.updateFilteredReport();
+            }
+            if (cp.has('visibleSeverities')) {
+                this.updateFilteredReport();
+            }
+        }
+        /**
+         * Computes the number of issues in the report based on their severity.
+         * This method is called whenever the `report` is updated.
+         */
+        computeIssueCounters() {
+            this.infoCount = this.report.filter((validation) => validation.severity === 'info').length;
+            this.warningCount = this.report.filter((validation) => validation.severity === 'warning').length;
+            this.errorCount = this.report.filter((validation) => validation.severity === 'error').length;
+        }
+        /**
+         * Sets the default filters based on available issues.
+         * By default shows errors. If no errors, shows warnings. Never shows notices by default.
+         */
+        setDefaultFilters() {
+            if (this.errorCount > 0) {
+                this.visibleSeverities = new Set(['error']);
+            }
+            else if (this.warningCount > 0) {
+                this.visibleSeverities = new Set(['warning']);
+            }
+            else {
+                this.visibleSeverities = new Set();
+            }
+        }
+        /**
+         * Updates the filtered report based on the current severity filters.
+         * This method is called whenever the visibility filters change.
+         */
+        updateFilteredReport() {
+            this.filteredReport = this.report.filter((validation) => this.visibleSeverities.has(validation.severity));
+        }
+        /**
+         * Handles the filter button click events.
+         * Toggles the visibility of validation messages by severity.
+         */
+        handleFilterClick(e) {
+            const target = e.target;
+            const severity = target.dataset.severity;
+            if (!severity) {
+                return;
+            }
+            const newVisibleSeverities = new Set(this.visibleSeverities);
+            if (newVisibleSeverities.has(severity)) {
+                newVisibleSeverities.delete(severity);
+            }
+            else {
+                newVisibleSeverities.add(severity);
+            }
+            this.visibleSeverities = newVisibleSeverities;
+        }
+        /**
+         * A handler for the "Open" button click event.
+         * It prepares the Intent data to be used to run the activity
+         * that will open the corresponding issue.
+         */
+        handleOpenIssue(e) {
+            const target = e.target;
+            const index = target.dataset.index;
+            if (!index) {
+                return;
+            }
+            const validation = this.filteredReport[Number(index)];
+            if (!validation) {
+                return;
+            }
+            const { key, kind, parent } = validation;
+            const data = {};
+            if (kind === DomainEntityKind) {
+                data.selection = {
+                    key,
+                    kind,
+                    domain: this.domain?.key || '',
+                };
+            }
+            else if (kind === DomainPropertyKind && parent) {
+                data.selection = {
+                    key: parent,
+                    kind: DomainEntityKind,
+                    domain: this.domain?.key || '',
+                };
+                data.field = {
+                    key,
+                    kind,
+                    domain: this.domain?.key || '',
+                };
+            }
+            else if (kind === DomainAssociationKind && parent) {
+                data.selection = {
+                    key: parent,
+                    kind: DomainEntityKind,
+                    domain: this.domain?.key || '',
+                };
+                data.field = {
+                    key,
+                    kind,
+                    domain: this.domain?.key || '',
+                };
+            }
+            else {
+                return;
+            }
+            const ev = new CustomEvent('openissue', {
+                detail: data,
+                bubbles: true,
+                composed: true,
+            });
+            this.dispatchEvent(ev);
+            // Events.Intent.startActivity(
+            //   {
+            //     action: QUICK_API_SCHEMA,
+            //     data,
+            //   },
+            //   this
+            // )
+        }
+        handleAutoFix() {
+            this.dispatchEvent(new Event('autofix'));
+        }
+        render() {
+            if (this.report.length === 0) {
+                return nothing;
+            }
+            return html `
+      <div class="validation-report-content">
+        ${this.#renderFilters()}${this.#renderStatus()}
+        <ul class="report">
+          ${this.filteredReport.map((validation, i) => this.#renderValidation(validation, i))}
+        </ul>
+      </div>
+    `;
+        }
+        #renderStatus() {
+            const filteredCount = this.filteredReport.length;
+            const totalCount = this.report.length;
+            return html ` <div class="status">Showing ${filteredCount} of ${totalCount}</div> `;
+        }
+        #renderFilters() {
+            const isErrorVisible = this.visibleSeverities.has('error');
+            const isWarningVisible = this.visibleSeverities.has('warning');
+            const isInfoVisible = this.visibleSeverities.has('info');
+            return html `
+      <div class="filters" @click="${this.handleFilterClick}">
+        <ui-button-group type="connected" multiple>
+          <ui-button
+            color="tonal"
+            size="xs"
+            toggle
+            data-severity="error"
+            ?selected="${isErrorVisible}"
+            ?disabled="${this.errorCount === 0}"
+          >
+            ${isErrorVisible ? html `<ui-icon slot="icon">check</ui-icon>` : nothing}Errors (${this.errorCount})
+          </ui-button>
+          <ui-button
+            color="tonal"
+            size="xs"
+            toggle
+            data-severity="warning"
+            ?selected="${isWarningVisible}"
+            ?disabled="${this.warningCount === 0}"
+          >
+            ${isWarningVisible ? html `<ui-icon slot="icon">check</ui-icon>` : nothing}Warnings (${this.warningCount})
+          </ui-button>
+          <ui-button
+            color="tonal"
+            size="xs"
+            toggle
+            data-severity="info"
+            ?selected="${isInfoVisible}"
+            ?disabled="${this.infoCount === 0}"
+          >
+            ${isInfoVisible ? html `<ui-icon slot="icon">check</ui-icon>` : nothing}Notices (${this.infoCount})
+          </ui-button>
+        </ui-button-group>
+        ${this.withAutoFix ? this.#renderAutoFixButton() : nothing}
+      </div>
+    `;
+        }
+        #renderAutoFixButton() {
+            return html `
+      <ui-button color="outlined" @click="${this.handleAutoFix}" title="Fix all auto fixable issues">
+        <ui-icon slot="icon">autorenew</ui-icon> Auto fix
+      </ui-button>
+    `;
+        }
+        #renderValidation(validation, index) {
+            const { message, severity, help } = validation;
+            let icon = '';
+            switch (severity) {
+                case 'warning':
+                    icon = 'warning';
+                    break;
+                case 'error':
+                    icon = 'error';
+                    break;
+                default:
+                    icon = 'info';
+                    break;
+            }
+            return html `
+      <li class="${severity}">
+        <ui-icon class="report-icon">${icon}</ui-icon>
+        <div class="report-details">
+          <span class="report-message">${message}</span>
+          ${help ? html `<span class="report-help">${help}</span>` : ''}
+        </div>
+        <ui-button color="text" data-index="${index}" @click="${this.handleOpenIssue}">Open</ui-button>
+      </li>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _filteredReport_extraInitializers);
+        }
+    };
+})();
+/**
+ * An element that specializes in displaying a domain validation report.
+ * It is used in the context of the domain validation process.
+ *
+ * The report is generated elsewhere and passed to this element for display.
+ *
+ * @fires openissue {CustomEvent<SchemaSelectionInfo>} Fired when the user clicks on the "Open" button
+ *   of a validation issue.
+ *   The detail contains `SchemaSelectionInfo` with the entity/property/association to navigate to.
+ * @fires autofix - Fired when the user clicks on the "Auto fix" button.
+ */
+export default DomainValidationReport;
+//# sourceMappingURL=DomainValidationReport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DomainValidationReport.js","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainValidationReport.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type PropertyValues, type TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { DomainAssociationKind, DomainEntityKind, DomainPropertyKind } from '@api-client/core/models/kinds.js'\nimport type { DomainValidation } from '@api-client/core/modeling/validation/rules.js'\nimport type { SchemaSelectionInfo } from '../types.js'\nimport type { DataDomain } from '@api-client/core/browser.js'\n\n/**\n * An element that specializes in displaying a domain validation report.\n * It is used in the context of the domain validation process.\n *\n * The report is generated elsewhere and passed to this element for display.\n *\n * @fires openissue {CustomEvent<SchemaSelectionInfo>} Fired when the user clicks on the \"Open\" button\n *   of a validation issue.\n *   The detail contains `SchemaSelectionInfo` with the entity/property/association to navigate to.\n * @fires autofix - Fired when the user clicks on the \"Auto fix\" button.\n */\nexport default class DomainValidationReport extends LitElement {\n  /**\n   * The generated report of domain validation.\n   */\n  @property({ type: Array }) accessor report: DomainValidation[] = []\n\n  /**\n   * The domain that was validated.\n   * This is used to provide context for the validation report.\n   */\n  @property({ type: Object }) accessor domain: DataDomain | undefined\n  /**\n   * When set to true, the UI will include an \"Auto fix\" button\n   * that allows the user to attempt to automatically fix issues in the report.\n   * The host must handle the `autofix` event to perform the actual fixing.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor withAutoFix = false\n  /**\n   * The number of issues with the severity of \"info\".\n   */\n  @state() accessor infoCount = 0\n  /**\n   * The number of issues with the severity of \"warning\".\n   */\n  @state() accessor warningCount = 0\n  /**\n   * The number of issues with the severity of \"error\".\n   */\n  @state() accessor errorCount = 0\n  /**\n   * Controls which severity levels are currently shown.\n   * Determines which validation messages are filtered and displayed.\n   */\n  @state() accessor visibleSeverities = new Set<'error' | 'warning' | 'info'>()\n  /**\n   * Cached filtered report based on current severity filters.\n   * This improves performance by avoiding re-filtering on every render.\n   */\n  @state() accessor filteredReport: DomainValidation[] = []\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.willUpdate(cp)\n    if (cp.has('report')) {\n      this.computeIssueCounters()\n      this.setDefaultFilters()\n      this.updateFilteredReport()\n    }\n    if (cp.has('visibleSeverities')) {\n      this.updateFilteredReport()\n    }\n  }\n\n  /**\n   * Computes the number of issues in the report based on their severity.\n   * This method is called whenever the `report` is updated.\n   */\n  protected computeIssueCounters(): void {\n    this.infoCount = this.report.filter((validation) => validation.severity === 'info').length\n    this.warningCount = this.report.filter((validation) => validation.severity === 'warning').length\n    this.errorCount = this.report.filter((validation) => validation.severity === 'error').length\n  }\n\n  /**\n   * Sets the default filters based on available issues.\n   * By default shows errors. If no errors, shows warnings. Never shows notices by default.\n   */\n  protected setDefaultFilters(): void {\n    if (this.errorCount > 0) {\n      this.visibleSeverities = new Set(['error'])\n    } else if (this.warningCount > 0) {\n      this.visibleSeverities = new Set(['warning'])\n    } else {\n      this.visibleSeverities = new Set()\n    }\n  }\n\n  /**\n   * Updates the filtered report based on the current severity filters.\n   * This method is called whenever the visibility filters change.\n   */\n  protected updateFilteredReport(): void {\n    this.filteredReport = this.report.filter((validation) =>\n      this.visibleSeverities.has(validation.severity as 'error' | 'warning' | 'info')\n    )\n  }\n\n  /**\n   * Handles the filter button click events.\n   * Toggles the visibility of validation messages by severity.\n   */\n  protected handleFilterClick(e: Event): void {\n    const target = e.target as HTMLElement\n    const severity = target.dataset.severity as 'error' | 'warning' | 'info'\n    if (!severity) {\n      return\n    }\n\n    const newVisibleSeverities = new Set(this.visibleSeverities)\n    if (newVisibleSeverities.has(severity)) {\n      newVisibleSeverities.delete(severity)\n    } else {\n      newVisibleSeverities.add(severity)\n    }\n    this.visibleSeverities = newVisibleSeverities\n  }\n\n  /**\n   * A handler for the \"Open\" button click event.\n   * It prepares the Intent data to be used to run the activity\n   * that will open the corresponding issue.\n   */\n  protected handleOpenIssue(e: Event): void {\n    const target = e.target as HTMLElement\n    const index = target.dataset.index\n    if (!index) {\n      return\n    }\n    const validation = this.filteredReport[Number(index)]\n    if (!validation) {\n      return\n    }\n    const { key, kind, parent } = validation\n    const data: SchemaSelectionInfo = {}\n    if (kind === DomainEntityKind) {\n      data.selection = {\n        key,\n        kind,\n        domain: this.domain?.key || '',\n      }\n    } else if (kind === DomainPropertyKind && parent) {\n      data.selection = {\n        key: parent,\n        kind: DomainEntityKind,\n        domain: this.domain?.key || '',\n      }\n      data.field = {\n        key,\n        kind,\n        domain: this.domain?.key || '',\n      }\n    } else if (kind === DomainAssociationKind && parent) {\n      data.selection = {\n        key: parent,\n        kind: DomainEntityKind,\n        domain: this.domain?.key || '',\n      }\n      data.field = {\n        key,\n        kind,\n        domain: this.domain?.key || '',\n      }\n    } else {\n      return\n    }\n    const ev = new CustomEvent('openissue', {\n      detail: data,\n      bubbles: true,\n      composed: true,\n    })\n    this.dispatchEvent(ev)\n    // Events.Intent.startActivity(\n    //   {\n    //     action: QUICK_API_SCHEMA,\n    //     data,\n    //   },\n    //   this\n    // )\n  }\n\n  handleAutoFix(): void {\n    this.dispatchEvent(new Event('autofix'))\n  }\n\n  override render(): TemplateResult | typeof nothing {\n    if (this.report.length === 0) {\n      return nothing\n    }\n    return html`\n      <div class=\"validation-report-content\">\n        ${this.#renderFilters()}${this.#renderStatus()}\n        <ul class=\"report\">\n          ${this.filteredReport.map((validation, i) => this.#renderValidation(validation, i))}\n        </ul>\n      </div>\n    `\n  }\n\n  #renderStatus(): TemplateResult {\n    const filteredCount = this.filteredReport.length\n    const totalCount = this.report.length\n\n    return html` <div class=\"status\">Showing ${filteredCount} of ${totalCount}</div> `\n  }\n\n  #renderFilters(): TemplateResult {\n    const isErrorVisible = this.visibleSeverities.has('error')\n    const isWarningVisible = this.visibleSeverities.has('warning')\n    const isInfoVisible = this.visibleSeverities.has('info')\n\n    return html`\n      <div class=\"filters\" @click=\"${this.handleFilterClick}\">\n        <ui-button-group type=\"connected\" multiple>\n          <ui-button\n            color=\"tonal\"\n            size=\"xs\"\n            toggle\n            data-severity=\"error\"\n            ?selected=\"${isErrorVisible}\"\n            ?disabled=\"${this.errorCount === 0}\"\n          >\n            ${isErrorVisible ? html`<ui-icon slot=\"icon\">check</ui-icon>` : nothing}Errors (${this.errorCount})\n          </ui-button>\n          <ui-button\n            color=\"tonal\"\n            size=\"xs\"\n            toggle\n            data-severity=\"warning\"\n            ?selected=\"${isWarningVisible}\"\n            ?disabled=\"${this.warningCount === 0}\"\n          >\n            ${isWarningVisible ? html`<ui-icon slot=\"icon\">check</ui-icon>` : nothing}Warnings (${this.warningCount})\n          </ui-button>\n          <ui-button\n            color=\"tonal\"\n            size=\"xs\"\n            toggle\n            data-severity=\"info\"\n            ?selected=\"${isInfoVisible}\"\n            ?disabled=\"${this.infoCount === 0}\"\n          >\n            ${isInfoVisible ? html`<ui-icon slot=\"icon\">check</ui-icon>` : nothing}Notices (${this.infoCount})\n          </ui-button>\n        </ui-button-group>\n        ${this.withAutoFix ? this.#renderAutoFixButton() : nothing}\n      </div>\n    `\n  }\n\n  #renderAutoFixButton(): TemplateResult {\n    return html`\n      <ui-button color=\"outlined\" @click=\"${this.handleAutoFix}\" title=\"Fix all auto fixable issues\">\n        <ui-icon slot=\"icon\">autorenew</ui-icon> Auto fix\n      </ui-button>\n    `\n  }\n\n  #renderValidation(validation: DomainValidation, index: number): TemplateResult {\n    const { message, severity, help } = validation\n    let icon = ''\n    switch (severity) {\n      case 'warning':\n        icon = 'warning'\n        break\n      case 'error':\n        icon = 'error'\n        break\n      default:\n        icon = 'info'\n        break\n    }\n    return html`\n      <li class=\"${severity}\">\n        <ui-icon class=\"report-icon\">${icon}</ui-icon>\n        <div class=\"report-details\">\n          <span class=\"report-message\">${message}</span>\n          ${help ? html`<span class=\"report-help\">${help}</span>` : ''}\n        </div>\n        <ui-button color=\"text\" data-index=\"${index}\" @click=\"${this.handleOpenIssue}\">Open</ui-button>\n      </li>\n    `\n  }\n}\n"]}

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

@@ -0,0 +1,56 @@
+import type { DataDomain } from '@api-client/core/modeling/DataDomain.js';
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * Base class for modeling elements
+ *
+ * @fires change - When something changed
+ * @fires error - When an error occurred. The event detail will contain an Exception object.
+ */
+export declare class ModelingElement extends LitElement {
+    /**
+     * The instance of the root DataNamespace.
+     */
+    accessor root: DataDomain | undefined;
+    /**
+     * The parent namespace this element belongs to.
+     * When rendering a foreign domain, this will be the namespace of the foreign domain.
+     * Normally, this is the `key` of the root DataDomain.
+     */
+    accessor namespace: string | undefined;
+    /**
+     * The selected object that this element is interested in.
+     * @attribute
+     */
+    accessor selected: string | undefined;
+    /**
+     * If true, the element is in read-only mode.
+     * This means that the element will not allow any modifications to the data.
+     * @attribute
+     */
+    accessor readOnly: boolean | undefined;
+    /**
+     * Computed property that indicates if the element is a foreign element.
+     * A foreign element is one that is not part of the root DataDomain.
+     */
+    protected get isForeignElement(): boolean;
+    /**
+     * Computed property that indicates if the element can be edited.
+     * An element can be edited if it is not read-only and is not a foreign element.
+     */
+    protected get canEdit(): boolean;
+    constructor();
+    protected willUpdate(cp: PropertyValues<this>): void;
+    protected handleDomainChange(): void;
+    /**
+     * A common way for an element to notify a change.
+     */
+    notifyChange(): void;
+    /**
+     * Reports an error to the element.
+     * It will dispatch an 'error' event with the Exception object as the detail.
+     * It unifies the error handling across the application.
+     * @param error The error to report.
+     */
+    reportError(error: Error): void;
+}
+//# sourceMappingURL=ModelingElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelingElement.d.ts","sourceRoot":"","sources":["../../../../src/modeling/internals/ModelingElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAIhD;;;;;GAKG;AACH,qBAAa,eAAgB,SAAQ,UAAU;IAC7C;;OAEG;IACyB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAAA;IACjE;;;;OAIG;IACyB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAElE;;;OAGG;IACyB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IACjE;;;;OAIG;IAC0B,QAAQ,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAEnE;;;OAGG;IACH,SAAS,KAAK,gBAAgB,IAAI,OAAO,CAExC;IAED;;;OAGG;IACH,SAAS,KAAK,OAAO,IAAI,OAAO,CAE/B;;cAOkB,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW7D,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAIpC;;OAEG;IACH,YAAY,IAAI,IAAI;IAIpB;;;;;OAKG;IACH,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAUhC"}

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

@@ -0,0 +1,122 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { fromError } from '../../exceptions/builder.js';
+/**
+ * Base class for modeling elements
+ *
+ * @fires change - When something changed
+ * @fires error - When an error occurred. The event detail will contain an Exception object.
+ */
+let ModelingElement = (() => {
+    let _classSuper = LitElement;
+    let _root_decorators;
+    let _root_initializers = [];
+    let _root_extraInitializers = [];
+    let _namespace_decorators;
+    let _namespace_initializers = [];
+    let _namespace_extraInitializers = [];
+    let _selected_decorators;
+    let _selected_initializers = [];
+    let _selected_extraInitializers = [];
+    let _readOnly_decorators;
+    let _readOnly_initializers = [];
+    let _readOnly_extraInitializers = [];
+    return class ModelingElement extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _root_decorators = [property({ type: Object })];
+            _namespace_decorators = [property({ type: String })];
+            _selected_decorators = [property({ type: String })];
+            _readOnly_decorators = [property({ type: Boolean })];
+            __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, _namespace_decorators, { kind: "accessor", name: "namespace", static: false, private: false, access: { has: obj => "namespace" in obj, get: obj => obj.namespace, set: (obj, value) => { obj.namespace = value; } }, metadata: _metadata }, _namespace_initializers, _namespace_extraInitializers);
+            __esDecorate(this, null, _selected_decorators, { kind: "accessor", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
+            __esDecorate(this, null, _readOnly_decorators, { kind: "accessor", name: "readOnly", static: false, private: false, access: { has: obj => "readOnly" in obj, get: obj => obj.readOnly, set: (obj, value) => { obj.readOnly = value; } }, metadata: _metadata }, _readOnly_initializers, _readOnly_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; }
+        #namespace_accessor_storage = (__runInitializers(this, _root_extraInitializers), __runInitializers(this, _namespace_initializers, void 0));
+        /**
+         * The parent namespace this element belongs to.
+         * When rendering a foreign domain, this will be the namespace of the foreign domain.
+         * Normally, this is the `key` of the root DataDomain.
+         */
+        get namespace() { return this.#namespace_accessor_storage; }
+        set namespace(value) { this.#namespace_accessor_storage = value; }
+        #selected_accessor_storage = (__runInitializers(this, _namespace_extraInitializers), __runInitializers(this, _selected_initializers, void 0));
+        /**
+         * The selected object that this element is interested in.
+         * @attribute
+         */
+        get selected() { return this.#selected_accessor_storage; }
+        set selected(value) { this.#selected_accessor_storage = value; }
+        #readOnly_accessor_storage = (__runInitializers(this, _selected_extraInitializers), __runInitializers(this, _readOnly_initializers, void 0));
+        /**
+         * If true, the element is in read-only mode.
+         * This means that the element will not allow any modifications to the data.
+         * @attribute
+         */
+        get readOnly() { return this.#readOnly_accessor_storage; }
+        set readOnly(value) { this.#readOnly_accessor_storage = value; }
+        /**
+         * Computed property that indicates if the element is a foreign element.
+         * A foreign element is one that is not part of the root DataDomain.
+         */
+        get isForeignElement() {
+            return this.root !== undefined && this.namespace !== this.root.key;
+        }
+        /**
+         * Computed property that indicates if the element can be edited.
+         * An element can be edited if it is not read-only and is not a foreign element.
+         */
+        get canEdit() {
+            return !this.readOnly && !this.isForeignElement;
+        }
+        constructor() {
+            super();
+            __runInitializers(this, _readOnly_extraInitializers);
+            this.handleDomainChange = this.handleDomainChange.bind(this);
+        }
+        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();
+        }
+        /**
+         * A common way for an element to notify a change.
+         */
+        notifyChange() {
+            this.dispatchEvent(new Event('change'));
+        }
+        /**
+         * Reports an error to the element.
+         * It will dispatch an 'error' event with the Exception object as the detail.
+         * It unifies the error handling across the application.
+         * @param error The error to report.
+         */
+        reportError(error) {
+            const e = fromError(error);
+            this.dispatchEvent(new CustomEvent('error', {
+                bubbles: true,
+                composed: true,
+                detail: e,
+            }));
+        }
+    };
+})();
+export { ModelingElement };
+//# sourceMappingURL=ModelingElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelingElement.js","sourceRoot":"","sources":["../../../../src/modeling/internals/ModelingElement.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAEvD;;;;;GAKG;IACU,eAAe;sBAAS,UAAU;;;;;;;;;;;;;iBAAlC,eAAgB,SAAQ,WAAU;;;gCAI5C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAM1B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAM1B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAM1B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;YAlBA,iKAAS,IAAI,6BAAJ,IAAI,mFAAwB;YAMrC,gLAAS,SAAS,6BAAT,SAAS,6FAAoB;YAMtC,6KAAS,QAAQ,6BAAR,QAAQ,2FAAoB;YAMpC,6KAAS,QAAQ,6BAAR,QAAQ,2FAAqB;;;QAlBvC,6EAAqC;QAHjE;;WAEG;QACyB,IAAS,IAAI,0CAAwB;QAArC,IAAS,IAAI,gDAAwB;QAMrC,2IAAsC;QALlE;;;;WAIG;QACyB,IAAS,SAAS,+CAAoB;QAAtC,IAAS,SAAS,qDAAoB;QAMtC,8IAAqC;QAJjE;;;WAGG;QACyB,IAAS,QAAQ,8CAAoB;QAArC,IAAS,QAAQ,oDAAoB;QAMpC,6IAAsC;QALnE;;;;WAIG;QAC0B,IAAS,QAAQ,8CAAqB;QAAtC,IAAS,QAAQ,oDAAqB;QAEnE;;;WAGG;QACH,IAAc,gBAAgB;YAC5B,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAA;QACpE,CAAC;QAED;;;WAGG;QACH,IAAc,OAAO;YACnB,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAA;QACjD,CAAC;QAED;YACE,KAAK,EAAE,CAAA;;YACP,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SAC7D;QAEkB,UAAU,CAAC,EAAwB;YACpD,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBACnB,MAAM,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBAC1B,IAAI,GAAG,EAAE,CAAC;oBACR,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAA;gBAC5D,CAAC;gBACD,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAA;YAChE,CAAC;YACD,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;QAES,kBAAkB;YAC1B,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;QAED;;WAEG;QACH,YAAY;YACV,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;QACzC,CAAC;QAED;;;;;WAKG;QACH,WAAW,CAAC,KAAY;YACtB,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;YAC1B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,CAAC;aACV,CAAC,CACH,CAAA;QACH,CAAC;;;SAlFU,eAAe","sourcesContent":["import type { DataDomain } from '@api-client/core/modeling/DataDomain.js'\nimport { LitElement, PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { fromError } from '../../exceptions/builder.js'\n\n/**\n * Base class for modeling elements\n *\n * @fires change - When something changed\n * @fires error - When an error occurred. The event detail will contain an Exception object.\n */\nexport class ModelingElement extends LitElement {\n  /**\n   * The instance of the root DataNamespace.\n   */\n  @property({ type: Object }) accessor root: DataDomain | undefined\n  /**\n   * The parent namespace this element belongs to.\n   * When rendering a foreign domain, this will be the namespace of the foreign domain.\n   * Normally, this is the `key` of the root DataDomain.\n   */\n  @property({ type: String }) accessor namespace: string | undefined\n\n  /**\n   * The selected object that this element is interested in.\n   * @attribute\n   */\n  @property({ type: String }) accessor selected: string | undefined\n  /**\n   * If true, the element is in read-only mode.\n   * This means that the element will not allow any modifications to the data.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor readOnly: boolean | undefined\n\n  /**\n   * Computed property that indicates if the element is a foreign element.\n   * A foreign element is one that is not part of the root DataDomain.\n   */\n  protected get isForeignElement(): boolean {\n    return this.root !== undefined && this.namespace !== this.root.key\n  }\n\n  /**\n   * Computed property that indicates if the element can be edited.\n   * An element can be edited if it is not read-only and is not a foreign element.\n   */\n  protected get canEdit(): boolean {\n    return !this.readOnly && !this.isForeignElement\n  }\n\n  constructor() {\n    super()\n    this.handleDomainChange = this.handleDomainChange.bind(this)\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  /**\n   * A common way for an element to notify a change.\n   */\n  notifyChange(): void {\n    this.dispatchEvent(new Event('change'))\n  }\n\n  /**\n   * Reports an error to the element.\n   * It will dispatch an 'error' event with the Exception object as the detail.\n   * It unifies the error handling across the application.\n   * @param error The error to report.\n   */\n  reportError(error: Error): void {\n    const e = fromError(error)\n    this.dispatchEvent(\n      new CustomEvent('error', {\n        bubbles: true,\n        composed: true,\n        detail: e,\n      })\n    )\n  }\n}\n"]}

package/build/src/modeling/internals/styles/AccessConfiguration.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=AccessConfiguration.styles.d.ts.map

package/build/src/modeling/internals/styles/AccessConfiguration.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessConfiguration.styles.d.ts","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/AccessConfiguration.styles.ts"],"names":[],"mappings":";AAEA,wBAuGC"}