@furo/open-models 1.15.3 → 1.16.0

package/dist/protoc-gen-open-models/openapiv3/Xml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Xml.js","sourceRoot":"","sources":["../../../protoc-gen-open-models/openapiv3/Xml.ts"],"names":[],"mappings":"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","sourcesContent":["// Code generated by furo protoc-gen-open-models. DO NOT EDIT.\n// protoc-gen-open-models version: ????\n\nimport {\n  ARRAY,\n  BOOLEAN,\n  FieldNode,\n  Registry,\n  STRING,\n} from '@furo/open-models/dist/index';\nimport {\n  NamedAny as OpenapiV3NamedAny,\n  type INamedAny as IOpenapiV3NamedAny,\n  type TNamedAny as TOpenapiV3NamedAny,\n} from './NamedAny';\n\n/**\n * @interface IXml\n *  A metadata object that allows for more fine-tuned XML model definitions.  When using arrays, XML element names are *not* inferred (for singular/plural forms) and the `name` property SHOULD be used to add that information. See examples for expected behavior.\n */\nexport interface IXml {\n  name?: string;\n  namespace?: string;\n  prefix?: string;\n  attribute?: boolean;\n  wrapped?: boolean;\n  specificationExtension?: IOpenapiV3NamedAny[];\n}\n\n/**\n * @interface TXml\n *  A metadata object that allows for more fine-tuned XML model definitions.  When using arrays, XML element names are *not* inferred (for singular/plural forms) and the `name` property SHOULD be used to add that information. See examples for expected behavior.\n */\nexport interface TXml {\n  name?: string;\n  namespace?: string;\n  prefix?: string;\n  attribute?: boolean;\n  wrapped?: boolean;\n  specification_extension?: TOpenapiV3NamedAny[];\n}\n\n/**\n * Xml\n *  A metadata object that allows for more fine-tuned XML model definitions.  When using arrays, XML element names are *not* inferred (for singular/plural forms) and the `name` property SHOULD be used to add that information. See examples for expected behavior.\n */\nexport class Xml extends FieldNode {\n  private _name: STRING;\n\n  private _namespace: STRING;\n\n  private _prefix: STRING;\n\n  private _attribute: BOOLEAN;\n\n  private _wrapped: BOOLEAN;\n\n  private _specificationExtension: ARRAY<OpenapiV3NamedAny, IOpenapiV3NamedAny>;\n\n  public __defaultValues: IXml;\n\n  constructor(\n    initData?: IXml,\n    parent?: FieldNode,\n    parentAttributeName?: string,\n  ) {\n    super(undefined, parent, parentAttributeName);\n    this.__meta.typeName = 'openapi.v3.Xml';\n    this.__meta.description =\n      'Xml A metadata object that allows for more fine-tuned XML model definitions.  When using arrays, XML element names are *not* inferred (for singular/plural forms) and the `name` property SHOULD be used to add that information. See examples for expected behavior.';\n\n    this.__meta.nodeFields = [\n      {\n        fieldName: 'name',\n        protoName: 'name',\n        FieldConstructor: STRING,\n        constraints: {},\n        description: '',\n      },\n      {\n        fieldName: 'namespace',\n        protoName: 'namespace',\n        FieldConstructor: STRING,\n        constraints: {},\n        description: '',\n      },\n      {\n        fieldName: 'prefix',\n        protoName: 'prefix',\n        FieldConstructor: STRING,\n        constraints: {},\n        description: '',\n      },\n      {\n        fieldName: 'attribute',\n        protoName: 'attribute',\n        FieldConstructor: BOOLEAN,\n        constraints: {},\n        description: '',\n      },\n      {\n        fieldName: 'wrapped',\n        protoName: 'wrapped',\n        FieldConstructor: BOOLEAN,\n        constraints: {},\n        description: '',\n      },\n      {\n        fieldName: 'specificationExtension',\n        protoName: 'specification_extension',\n        FieldConstructor: OpenapiV3NamedAny,\n        constraints: {},\n        description: '',\n      },\n    ];\n\n    // Initialize the fields\n    this._name = new STRING(undefined, this, 'name');\n\n    this._namespace = new STRING(undefined, this, 'namespace');\n\n    this._prefix = new STRING(undefined, this, 'prefix');\n\n    this._attribute = new BOOLEAN(undefined, this, 'attribute');\n\n    this._wrapped = new BOOLEAN(undefined, this, 'wrapped');\n\n    this._specificationExtension = new ARRAY<\n      OpenapiV3NamedAny,\n      IOpenapiV3NamedAny\n    >(undefined, this, 'specificationExtension');\n\n    // Set required fields\n    [].forEach(fieldName => {\n      (this[fieldName as keyof Xml] as FieldNode).__meta.required = true;\n    });\n\n    // Default values from openAPI annotations\n    this.__defaultValues = {};\n\n    // Initialize the fields with init data\n    if (initData !== undefined) {\n      this.__fromLiteral({ ...this.__defaultValues, ...initData });\n    } else {\n      this.__fromLiteral(this.__defaultValues);\n    }\n\n    // Set readonly fields after the init, so child nodes are readonly too\n    [].forEach(fieldName => {\n      (this[fieldName as keyof Xml] as FieldNode).__readonly = true;\n    });\n\n    this.__meta.isPristine = true;\n  }\n\n  public get name(): STRING {\n    return this._name;\n  }\n\n  public set name(v: string) {\n    this.__PrimitivesSetter(this._name, v);\n  }\n\n  public get namespace(): STRING {\n    return this._namespace;\n  }\n\n  public set namespace(v: string) {\n    this.__PrimitivesSetter(this._namespace, v);\n  }\n\n  public get prefix(): STRING {\n    return this._prefix;\n  }\n\n  public set prefix(v: string) {\n    this.__PrimitivesSetter(this._prefix, v);\n  }\n\n  public get attribute(): BOOLEAN {\n    return this._attribute;\n  }\n\n  public set attribute(v: boolean) {\n    this.__PrimitivesSetter(this._attribute, v);\n  }\n\n  public get wrapped(): BOOLEAN {\n    return this._wrapped;\n  }\n\n  public set wrapped(v: boolean) {\n    this.__PrimitivesSetter(this._wrapped, v);\n  }\n\n  public get specificationExtension(): ARRAY<\n    OpenapiV3NamedAny,\n    IOpenapiV3NamedAny\n  > {\n    return this._specificationExtension;\n  }\n\n  public set specificationExtension(v: IOpenapiV3NamedAny[]) {\n    this.__TypeSetter(this._specificationExtension, v);\n  }\n\n  fromLiteral(data: IXml) {\n    super.__fromLiteral(data);\n  }\n\n  toLiteral(): IXml {\n    return super.__toLiteral();\n  }\n}\n\nRegistry.register('openapi.v3.Xml', Xml);\n"]}

