@api-client/ui 0.0.17 → 0.1.0

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

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

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

@@ -1,7 +0,0 @@
-import { css } from 'lit';
-export default css `
-  :host {
-    display: block;
-  }
-`;
-//# sourceMappingURL=DomainModelEditor.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DomainModelEditor.styles.js","sourceRoot":"","sources":["../../../../../../src/elements/modeling/internals/styles/DomainModelEditor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;CAIjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n  }\n`\n"]}

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

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

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

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

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

@@ -1,7 +0,0 @@
-import { css } from 'lit';
-export default css `
-  :host {
-    display: block;
-  }
-`;
-//# sourceMappingURL=DomainNamespaceEditor.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DomainNamespaceEditor.styles.js","sourceRoot":"","sources":["../../../../../../src/elements/modeling/internals/styles/DomainNamespaceEditor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;CAIjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n  }\n`\n"]}

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

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

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

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

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

@@ -1,27 +0,0 @@
-import { css } from 'lit';
-export default css `
-  :host {
-    display: block;
-  }
-
-  .empty-view {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-
-    color: var(--md-sys-color-on-surface-variant);
-    font-family: var(--md-sys-typescale-body-large-font);
-    font-weight: var(--md-sys-typescale-body-large-weight);
-    font-size: var(--md-sys-typescale-body-large-size);
-    letter-spacing: var(--md-sys-typescale-body-large-tracking);
-    line-height: var(--md-sys-typescale-body-large-height);
-  }
-
-  .empty-view .empty-message,
-  .empty-view .info {
-    text-align: center;
-  }
-`;
-//# sourceMappingURL=DomainNavigation.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DomainNavigation.styles.js","sourceRoot":"","sources":["../../../../../../src/elements/modeling/internals/styles/DomainNavigation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwBjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .empty-view {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n\n    color: var(--md-sys-color-on-surface-variant);\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .empty-view .empty-message,\n  .empty-view .info {\n    text-align: center;\n  }\n`\n"]}

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

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

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

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

package/build/src/elements/modeling/internals/styles/DomainPropertyEditor.styles.js

@@ -1,18 +0,0 @@
-import { css } from 'lit';
-export default css `
-  :host {
-    display: block;
-  }
-
-  .enum {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
-
-  .enum-input {
-    padding-left: 64px;
-    gap: 8px;
-  }
-`;
-//# sourceMappingURL=DomainPropertyEditor.styles.js.map