package/dist/web-components/furo-type-renderer.d.ts

@@ -0,0 +1,6 @@
+import { TypeRenderer } from './impl/TypeRenderer/TypeRenderer.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'furo-type-renderer': TypeRenderer;
+    }
+}

package/dist/web-components/furo-type-renderer.js

@@ -0,0 +1,3 @@
+import { TypeRenderer } from './impl/TypeRenderer/TypeRenderer.js';
+window.customElements.define('furo-type-renderer', TypeRenderer);
+//# sourceMappingURL=furo-type-renderer.js.map

package/dist/web-components/furo-type-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"furo-type-renderer.js","sourceRoot":"","sources":["../../src/web-components/furo-type-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC","sourcesContent":["import { TypeRenderer } from './impl/TypeRenderer/TypeRenderer';\n\nwindow.customElements.define('furo-type-renderer', TypeRenderer);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'furo-type-renderer': TypeRenderer;\n  }\n}\n"]}

package/dist/web-components/impl/TypeRenderer/TypeRenderer.d.ts

@@ -0,0 +1,158 @@
+import { LitElement } from 'lit';
+import { FieldNode } from '../../../FieldNode.js';
+interface Bindable<T = FieldNode> extends HTMLElement {
+    /**
+     * Binds field data to the renderer component.
+     * Components should use this method or the `model` PROPERTY to initialize their state and render.
+     *
+     * @param model - The FieldNode containing the data to display/edit
+     */
+    bindData(model: T): void;
+    model: T;
+}
+/**
+ * The furo-type-renderer is used to display type specific data. It uses **display** as default context and will warn you
+ * on the console if the requested `context-[type-name]` does not exist or was not imported.
+ *
+ * There is a standard set of display components @furo/ui5/src/standard-type-renderers for rendering the individual types.
+ *
+ * The standard ui5 set can be integrated with the import
+ * - import '@furo/ui5/src/standard-type-renderers/display-registry.js'.
+ *
+ * If you want to implement an individual display of a type, you need your own `context-[type-name]` component and import it.
+ *
+ * for repeated fields you should write your own context-[type-name]-repeated component and import it.
+ * If no context-[type-name]-repeated exists, the renderer will use the display-[type] component as fallback and
+ * display it repeatedly, this is ok for a lot of cases.
+ *
+ * ## Naming convention
+ *
+ * ```
+ * display-google-type-timeofday
+ * ------- ---------------------
+ *    |             |
+ * context      type-name
+ *
+ * # examples:
+ * cell-string
+ * celledit-string
+ * display-string
+ * yourcontext-string
+ *
+ * The method to evaluate the renderer is built as following:
+ *
+ * context-[(package.type).replaceAll('.', '-').toLocaleLowerCase()]
+ * ```
+ *
+ *
+ *
+ * ## Basic Usage
+ * ```html
+ *   <furo-type-renderer fn-bind-data="--dao(*.data.fieldname)"></furo-type-renderer>
+ * ```
+ *
+ * ## Writing your own renderer
+ * The only API you need to implement in your component is the `bindData()` method.
+ * You just have to follow the naming convention for your renderer.
+ *
+ * @summary dynamic type rendering
+ * @customElement furo-type-renderer
+ */
+/**
+ * Represents any HTMLElement-based component that can bind to field data.
+ * This includes Lit elements and other custom web components that implement
+ * a bindData() method to initialize with field node information.
+ *
+ * @template T - The FieldNode type this renderer expects (usually inferred)
+ */
+export declare class TypeRenderer extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Set the context if you need another then display.
+     *
+     * Determines how the component should render or behave.
+     *
+     * The variable accepts one of several predefined context types
+     * (`"display"`, `"form"`, `"edit"`, `"cell-display"`, `"cell-edit"`),
+     * or any other string for having custom context.
+     *
+     * @type {('display' | 'form' | 'edit' | 'cell-display' | 'cell-edit' | string)}
+     * @default "display"
+     */
+    context: 'display' | 'form' | 'edit' | 'cell-display' | 'cell-edit' | string;
+    disabled: boolean;
+    _field: FieldNode | null;
+    private renderName;
+    /**
+     * Reference to the element that was inserted into the DOM.
+     *
+     * This variable holds a reference to an {@link HTMLElement} that has been
+     * added to the document, or `undefined` if no element has yet been inserted.
+     *
+     * @type {HTMLElement | undefined}
+     */
+    insertedElementRef: HTMLElement | undefined;
+    /**
+     *@private
+     */
+    static get properties(): {
+        /**
+         * A Boolean attribute which, if present, means this field is displayed in disabled state.
+         * @type Boolean
+         */
+        disabled: {
+            type: BooleanConstructor;
+        };
+        /**
+         * Set the context if you need another then display.
+         * Prebuilt context renderers exist for display, cell, celledit.
+         * @type String
+         */
+        context: {
+            type: StringConstructor;
+        };
+    };
+    private isAnyType;
+    /**
+     * Bind a fieldnode of any type
+     * @param fieldNode {FieldNode} Fieldnode of any type
+     */
+    bindData(fieldNode: FieldNode): void;
+    private _setRenderNameFromTypeName;
+    /**
+     * Creates the component for single fields
+     * @private
+     */
+    _createDisplay(): void;
+    /**
+     * Creates the component for repeated fields
+     * Component naming: [package-type]-repeated
+     *
+     * Fallback: if no -repeated component is available, a div is used...
+     * @private
+     */
+    _createRepeatedDisplay(): void;
+    /**
+     * Attribute handling
+     * Adding to DOM
+     * @param el
+     * @private
+     */
+    _addElement(el: Bindable): void;
+    /**
+     * forward the focus to the created element
+     */
+    focus(): void;
+    /**
+     * Remove the inserted element, if the type renderer itself is removed
+     * @private
+     */
+    disconnectedCallback(): void;
+    /**
+     * Append when reconnect
+     */
+    connectedCallback(): void;
+    private _warningUnbindableRenderer;
+    private _warningNoSpecificRendererAvailable;
+}
+export {};

package/dist/web-components/impl/TypeRenderer/TypeRenderer.js

@@ -0,0 +1,309 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ANY } from '../../../well_known/ANY.js';
+/**
+ * Type guard to determine if an HTMLElement has a bindData method.
+ * @param elem - The element to test
+ * @returns True if the element is bindable
+ */
+function isBindable(elem) {
+    return (elem instanceof HTMLElement &&
+        typeof elem.bindData === 'function');
+}
+/**
+ * The furo-type-renderer is used to display type specific data. It uses **display** as default context and will warn you
+ * on the console if the requested `context-[type-name]` does not exist or was not imported.
+ *
+ * There is a standard set of display components @furo/ui5/src/standard-type-renderers for rendering the individual types.
+ *
+ * The standard ui5 set can be integrated with the import
+ * - import '@furo/ui5/src/standard-type-renderers/display-registry.js'.
+ *
+ * If you want to implement an individual display of a type, you need your own `context-[type-name]` component and import it.
+ *
+ * for repeated fields you should write your own context-[type-name]-repeated component and import it.
+ * If no context-[type-name]-repeated exists, the renderer will use the display-[type] component as fallback and
+ * display it repeatedly, this is ok for a lot of cases.
+ *
+ * ## Naming convention
+ *
+ * ```
+ * display-google-type-timeofday
+ * ------- ---------------------
+ *    |             |
+ * context      type-name
+ *
+ * # examples:
+ * cell-string
+ * celledit-string
+ * display-string
+ * yourcontext-string
+ *
+ * The method to evaluate the renderer is built as following:
+ *
+ * context-[(package.type).replaceAll('.', '-').toLocaleLowerCase()]
+ * ```
+ *
+ *
+ *
+ * ## Basic Usage
+ * ```html
+ *   <furo-type-renderer fn-bind-data="--dao(*.data.fieldname)"></furo-type-renderer>
+ * ```
+ *
+ * ## Writing your own renderer
+ * The only API you need to implement in your component is the `bindData()` method.
+ * You just have to follow the naming convention for your renderer.
+ *
+ * @summary dynamic type rendering
+ * @customElement furo-type-renderer
+ */
+/**
+ * Represents any HTMLElement-based component that can bind to field data.
+ * This includes Lit elements and other custom web components that implement
+ * a bindData() method to initialize with field node information.
+ *
+ * @template T - The FieldNode type this renderer expects (usually inferred)
+ */
+export class TypeRenderer extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Set the context if you need another then display.
+         *
+         * Determines how the component should render or behave.
+         *
+         * The variable accepts one of several predefined context types
+         * (`"display"`, `"form"`, `"edit"`, `"cell-display"`, `"cell-edit"`),
+         * or any other string for having custom context.
+         *
+         * @type {('display' | 'form' | 'edit' | 'cell-display' | 'cell-edit' | string)}
+         * @default "display"
+         */
+        this.context = 'display';
+        this.disabled = false;
+        this._field = null;
+        this.renderName = '';
+        this.isAnyType = false;
+    }
+    static { this.styles = css `
+    :host {
+      display: none;
+    }
+  `; }
+    /**
+     *@private
+     */
+    static get properties() {
+        return {
+            /**
+             * A Boolean attribute which, if present, means this field is displayed in disabled state.
+             * @type Boolean
+             */
+            disabled: { type: Boolean },
+            /**
+             * Set the context if you need another then display.
+             * Prebuilt context renderers exist for display, cell, celledit.
+             * @type String
+             */
+            context: { type: String },
+        };
+    }
+    /**
+     * Bind a fieldnode of any type
+     * @param fieldNode {FieldNode} Fieldnode of any type
+     */
+    bindData(fieldNode) {
+        /**
+         * Evaluates the component name
+         * Special treatment for google.protobuf.Any
+         */
+        this._field = fieldNode;
+        if (this._field) {
+            if (this._field instanceof ANY) {
+                this.isAnyType = true;
+            }
+            let typename = this._field.__meta.typeName;
+            if (this.isAnyType) {
+                // any types are fully available when it has data with the type information
+                typename = this._field.typeName.replace(/.*\//, '');
+                if (!this._field.value) {
+                    this._field.__addEventListener('field-value-updated', () => {
+                        typename = this._field.typeName.replace(/.*\//, '');
+                        this._setRenderNameFromTypeName(typename);
+                        this._createDisplay();
+                    });
+                }
+            }
+            this._setRenderNameFromTypeName(typename);
+            if (this._field.__meta.typeName !== 'primitives.ARRAY<>') {
+                this._createDisplay();
+            }
+            else {
+                this._createRepeatedDisplay();
+            }
+        }
+    }
+    _setRenderNameFromTypeName(typename) {
+        // Todo: add handling for MAP types
+        this.renderName = `${this.context}-${typename
+            .replaceAll('primitives.', '')
+            .replaceAll('.', '-')
+            .replaceAll('_', '-')
+            .replaceAll(/([a-z0-9])([A-Z])/g, (_, p1, p2) => `${p1}-${p2.toLowerCase()}`)
+            .toLocaleLowerCase()}`;
+    }
+    /**
+     * Creates the component for single fields
+     * @private
+     */
+    _createDisplay() {
+        // if the component is not defined after 1500ms, we consider it as not existing
+        Promise.race([
+            window.customElements.whenDefined(this.renderName),
+            new Promise((_, reject) => {
+                setTimeout(() => reject(new Error('Timeout')), 1500);
+            }),
+        ])
+            .then(() => {
+            const renderComponent = document.createElement(this.renderName);
+            if (isBindable(renderComponent)) {
+                this._addElement(renderComponent);
+            }
+            else {
+                this._warningUnbindableRenderer(renderComponent);
+            }
+        })
+            .catch(() => {
+            this._warningNoSpecificRendererAvailable();
+        });
+    }
+    /**
+     * Creates the component for repeated fields
+     * Component naming: [package-type]-repeated
+     *
+     * Fallback: if no -repeated component is available, a div is used...
+     * @private
+     */
+    _createRepeatedDisplay() {
+        const fieldDescriptor = this._field.__parentNode.__meta.nodeFields.find(f => f.fieldName === this._field.__meta.fieldName);
+        const Constructor = fieldDescriptor?.FieldConstructor;
+        const fn = new Constructor();
+        this._setRenderNameFromTypeName(fn.__meta.typeName);
+        const repeatRenderer = document.createElement(`${this.renderName}-repeated`);
+        if (isBindable(repeatRenderer)) {
+            this._addElement(repeatRenderer);
+        }
+        else {
+            Promise.race([
+                window.customElements.whenDefined(this.renderName),
+                new Promise((_, reject) => {
+                    setTimeout(() => reject(new Error('Timeout')), 1500);
+                }),
+            ])
+                .then(() => {
+                const renderComponent = document.createElement(this.renderName);
+                if (isBindable(renderComponent)) {
+                    // fallback , display the display-[type] component repeatedly
+                    const container = document.createElement('div');
+                    // add classes for styling
+                    container.classList.add('repeated', 'ftr');
+                    this._field.forEach((field) => {
+                        const el = document.createElement(this.renderName);
+                        if (this.isAnyType) {
+                            el.bindData(field.value);
+                        }
+                        el.bindData(field);
+                        this.insertedElementRef = this.parentNode.insertBefore(el, this);
+                    });
+                }
+                else {
+                    this._warningUnbindableRenderer(renderComponent);
+                }
+            })
+                .catch(() => {
+                this._warningNoSpecificRendererAvailable();
+            });
+        }
+    }
+    /**
+     * Attribute handling
+     * Adding to DOM
+     * @param el
+     * @private
+     */
+    _addElement(el) {
+        const l = this.attributes.length;
+        for (let i = 0; i < l; i += 1) {
+            const nodeName = this.attributes.item(i).nodeName;
+            const nodeValue = this.attributes.item(i)?.nodeValue;
+            if (!(nodeName.startsWith('fn-') ||
+                nodeName.startsWith('at-') ||
+                nodeName === 'context')) {
+                el.setAttribute(nodeName, nodeValue || '');
+            }
+        }
+        this.insertedElementRef = this.parentNode.insertBefore(el, this);
+        if (this.isAnyType) {
+            // any types have the data in the field `value`
+            el.bindData(this._field.value);
+        }
+        else {
+            el.bindData(this._field);
+        }
+    }
+    /**
+     * forward the focus to the created element
+     */
+    focus() {
+        setTimeout(() => {
+            if (this.insertedElementRef) {
+                this.insertedElementRef.focus();
+            }
+        }, 16);
+    }
+    /**
+     * Remove the inserted element, if the type renderer itself is removed
+     * @private
+     */
+    disconnectedCallback() {
+        if (this.insertedElementRef) {
+            this.insertedElementRef.remove();
+        }
+        // eslint-disable-next-line wc/guard-super-call
+        super.disconnectedCallback();
+    }
+    /**
+     * Append when reconnect
+     */
+    connectedCallback() {
+        // reconnect
+        if (this.insertedElementRef) {
+            this.parentNode.insertBefore(this.insertedElementRef, this);
+        }
+        // eslint-disable-next-line wc/guard-super-call
+        super.connectedCallback();
+    }
+    _warningUnbindableRenderer(renderComponent) {
+        console.error(renderComponent, `is not bindable. Fieldname:${this._field.__fieldPath}`);
+    }
+    _warningNoSpecificRendererAvailable() {
+        console.warn(`No type specific renderer ${this.renderName} loaded \n. Check your imports.\n`, this._field?.__meta.typeName, this._field.__fieldPath);
+    }
+}
+__decorate([
+    property()
+], TypeRenderer.prototype, "context", void 0);
+__decorate([
+    property({ type: Boolean })
+], TypeRenderer.prototype, "disabled", void 0);
+__decorate([
+    state()
+], TypeRenderer.prototype, "_field", void 0);
+//# sourceMappingURL=TypeRenderer.js.map

package/dist/web-components/impl/TypeRenderer/TypeRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeRenderer.js","sourceRoot":"","sources":["../../../../src/web-components/impl/TypeRenderer/TypeRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ARRAY } from '@/proxies/ARRAY';\nimport { FieldNode } from '@/FieldNode';\nimport { ANY } from '@/well_known/ANY';\n\ninterface Bindable<T = FieldNode> extends HTMLElement {\n  /**\n   * Binds field data to the renderer component.\n   * Components should use this method or the `model` PROPERTY to initialize their state and render.\n   *\n   * @param model - The FieldNode containing the data to display/edit\n   */\n  bindData(model: T): void;\n\n  model: T;\n}\n\n/**\n * Type guard to determine if an HTMLElement has a bindData method.\n * @param elem - The element to test\n * @returns True if the element is bindable\n */\nfunction isBindable(elem: unknown): elem is Bindable {\n  return (\n    elem instanceof HTMLElement &&\n    typeof (elem as Bindable).bindData === 'function'\n  );\n}\n\n/**\n * The furo-type-renderer is used to display type specific data. It uses **display** as default context and will warn you\n * on the console if the requested `context-[type-name]` does not exist or was not imported.\n *\n * There is a standard set of display components @furo/ui5/src/standard-type-renderers for rendering the individual types.\n *\n * The standard ui5 set can be integrated with the import\n * - import '@furo/ui5/src/standard-type-renderers/display-registry.js'.\n *\n * If you want to implement an individual display of a type, you need your own `context-[type-name]` component and import it.\n *\n * for repeated fields you should write your own context-[type-name]-repeated component and import it.\n * If no context-[type-name]-repeated exists, the renderer will use the display-[type] component as fallback and\n * display it repeatedly, this is ok for a lot of cases.\n *\n * ## Naming convention\n *\n * ```\n * display-google-type-timeofday\n * ------- ---------------------\n *    |             |\n * context      type-name\n *\n * # examples:\n * cell-string\n * celledit-string\n * display-string\n * yourcontext-string\n *\n * The method to evaluate the renderer is built as following:\n *\n * context-[(package.type).replaceAll('.', '-').toLocaleLowerCase()]\n * ```\n *\n *\n *\n * ## Basic Usage\n * ```html\n *   <furo-type-renderer fn-bind-data=\"--dao(*.data.fieldname)\"></furo-type-renderer>\n * ```\n *\n * ## Writing your own renderer\n * The only API you need to implement in your component is the `bindData()` method.\n * You just have to follow the naming convention for your renderer.\n *\n * @summary dynamic type rendering\n * @customElement furo-type-renderer\n */\n\n/**\n * Represents any HTMLElement-based component that can bind to field data.\n * This includes Lit elements and other custom web components that implement\n * a bindData() method to initialize with field node information.\n *\n * @template T - The FieldNode type this renderer expects (usually inferred)\n */\nexport class TypeRenderer extends LitElement {\n  static styles = css`\n    :host {\n      display: none;\n    }\n  `;\n\n  /**\n   * Set the context if you need another then display.\n   *\n   * Determines how the component should render or behave.\n   *\n   * The variable accepts one of several predefined context types\n   * (`\"display\"`, `\"form\"`, `\"edit\"`, `\"cell-display\"`, `\"cell-edit\"`),\n   * or any other string for having custom context.\n   *\n   * @type {('display' | 'form' | 'edit' | 'cell-display' | 'cell-edit' | string)}\n   * @default \"display\"\n   */\n  @property()\n  context: 'display' | 'form' | 'edit' | 'cell-display' | 'cell-edit' | string =\n    'display';\n\n  @property({ type: Boolean })\n  disabled = false;\n\n  @state()\n  _field: FieldNode | null = null;\n\n  private renderName: string = '';\n\n  /**\n   * Reference to the element that was inserted into the DOM.\n   *\n   * This variable holds a reference to an {@link HTMLElement} that has been\n   * added to the document, or `undefined` if no element has yet been inserted.\n   *\n   * @type {HTMLElement | undefined}\n   */\n  public insertedElementRef: HTMLElement | undefined;\n\n  /**\n   *@private\n   */\n  static get properties() {\n    return {\n      /**\n       * A Boolean attribute which, if present, means this field is displayed in disabled state.\n       * @type Boolean\n       */\n      disabled: { type: Boolean },\n      /**\n       * Set the context if you need another then display.\n       * Prebuilt context renderers exist for display, cell, celledit.\n       * @type String\n       */\n      context: { type: String },\n    };\n  }\n\n  private isAnyType = false;\n\n  /**\n   * Bind a fieldnode of any type\n   * @param fieldNode {FieldNode} Fieldnode of any type\n   */\n  bindData(fieldNode: FieldNode) {\n    /**\n     * Evaluates the component name\n     * Special treatment for google.protobuf.Any\n     */\n\n    this._field = fieldNode;\n\n    if (this._field) {\n      if (this._field instanceof ANY) {\n        this.isAnyType = true;\n      }\n\n      let typename = this._field.__meta.typeName;\n      if (this.isAnyType) {\n        // any types are fully available when it has data with the type information\n        typename = (this._field as ANY).typeName.replace(/.*\\//, '');\n        if (!(this._field as ANY).value) {\n          this._field.__addEventListener('field-value-updated', () => {\n            typename = (this._field as ANY).typeName.replace(/.*\\//, '');\n            this._setRenderNameFromTypeName(typename);\n            this._createDisplay();\n          });\n        }\n      }\n      this._setRenderNameFromTypeName(typename);\n\n      if (this._field.__meta.typeName !== 'primitives.ARRAY<>') {\n        this._createDisplay();\n      } else {\n        this._createRepeatedDisplay();\n      }\n    }\n  }\n\n  private _setRenderNameFromTypeName(typename: string) {\n    // Todo: add handling for MAP types\n    this.renderName = `${this.context}-${typename\n      .replaceAll('primitives.', '')\n      .replaceAll('.', '-')\n      .replaceAll('_', '-')\n      .replaceAll(\n        /([a-z0-9])([A-Z])/g,\n        (_, p1, p2) => `${p1}-${p2.toLowerCase()}`,\n      )\n      .toLocaleLowerCase()}`;\n  }\n\n  /**\n   * Creates the component for single fields\n   * @private\n   */\n  _createDisplay() {\n    // if the component is not defined after 1500ms, we consider it as not existing\n    Promise.race([\n      window.customElements.whenDefined(this.renderName),\n      new Promise((_, reject) => {\n        setTimeout(() => reject(new Error('Timeout')), 1500);\n      }),\n    ])\n      .then(() => {\n        const renderComponent = document.createElement(this.renderName);\n        if (isBindable(renderComponent)) {\n          this._addElement(renderComponent);\n        } else {\n          this._warningUnbindableRenderer(renderComponent);\n        }\n      })\n      .catch(() => {\n        this._warningNoSpecificRendererAvailable();\n      });\n  }\n\n  /**\n   * Creates the component for repeated fields\n   * Component naming: [package-type]-repeated\n   *\n   * Fallback: if no -repeated component is available, a div is used...\n   * @private\n   */\n  _createRepeatedDisplay() {\n    const fieldDescriptor = this._field!.__parentNode!.__meta.nodeFields.find(\n      f => f.fieldName === this._field!.__meta.fieldName,\n    );\n    const Constructor: new () => unknown = fieldDescriptor?.FieldConstructor;\n    const fn = new Constructor() as FieldNode;\n    this._setRenderNameFromTypeName(fn.__meta.typeName);\n\n    const repeatRenderer = document.createElement(\n      `${this.renderName}-repeated`,\n    );\n    if (isBindable(repeatRenderer)) {\n      this._addElement(repeatRenderer);\n    } else {\n      Promise.race([\n        window.customElements.whenDefined(this.renderName),\n        new Promise((_, reject) => {\n          setTimeout(() => reject(new Error('Timeout')), 1500);\n        }),\n      ])\n        .then(() => {\n          const renderComponent = document.createElement(this.renderName);\n          if (isBindable(renderComponent)) {\n            // fallback , display the display-[type] component repeatedly\n            const container = document.createElement('div');\n            // add classes for styling\n            container.classList.add('repeated', 'ftr');\n\n            (this._field as ARRAY<FieldNode, unknown>).forEach(\n              (field: FieldNode) => {\n                const el = document.createElement(this.renderName) as Bindable;\n                if (this.isAnyType) {\n                  el.bindData((field as ANY).value as FieldNode);\n                }\n                el.bindData(field);\n                this.insertedElementRef = this.parentNode!.insertBefore(\n                  el,\n                  this,\n                );\n              },\n            );\n          } else {\n            this._warningUnbindableRenderer(renderComponent);\n          }\n        })\n        .catch(() => {\n          this._warningNoSpecificRendererAvailable();\n        });\n    }\n  }\n\n  /**\n   * Attribute handling\n   * Adding to DOM\n   * @param el\n   * @private\n   */\n  _addElement(el: Bindable) {\n    const l = this.attributes.length;\n\n    for (let i = 0; i < l; i += 1) {\n      const nodeName = this.attributes.item(i)!.nodeName!;\n      const nodeValue = this.attributes.item(i)?.nodeValue;\n      if (\n        !(\n          nodeName.startsWith('fn-') ||\n          nodeName.startsWith('at-') ||\n          nodeName === 'context'\n        )\n      ) {\n        el.setAttribute(nodeName, nodeValue || '');\n      }\n    }\n    this.insertedElementRef = this.parentNode!.insertBefore(el, this);\n\n    if (this.isAnyType) {\n      // any types have the data in the field `value`\n      el.bindData((this._field as ANY).value as FieldNode);\n    } else {\n      el.bindData(this._field as FieldNode);\n    }\n  }\n\n  /**\n   * forward the focus to the created element\n   */\n  focus() {\n    setTimeout(() => {\n      if (this.insertedElementRef) {\n        this.insertedElementRef.focus();\n      }\n    }, 16);\n  }\n\n  /**\n   * Remove the inserted element, if the type renderer itself is removed\n   * @private\n   */\n  disconnectedCallback() {\n    if (this.insertedElementRef) {\n      this.insertedElementRef.remove();\n    }\n    // eslint-disable-next-line wc/guard-super-call\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Append when reconnect\n   */\n  connectedCallback() {\n    // reconnect\n    if (this.insertedElementRef) {\n      this.parentNode!.insertBefore(this.insertedElementRef, this);\n    }\n\n    // eslint-disable-next-line wc/guard-super-call\n    super.connectedCallback();\n  }\n\n  private _warningUnbindableRenderer(renderComponent: HTMLElement) {\n    console.error(\n      renderComponent,\n      `is not bindable. Fieldname:${this._field!.__fieldPath}`,\n    );\n  }\n\n  private _warningNoSpecificRendererAvailable() {\n    console.warn(\n      `No type specific renderer ${this.renderName} loaded \\n. Check your imports.\\n`,\n      this._field?.__meta.typeName,\n      this._field!.__fieldPath,\n    );\n  }\n}\n"]}

package/dist/web-components/impl/TypeRenderer/index.d.ts

@@ -0,0 +1,6 @@
+import { TypeRenderer } from './TypeRenderer.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'furo-type-renderer': TypeRenderer;
+    }
+}

package/dist/web-components/impl/TypeRenderer/index.js

@@ -0,0 +1,3 @@
+import { TypeRenderer } from './TypeRenderer.js';
+window.customElements.define('furo-type-renderer', TypeRenderer);
+//# sourceMappingURL=index.js.map

package/dist/web-components/impl/TypeRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web-components/impl/TypeRenderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC","sourcesContent":["import { TypeRenderer } from './TypeRenderer';\n\nwindow.customElements.define('furo-type-renderer', TypeRenderer);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'furo-type-renderer': TypeRenderer;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@furo/open-models",
-  "description": "open-models  ",
+  "description": "open-models",
   "license": "MIT",
   "homepage": "https://github.com/eclipse/eclipsefuro-web/tree/main/packages",
   "repository": {
@@ -8,10 +8,22 @@
     "url": "git+ssh://git@github.com/eclipse/eclipsefuro-web.git"
   },
   "author": "eclipse furo",
-  "version": "1.15.3",
+  "version": "1.16.0",
   "type": "module",
   "main": "dist/index.js",
-  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./dist/*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    },
+    "./package.json": "./package.json",
+    "./custom-elements.json": "./custom-elements.json"
+  },
   "scripts": {
     "start": "npm run build && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"tsc  -p ./tsconfig.test.components.json --watch --preserveWatchOutput\" \"web-dev-server\"",
     "analyze": "cem analyze --litelement --globs ./dist/* --outdir ./",
@@ -32,18 +44,10 @@
     "bootstrap": "npm install && npm link && npm link @furo/open-models"
   },
   "files": [
-    "./dist/*.js",
-    "./dist/*.map",
-    "./dist/*.ts",
-    "./dist/primitives",
-    "./dist/proxies",
-    "./dist/decorators",
-    "./dist/well_known",
-    "tsconfig.json",
-    "icon.svg",
-    "README.md",
+    "dist",
     "custom-elements.json",
-    "web-types.json"
+    "web-types.json",
+    "icon.svg"
   ],
   "dependencies": {
     "@types/json-schema": "^7.0.15",
@@ -59,7 +63,6 @@
     "@open-wc/testing": "^4.0.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-replace": "^5.0.7",
-    "@types/json-schema": "^7.0.15",
     "@types/mocha": "^10.0.7",
     "@typescript-eslint/eslint-plugin": "^7.16.1",
     "@typescript-eslint/parser": "^7.16.0",

package/tsconfig.json

@@ -1,44 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "strict": true,
-    "experimentalDecorators": true,
-    "outDir": "dist",
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "inlineSources": true,
-    "resolveJsonModule": true,
-    // Generate d.ts files
-    "declaration": true,
-    // "rootDir": "src/",
-    "module": "es2022",
-    "lib": [
-      "es2022",
-      "dom",
-      "dom.iterable"
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-    "useDefineForClassFields": false,
-    "plugins": [
-      {
-        "name": "typescript-lit-html-plugin"
-      }
-    ]
-  },
-  "tsc-alias": {
-    "resolveFullPaths": true,
-    "verbose": false
-  },
-  "exclude": [
-    "dist",
-    "test",
-  ],
-  "include": [
-    "src/**/*",
-    "global.d.ts"
-  ]
-}