package/build/src/elements/modeling/internals/styles/DomainPropertyEditor.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainPropertyEditor.styles.js","sourceRoot":"","sources":["../../../../../../src/elements/modeling/internals/styles/DomainPropertyEditor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;CAejB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .enum {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .enum-input {\n    padding-left: 64px;\n    gap: 8px;\n  }\n`\n"]}

package/build/src/elements/modeling/internals/styles/form_styles.d.ts

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

package/build/src/elements/modeling/internals/styles/form_styles.d.ts.map

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

package/build/src/elements/modeling/internals/styles/form_styles.js

@@ -1,63 +0,0 @@
-import { css } from 'lit';
-export default css `
-  .modeling-form {
-    display: flex;
-    flex-direction: column;
-    gap: 32px;
-  }
-
-  .row {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-
-  .row > .input {
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 12px;
-  }
-
-  .editor-section {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-  }
-
-  .checkbox-group {
-    display: flex;
-    flex-direction: column;
-    gap: 0px;
-  }
-
-  .checkbox-group > .row {
-    height: 48px;
-  }
-
-  .checkbox {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 12px;
-  }
-
-  .checkbox > .label {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .meta {
-    color: var(--md-sys-color-on-surface-variant);
-  }
-
-  .drop-zone {
-    outline: medium var(--md-sys-color-tertiary) dashed;
-    background-color: var(--md-sys-color-tertiary-container);
-    color: var(--md-sys-color-on-tertiary-container);
-    outline-offset: 2px;
-    border-radius: var(--md-sys-shape-corner-extra-small);
-  }
-`;
-//# sourceMappingURL=form_styles.js.map

package/build/src/elements/modeling/internals/styles/form_styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form_styles.js","sourceRoot":"","sources":["../../../../../../src/elements/modeling/internals/styles/form_styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  .modeling-form {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n  }\n\n  .row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .row > .input {\n    flex: 1;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .editor-section {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .checkbox-group {\n    display: flex;\n    flex-direction: column;\n    gap: 0px;\n  }\n\n  .checkbox-group > .row {\n    height: 48px;\n  }\n\n  .checkbox {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .checkbox > .label {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .meta {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  .drop-zone {\n    outline: medium var(--md-sys-color-tertiary) dashed;\n    background-color: var(--md-sys-color-tertiary-container);\n    color: var(--md-sys-color-on-tertiary-container);\n    outline-offset: 2px;\n    border-radius: var(--md-sys-shape-corner-extra-small);\n  }\n`\n"]}

package/build/src/elements/modeling/internals/styles/learning.styles.d.ts

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

package/build/src/elements/modeling/internals/styles/learning.styles.d.ts.map

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

package/build/src/elements/modeling/internals/styles/learning.styles.js

@@ -1,40 +0,0 @@
-import { css } from 'lit';
-export default css `
-  .divider {
-    margin: 40px 0;
-  }
-
-  .intro {
-    user-select: text;
-  }
-
-  .intro-title {
-    display: flex;
-    align-items: center;
-    gap: 20px;
-  }
-
-  .theme-icon-wrapper {
-    display: inline-flex;
-    padding: 20px;
-    justify-content: center;
-    align-items: center;
-    border-radius: 60px;
-    background: var(--md-sys-color-primary);
-  }
-
-  .theme-icon-wrapper > .icon {
-    width: 40px;
-    height: 40px;
-    fill: var(--md-sys-color-on-primary);
-  }
-
-  .example {
-    background-color: var(--md-sys-color-tertiary-container);
-    color: var(--md-sys-color-on-tertiary-container);
-    padding: 16px;
-    border-radius: var(--md-sys-shape-corner-large);
-    margin-bottom: 20px;
-  }
-`;
-//# sourceMappingURL=learning.styles.js.map

package/build/src/elements/modeling/internals/styles/learning.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"learning.styles.js","sourceRoot":"","sources":["../../../../../../src/elements/modeling/internals/styles/learning.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  .divider {\n    margin: 40px 0;\n  }\n\n  .intro {\n    user-select: text;\n  }\n\n  .intro-title {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n\n  .theme-icon-wrapper {\n    display: inline-flex;\n    padding: 20px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 60px;\n    background: var(--md-sys-color-primary);\n  }\n\n  .theme-icon-wrapper > .icon {\n    width: 40px;\n    height: 40px;\n    fill: var(--md-sys-color-on-primary);\n  }\n\n  .example {\n    background-color: var(--md-sys-color-tertiary-container);\n    color: var(--md-sys-color-on-tertiary-container);\n    padding: 16px;\n    border-radius: var(--md-sys-shape-corner-large);\n    margin-bottom: 20px;\n  }\n`\n"]}

package/build/src/elements/modeling/types.d.ts

@@ -1,32 +0,0 @@
-import type { TextFieldType } from '@material/web/textfield/outlined-text-field.js';
-export interface EntitySelectDetail {
-    key: string;
-    kind: string;
-}
-export interface DomainPropertyInputConfig {
-    /**
-     * The input's type
-     */
-    type: TextFieldType;
-    /**
-     * The `pattern` to set on the input.
-     */
-    pattern?: string;
-    /**
-     * The `min` to set on the input.
-     */
-    min?: number;
-    /**
-     * The `max` to set on the input.
-     */
-    max?: number;
-    /**
-     * The `step` to set on the input.
-     */
-    step?: number;
-    /**
-     * The `supportingText` to set on the Material Text Field.
-     */
-    help?: string;
-}
-//# sourceMappingURL=types.d.ts.map

package/build/src/elements/modeling/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/modeling/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAEnF,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,IAAI,EAAE,aAAa,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd"}

package/build/src/elements/modeling/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/build/src/elements/modeling/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/modeling/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextFieldType } from '@material/web/textfield/outlined-text-field.js'\n\nexport interface EntitySelectDetail {\n  key: string\n  kind: string\n}\n\nexport interface DomainPropertyInputConfig {\n  /**\n   * The input's type\n   */\n  type: TextFieldType\n  /**\n   * The `pattern` to set on the input.\n   */\n  pattern?: string\n  /**\n   * The `min` to set on the input.\n   */\n  min?: number\n  /**\n   * The `max` to set on the input.\n   */\n  max?: number\n  /**\n   * The `step` to set on the input.\n   */\n  step?: number\n  /**\n   * The `supportingText` to set on the Material Text Field.\n   */\n  help?: string\n}\n"]}

package/build/src/elements/schema-design/AssociationFormElement.d.ts

@@ -1,34 +0,0 @@
-import { CSSResult, PropertyValues, TemplateResult } from 'lit';
-import ApiElement from '../ApiElement.js';
-import { type DataNamespace, type DataAssociation } from '@api-client/core/legacy.js';
-import '../../md/checkbox/ui-checkbox.js';
-import '../../md/text-field/ui-text-field.js';
-import '../../md/divider/ui-divider.js';
-import '../../md/icon-button/ui-icon-button.js';
-import '../../md/icons/ui-icon.js';
-export default class AssociationFormElement extends ApiElement {
-    static get styles(): CSSResult[];
-    /**
-     * The key of the association to edit.
-     * @attribute
-     */
-    accessor key: string | undefined;
-    /**
-     * The read data namespace.
-     */
-    accessor root: DataNamespace | undefined;
-    /**
-     * The computed entity when the key or root change.
-     */
-    protected accessor _association: DataAssociation | undefined;
-    willUpdate(cp: PropertyValues<this>): void;
-    /**
-     * Computes the view value for the association.
-     * This should be called before the update is complete so this won't trigger another update.
-     */
-    protected _computeAssociation(): void;
-    protected _infoChangeHandler(e: Event): void;
-    protected _checkedHandler(e: Event): void;
-    protected render(): TemplateResult;
-}
-//# sourceMappingURL=AssociationFormElement.d.ts.map

package/build/src/elements/schema-design/AssociationFormElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssociationFormElement.d.ts","sourceRoot":"","sources":["../../../../src/elements/schema-design/AssociationFormElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1E,OAAO,UAAU,MAAM,kBAAkB,CAAA;AAGzC,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAKrF,OAAO,kCAAkC,CAAA;AACzC,OAAO,sCAAsC,CAAA;AAC7C,OAAO,gCAAgC,CAAA;AACvC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,2BAA2B,CAAA;AAElC,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAC5D,WAAoB,MAAM,IAAI,SAAS,EAAE,CAWxC;IAED;;;OAGG;IACwC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAE3E;;OAEG;IACyB,QAAQ,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAAA;IAEpE;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,eAAe,GAAG,SAAS,CAAA;IAE5D,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMnD;;;OAGG;IACH,SAAS,CAAC,mBAAmB,IAAI,IAAI;IASrC,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAkB5C,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAgBtB,MAAM,IAAI,cAAc;CAsD5C"}

package/build/src/elements/schema-design/AssociationFormElement.js

@@ -1,178 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, html } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { live } from 'lit/directives/live.js';
-import ApiElement from '../ApiElement.js';
-import EditorCommon from './CommonStyles.js';
-import { EventUtils } from '@api-client/core/browser.js';
-import theme from '../theme.js';
-import typography from '../../styles/m3/typography.module.js';
-import '../../md/checkbox/ui-checkbox.js';
-import '../../md/text-field/ui-text-field.js';
-import '../../md/divider/ui-divider.js';
-import '../../md/icon-button/ui-icon-button.js';
-import '../../md/icons/ui-icon.js';
-let AssociationFormElement = (() => {
-    let _classSuper = ApiElement;
-    let _key_decorators;
-    let _key_initializers = [];
-    let _key_extraInitializers = [];
-    let _root_decorators;
-    let _root_initializers = [];
-    let _root_extraInitializers = [];
-    let __association_decorators;
-    let __association_initializers = [];
-    let __association_extraInitializers = [];
-    return class AssociationFormElement extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _key_decorators = [property({ type: String, reflect: true })];
-            _root_decorators = [property({ type: Object })];
-            __association_decorators = [state()];
-            __esDecorate(this, null, _key_decorators, { kind: "accessor", name: "key", static: false, private: false, access: { has: obj => "key" in obj, get: obj => obj.key, set: (obj, value) => { obj.key = value; } }, metadata: _metadata }, _key_initializers, _key_extraInitializers);
-            __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, __association_decorators, { kind: "accessor", name: "_association", static: false, private: false, access: { has: obj => "_association" in obj, get: obj => obj._association, set: (obj, value) => { obj._association = value; } }, metadata: _metadata }, __association_initializers, __association_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static get styles() {
-            return [
-                theme,
-                EditorCommon,
-                typography,
-                css `
-        :host {
-          display: block;
-        }
-      `,
-            ];
-        }
-        #key_accessor_storage = __runInitializers(this, _key_initializers, void 0);
-        /**
-         * The key of the association to edit.
-         * @attribute
-         */
-        get key() { return this.#key_accessor_storage; }
-        set key(value) { this.#key_accessor_storage = value; }
-        #root_accessor_storage = (__runInitializers(this, _key_extraInitializers), __runInitializers(this, _root_initializers, void 0));
-        /**
-         * The read data namespace.
-         */
-        get root() { return this.#root_accessor_storage; }
-        set root(value) { this.#root_accessor_storage = value; }
-        #_association_accessor_storage = (__runInitializers(this, _root_extraInitializers), __runInitializers(this, __association_initializers, void 0));
-        /**
-         * The computed entity when the key or root change.
-         */
-        get _association() { return this.#_association_accessor_storage; }
-        set _association(value) { this.#_association_accessor_storage = value; }
-        willUpdate(cp) {
-            if (cp.has('key')) {
-                this._computeAssociation();
-            }
-        }
-        /**
-         * Computes the view value for the association.
-         * This should be called before the update is complete so this won't trigger another update.
-         */
-        _computeAssociation() {
-            const { root, key } = this;
-            if (!root || !key) {
-                this._association = undefined;
-                return;
-            }
-            this._association = root.definitions.associations.find((i) => i.key === key);
-        }
-        _infoChangeHandler(e) {
-            const { _association } = this;
-            if (!_association) {
-                return;
-            }
-            const node = e.target;
-            const { name, value } = node;
-            if (!['name', 'description', 'displayName'].includes(name)) {
-                return;
-            }
-            if (name === 'name' && !value) {
-                return;
-            }
-            _association.info[name] = value;
-            this.notifyChange();
-            this.requestUpdate();
-        }
-        _checkedHandler(e) {
-            const { _association } = this;
-            if (!_association) {
-                return;
-            }
-            const input = e.target;
-            const name = input.name;
-            const { checked } = input;
-            if (_association[name] === checked) {
-                return;
-            }
-            _association[name] = checked;
-            this.notifyChange();
-            this.requestUpdate();
-        }
-        render() {
-            const { _association: item } = this;
-            if (!item) {
-                return html ``;
-            }
-            const { info, multiple = false, required = false } = item;
-            return html `
-      <form name="data-association" @submit="${EventUtils.cancelEvent}" data-key="${item.key}">
-        <ui-text-field
-          class="input"
-          name="name"
-          .value="${live(info.name || '')}"
-          label="Association name"
-          required
-          @change="${this._infoChangeHandler}"
-        ></ui-text-field>
-        <ui-text-field
-          class="input"
-          name="displayName"
-          .value="${live(info.displayName || '')}"
-          label="Display name (optional)"
-          @change="${this._infoChangeHandler}"
-        ></ui-text-field>
-        <ui-text-field
-          class="input"
-          name="description"
-          .value="${live(info.description || '')}"
-          label="Association description (optional)"
-          @change="${this._infoChangeHandler}"
-        ></ui-text-field>
-
-        <div class="checkbox-group">
-          <label class="label-large">
-            <ui-checkbox
-              name="required"
-              .checked="${required}"
-              title="Whether the association is required in the schema"
-              @change="${this._checkedHandler}"
-            ></ui-checkbox>
-            Required
-          </label>
-          <label class="label-large">
-            <ui-checkbox
-              name="multiple"
-              .checked="${multiple}"
-              title="When set it declares this association as an array. Multiple instances of the value are permitted."
-              @change="${this._checkedHandler}"
-            ></ui-checkbox>
-            Multiple
-          </label>
-        </div>
-      </form>
-    `;
-        }
-        constructor() {
-            super(...arguments);
-            __runInitializers(this, __association_extraInitializers);
-        }
-    };
-})();
-export default AssociationFormElement;
-//# sourceMappingURL=AssociationFormElement.js.map

package/build/src/elements/schema-design/AssociationFormElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssociationFormElement.js","sourceRoot":"","sources":["../../../../src/elements/schema-design/AssociationFormElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResult, html, PropertyValues, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\nimport ApiElement from '../ApiElement.js'\nimport EditorCommon from './CommonStyles.js'\nimport { EventUtils } from '@api-client/core/browser.js'\nimport { type DataNamespace, type DataAssociation } from '@api-client/core/legacy.js'\nimport theme from '../theme.js'\nimport typography from '../../styles/m3/typography.module.js'\nimport type Input from '../../md/input/Input.js'\nimport type CheckboxElement from '../../md/checkbox/internals/CheckboxElement.js'\nimport '../../md/checkbox/ui-checkbox.js'\nimport '../../md/text-field/ui-text-field.js'\nimport '../../md/divider/ui-divider.js'\nimport '../../md/icon-button/ui-icon-button.js'\nimport '../../md/icons/ui-icon.js'\n\nexport default class AssociationFormElement extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return [\n      theme,\n      EditorCommon,\n      typography,\n      css`\n        :host {\n          display: block;\n        }\n      `,\n    ]\n  }\n\n  /**\n   * The key of the association to edit.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor key: string | undefined\n\n  /**\n   * The read data namespace.\n   */\n  @property({ type: Object }) accessor root: DataNamespace | undefined\n\n  /**\n   * The computed entity when the key or root change.\n   */\n  @state() protected accessor _association: DataAssociation | undefined\n\n  override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('key')) {\n      this._computeAssociation()\n    }\n  }\n\n  /**\n   * Computes the view value for the association.\n   * This should be called before the update is complete so this won't trigger another update.\n   */\n  protected _computeAssociation(): void {\n    const { root, key } = this\n    if (!root || !key) {\n      this._association = undefined\n      return\n    }\n    this._association = root.definitions.associations.find((i) => i.key === key)\n  }\n\n  protected _infoChangeHandler(e: Event): void {\n    const { _association } = this\n    if (!_association) {\n      return\n    }\n    const node = e.target as Input\n    const { name, value } = node\n    if (!['name', 'description', 'displayName'].includes(name as string)) {\n      return\n    }\n    if (name === 'name' && !value) {\n      return\n    }\n    _association.info[name as 'name' | 'description' | 'displayName'] = value\n    this.notifyChange()\n    this.requestUpdate()\n  }\n\n  protected _checkedHandler(e: Event): void {\n    const { _association } = this\n    if (!_association) {\n      return\n    }\n    const input = e.target as CheckboxElement\n    const name = input.name as 'multiple' | 'required'\n    const { checked } = input\n    if (_association[name] === checked) {\n      return\n    }\n    _association[name] = checked\n    this.notifyChange()\n    this.requestUpdate()\n  }\n\n  protected override render(): TemplateResult {\n    const { _association: item } = this\n    if (!item) {\n      return html``\n    }\n    const { info, multiple = false, required = false } = item\n    return html`\n      <form name=\"data-association\" @submit=\"${EventUtils.cancelEvent}\" data-key=\"${item.key}\">\n        <ui-text-field\n          class=\"input\"\n          name=\"name\"\n          .value=\"${live(info.name || '')}\"\n          label=\"Association name\"\n          required\n          @change=\"${this._infoChangeHandler}\"\n        ></ui-text-field>\n        <ui-text-field\n          class=\"input\"\n          name=\"displayName\"\n          .value=\"${live(info.displayName || '')}\"\n          label=\"Display name (optional)\"\n          @change=\"${this._infoChangeHandler}\"\n        ></ui-text-field>\n        <ui-text-field\n          class=\"input\"\n          name=\"description\"\n          .value=\"${live(info.description || '')}\"\n          label=\"Association description (optional)\"\n          @change=\"${this._infoChangeHandler}\"\n        ></ui-text-field>\n\n        <div class=\"checkbox-group\">\n          <label class=\"label-large\">\n            <ui-checkbox\n              name=\"required\"\n              .checked=\"${required}\"\n              title=\"Whether the association is required in the schema\"\n              @change=\"${this._checkedHandler}\"\n            ></ui-checkbox>\n            Required\n          </label>\n          <label class=\"label-large\">\n            <ui-checkbox\n              name=\"multiple\"\n              .checked=\"${multiple}\"\n              title=\"When set it declares this association as an array. Multiple instances of the value are permitted.\"\n              @change=\"${this._checkedHandler}\"\n            ></ui-checkbox>\n            Multiple\n          </label>\n        </div>\n      </form>\n    `\n  }\n}\n"]}

package/build/src/elements/schema-design/CommonStyles.d.ts

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

package/build/src/elements/schema-design/CommonStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommonStyles.d.ts","sourceRoot":"","sources":["../../../../src/elements/schema-design/CommonStyles.ts"],"names":[],"mappings":";AAEA,wBA2DC"}

package/build/src/elements/schema-design/CommonStyles.js

@@ -1,62 +0,0 @@
-import { css } from 'lit';
-export default css `
-  .input {
-    padding: 12px 16px;
-    /* margin: 28px 20px;
-  width: auto; */
-    display: block;
-  }
-
-  .value-list {
-    margin: 0;
-    padding: 0px 16px 0px 32px;
-  }
-
-  .value-list > li {
-    display: flex;
-    align-items: center;
-  }
-
-  .value-list > li > .value {
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .dropdown {
-    position: relative;
-    z-index: 5;
-  }
-
-  .dropdown > ui-text-field {
-    width: 100%;
-    cursor: default;
-  }
-
-  .checkbox-group {
-    margin: 0 20px;
-  }
-
-  .checkbox-group > label {
-    display: block;
-  }
-
-  .editor-separator {
-    margin: 28px 20px;
-    background-color: var(--divider-color);
-    height: 1px;
-  }
-
-  .editor-title {
-    margin: 1.2rem 16px;
-    display: flex;
-    align-items: center;
-    height: 48px;
-  }
-
-  .title-icon {
-    margin-left: auto;
-  }
-`;
-//# sourceMappingURL=CommonStyles.js.map

package/build/src/elements/schema-design/CommonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommonStyles.js","sourceRoot":"","sources":["../../../../src/elements/schema-design/CommonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  .input {\n    padding: 12px 16px;\n    /* margin: 28px 20px;\n  width: auto; */\n    display: block;\n  }\n\n  .value-list {\n    margin: 0;\n    padding: 0px 16px 0px 32px;\n  }\n\n  .value-list > li {\n    display: flex;\n    align-items: center;\n  }\n\n  .value-list > li > .value {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .dropdown {\n    position: relative;\n    z-index: 5;\n  }\n\n  .dropdown > ui-text-field {\n    width: 100%;\n    cursor: default;\n  }\n\n  .checkbox-group {\n    margin: 0 20px;\n  }\n\n  .checkbox-group > label {\n    display: block;\n  }\n\n  .editor-separator {\n    margin: 28px 20px;\n    background-color: var(--divider-color);\n    height: 1px;\n  }\n\n  .editor-title {\n    margin: 1.2rem 16px;\n    display: flex;\n    align-items: center;\n    height: 48px;\n  }\n\n  .title-icon {\n    margin-left: auto;\n  }\n`\n"]}