@furo/open-models 1.1.1 → 1.1.2

package/dist/test_components/form-furo-type-defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-furo-type-defaults.js","sourceRoot":"","sources":["../../test/components/form-furo-type-defaults.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,6CAA6C;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,kEAAkE,CAAC;AAE5F;;;;;;;;;GASG;AACH,MAAM,OAAO,oBAAqB,SAAQ,UAAU;IAApD;;QASE;;;WAGG;QAEI,SAAI,GAAa,IAAI,QAAQ,EAAE,CAAC;IA4BzC,CAAC;IAzCC,IAAI,SAAS,CAAC,EAAY;QACxB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,EAAE,GAAG,EAAE;YACvD,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IASD;;;OAGG;aACI,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;GAYlB,AAZY,CAYX;IAEF;;;OAGG;IACH,MAAM;QACJ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE;cAChB,CAAC;IACb,CAAC;;AA3BM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;kDACU;AA8BzC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAC","sourcesContent":["import { html, css, LitElement } from 'lit';\n// eslint-disable-next-line import/extensions\nimport { property } from 'lit/decorators.js';\nimport { Defaults } from '@furo/open-models/dist/protoc-gen-open-models/furo/type/Defaults';\n\n/**\n * ### Description\n *\n *\n * @slot {HTMLElement[]} slot-name - slot description\n * @event {MouseEvent} event-name - event description\n *\n * @author veith\n * @public\n */\nexport class formFuroTypeDefaults extends LitElement {\n  set fieldNode(fn: Defaults) {\n    this.data = fn;\n    this.data.__addEventListener('field-value-changed', () => {\n      this.requestUpdate();\n    });\n    this.requestUpdate();\n  }\n\n  /**\n   * Property description\n   * @public\n   */\n  @property({ type: Defaults })\n  public data: Defaults = new Defaults();\n\n  /**\n   * Styles\n   * @private\n   */\n  static styles = css`\n    :host {\n      display: block;\n    }\n\n    :host([hidden]) {\n      display: none;\n    }\n    /* do not show components which are not defined */\n    *:not(:defined) {\n      display: none;\n    }\n  `;\n\n  /**\n   * Template\n   * @private\n   */\n  render() {\n    return html`${this.data.id}\n      <hr /> `;\n  }\n}\n\nwindow.customElements.define('form-furo-type-defaults', formFuroTypeDefaults);\n"]}

package/dist/test_components/form-number.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+import { Decimal } from '@furo/open-models/dist/protoc-gen-open-models/furo/type/Decimal';
+import { INT32 } from '@furo/open-models/dist';
+declare const formNumber_base: (new (...args: any[]) => import("@furo/fbp/dist/LitFBPAC").LitFBPAC) & typeof LitElement;
+/**
+ * ### Description
+ *
+ *
+ * @author veith
+ * @tagname form-number
+ * @public
+ */
+export declare class formNumber extends formNumber_base {
+    /**
+     * Property description
+     * @public
+     */
+    value: string;
+    private _fieldNode;
+    private stateMessage;
+    get fieldNode(): Decimal | INT32 | undefined;
+    set fieldNode(value: Decimal | INT32);
+    private bindData;
+    private assignValue;
+    applyChanges(e: InputEvent): void;
+    /**
+     * FBP lifecycle
+     * @private
+     */
+    protected _FBPReady(): void;
+    /**
+     * Styles
+     * @private
+     */
+    static styles: import("lit").CSSResult;
+    /**
+     * Template
+     * @private
+     */
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/dist/test_components/form-number.js

@@ -0,0 +1,125 @@
+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 { html, css, LitElement } from 'lit';
+// eslint-disable-next-line import/extensions
+import { property } from 'lit/decorators.js';
+import { LitFBP } from '@furo/fbp/dist/LitFBP';
+/**
+ * ### Description
+ *
+ *
+ * @author veith
+ * @tagname form-number
+ * @public
+ */
+export class formNumber extends LitFBP(LitElement) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Property description
+         * @public
+         */
+        this.value = '';
+        this.stateMessage = '';
+    }
+    get fieldNode() {
+        return this._fieldNode;
+    }
+    set fieldNode(value) {
+        this.bindData(value);
+    }
+    bindData(value) {
+        this._fieldNode = value;
+        this._fieldNode.__addEventListener('field-value-changed', () => {
+            this.assignValue();
+            this.requestUpdate();
+        });
+        this._fieldNode.__addEventListener('state-changed', e => {
+            this.setAttribute('value-state', e.detail.__meta.valueState);
+            this.stateMessage = e.detail.__meta.stateMessage;
+        });
+        this.assignValue();
+        this.requestUpdate();
+    }
+    assignValue() {
+        switch (this._fieldNode.__meta.typeName) {
+            case 'furo.type.Decimal':
+                this.value = this._fieldNode.value.value;
+                break;
+            case 'primitives.INT32':
+                this.value = this._fieldNode.value.toString();
+                break;
+            default:
+                console.warn('Unsupported field node type', this._fieldNode.__meta.typeName);
+        }
+    }
+    applyChanges(e) {
+        if (this._fieldNode === undefined) {
+            console.warn('No bindings');
+        }
+        const v = parseInt(e.target.value, 10);
+        switch (this._fieldNode.__meta.typeName) {
+            case 'furo.type.Decimal':
+                this._fieldNode.value = e.target.value;
+                break;
+            case 'primitives.INT32':
+                if (Number.isNaN(v)) {
+                    this._fieldNode.value = 0;
+                }
+                else {
+                    this._fieldNode.value = v;
+                }
+                break;
+            default:
+                console.warn('Unsupported field node type', this._fieldNode.__meta.typeName);
+        }
+    }
+    /**
+     * FBP lifecycle
+     * @private
+     */
+    _FBPReady() {
+        super._FBPReady();
+    }
+    /**
+     * Styles
+     * @private
+     */
+    static { this.styles = css `
+    :host {
+      display: inline-block;
+    }
+
+    :host([hidden]) {
+      display: none;
+    }
+
+    :host([value-state='Error']) {
+      border-bottom: 2px solid red;
+    }
+  `; }
+    /**
+     * Template
+     * @private
+     */
+    render() {
+        return html ` <input
+        type="number"
+        .value="${this.value}"
+        @input="${this.applyChanges}"
+      />
+      ${this.stateMessage}`;
+    }
+}
+__decorate([
+    property({ type: String })
+], formNumber.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], formNumber.prototype, "stateMessage", void 0);
+window.customElements.define('form-number', formNumber);
+//# sourceMappingURL=form-number.js.map

package/dist/test_components/form-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-number.js","sourceRoot":"","sources":["../../test/components/form-number.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, LitElement } from 'lit';\n// eslint-disable-next-line import/extensions\nimport { property } from 'lit/decorators.js';\n\nimport { LitFBP } from '@furo/fbp/dist/LitFBP';\n// import { INT32 } from '@furo/open-models/dist/';\nimport { Decimal } from '@furo/open-models/dist/protoc-gen-open-models/furo/type/Decimal';\nimport { INT32 } from '@furo/open-models/dist';\n\n/**\n * ### Description\n *\n *\n * @author veith\n * @tagname form-number\n * @public\n */\nexport class formNumber extends LitFBP(LitElement) {\n  /**\n   * Property description\n   * @public\n   */\n  @property({ type: String })\n  public value: string = '';\n\n  private _fieldNode: Decimal | INT32 | undefined;\n\n  @property({ type: String })\n  private stateMessage: string = '';\n\n  get fieldNode(): Decimal | INT32 | undefined {\n    return this._fieldNode;\n  }\n\n  set fieldNode(value: Decimal | INT32) {\n    this.bindData(value);\n  }\n\n  private bindData(value: Decimal | INT32) {\n    this._fieldNode = value;\n\n    this._fieldNode.__addEventListener('field-value-changed', () => {\n      this.assignValue();\n      this.requestUpdate();\n    });\n\n    this._fieldNode.__addEventListener('state-changed', e => {\n      this.setAttribute('value-state', e.detail.__meta.valueState);\n      this.stateMessage = e.detail.__meta.stateMessage;\n    });\n\n    this.assignValue();\n\n    this.requestUpdate();\n  }\n\n  private assignValue() {\n    switch (this._fieldNode!.__meta.typeName) {\n      case 'furo.type.Decimal':\n        this.value = (this._fieldNode as Decimal).value.value;\n        break;\n      case 'primitives.INT32':\n        this.value = (this._fieldNode as INT32).value.toString();\n        break;\n\n      default:\n        console.warn(\n          'Unsupported field node type',\n          this._fieldNode!.__meta.typeName,\n        );\n    }\n  }\n\n  applyChanges(e: InputEvent) {\n    if (this._fieldNode === undefined) {\n      console.warn('No bindings');\n    }\n\n    const v = parseInt((e.target as HTMLInputElement).value, 10);\n    switch (this._fieldNode!.__meta.typeName) {\n      case 'furo.type.Decimal':\n        (this._fieldNode as Decimal).value = (\n          e.target as HTMLInputElement\n        ).value;\n        break;\n\n      case 'primitives.INT32':\n        if (Number.isNaN(v)) {\n          (this._fieldNode as INT32).value = 0;\n        } else {\n          (this._fieldNode as INT32).value = v;\n        }\n\n        break;\n\n      default:\n        console.warn(\n          'Unsupported field node type',\n          this._fieldNode!.__meta.typeName,\n        );\n    }\n  }\n\n  /**\n   * FBP lifecycle\n   * @private\n   */\n  protected _FBPReady() {\n    super._FBPReady();\n  }\n\n  /**\n   * Styles\n   * @private\n   */\n  static styles = css`\n    :host {\n      display: inline-block;\n    }\n\n    :host([hidden]) {\n      display: none;\n    }\n\n    :host([value-state='Error']) {\n      border-bottom: 2px solid red;\n    }\n  `;\n\n  /**\n   * Template\n   * @private\n   */\n  render() {\n    return html` <input\n        type=\"number\"\n        .value=\"${this.value}\"\n        @input=\"${this.applyChanges}\"\n      />\n      ${this.stateMessage}`;\n  }\n}\n\nwindow.customElements.define('form-number', formNumber);\n"]}

package/dist/test_components/form-string.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test_components/form-string.js

@@ -0,0 +1,80 @@
+import { LitElement, html, css } from 'lit';
+/**
+ * `form-string`
+ *  is js implementation of a renderer for a primitives.STRING
+ *
+ * @summary  shortdescription
+ * @customElement
+ * @appliesMixin FBP
+ */
+class FormString extends (LitElement) {
+    set fieldNode(fn) {
+        this._fieldNode = fn;
+        if (this._fieldNode.__meta.required) {
+            this.setAttribute('required', true);
+        }
+        fn.__addEventListener('field-value-changed', () => {
+            this.value = this._fieldNode.value;
+            this.requestUpdate();
+        });
+        fn.__addEventListener('state-changed', (e) => {
+            this.setAttribute('value-state', e.detail.__meta.valueState);
+            this.stateMessage = e.detail.__meta.stateMessage;
+            this.requestUpdate();
+        });
+        this.value = this._fieldNode.value;
+        this.requestUpdate();
+    }
+    valueChanged(e) {
+        this._fieldNode.value = e.target.value;
+    }
+    /**
+     * @private
+     * @return {Object}
+     */
+    static get properties() {
+        return {
+            /**
+             * Description
+             */
+            stateMessage: { type: String }
+        };
+    }
+    /**
+     * Themable Styles
+     * @private
+     * @return {CSSResult}
+     */
+    static get styles() {
+        // language=CSS
+        return css `
+        :host {
+            display: inline-block;
+        }
+
+        :host([hidden]) {
+            display: none;
+        }
+        :host([value-state="Error"])  {
+            border-bottom: 2px solid red;
+        }
+        :host([value-state="Warning"])  {
+            border-bottom: 2px solid #FEA234;
+        }
+    `;
+    }
+    /**
+     * @private
+     * @returns {TemplateResult}
+     * @private
+     */
+    render() {
+        // language=HTML
+        return html `
+      <input type="text" .value="${this.value}" @input="${this.valueChanged}">
+      ${this.stateMessage}
+    `;
+    }
+}
+window.customElements.define('form-string', FormString);
+//# sourceMappingURL=form-string.js.map

package/dist/test_components/form-string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-string.js","sourceRoot":"","sources":["../../test/components/form-string.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG5C;;;;;;;GAOG;AACH,MAAM,UAAW,SAAQ,CAAC,UAAU,CAAC;IAEnC,IAAI,SAAS,CAAC,EAAE;QACd,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAC,CAAC;YAClC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACtC,CAAC;QAED,EAAE,CAAC,kBAAkB,CAAC,qBAAqB,EAAC,GAAE,EAAE;YAC9C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;YACnC,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,kBAAkB,CAAC,eAAe,EAAC,CAAC,CAAC,EAAC,EAAE;YACzC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAC7D,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;YACjD,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QACnC,IAAI,CAAC,aAAa,EAAE,CAAA;IAEtB,CAAC;IAED,YAAY,CAAC,CAAC;QACZ,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IACzC,CAAC;IAGD;;;OAGG;IACH,MAAM,KAAK,UAAU;QACnB,OAAO;YACL;;eAEG;YACH,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC/B,CAAC;IACJ,CAAC;IAGD;;;;OAIG;IACH,MAAM,KAAK,MAAM;QACf,eAAe;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;KAcT,CAAC;IACJ,CAAC;IAGD;;;;OAIG;IACH,MAAM;QACJ,gBAAgB;QAChB,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,KAAK,aAAa,IAAI,CAAC,YAAY;QACnE,IAAI,CAAC,YAAY;KACpB,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC","sourcesContent":["import { LitElement, html, css } from 'lit';\n\n\n/**\n * `form-string`\n *  is js implementation of a renderer for a primitives.STRING\n *\n * @summary  shortdescription\n * @customElement\n * @appliesMixin FBP\n */\nclass FormString extends (LitElement) {\n\n  set fieldNode(fn){\n    this._fieldNode = fn;\n    if(this._fieldNode.__meta.required){\n      this.setAttribute('required', true);\n    }\n\n    fn.__addEventListener('field-value-changed',()=>{\n      this.value = this._fieldNode.value;\n      this.requestUpdate()\n    })\n\n    fn.__addEventListener('state-changed',(e)=>{\n      this.setAttribute('value-state', e.detail.__meta.valueState);\n      this.stateMessage = e.detail.__meta.stateMessage;\n      this.requestUpdate()\n    })\n\n    this.value = this._fieldNode.value;\n    this.requestUpdate()\n\n  }\n\n  valueChanged(e) {\n    this._fieldNode.value = e.target.value;\n  }\n\n\n  /**\n   * @private\n   * @return {Object}\n   */\n  static get properties() {\n    return {\n      /**\n       * Description\n       */\n      stateMessage: { type: String }\n    };\n  }\n\n\n  /**\n   * Themable Styles\n   * @private\n   * @return {CSSResult}\n   */\n  static get styles() {\n    // language=CSS\n    return css`\n        :host {\n            display: inline-block;\n        }\n\n        :host([hidden]) {\n            display: none;\n        }\n        :host([value-state=\"Error\"])  {\n            border-bottom: 2px solid red;\n        }\n        :host([value-state=\"Warning\"])  {\n            border-bottom: 2px solid #FEA234;\n        }\n    `;\n  }\n\n\n  /**\n   * @private\n   * @returns {TemplateResult}\n   * @private\n   */\n  render() {\n    // language=HTML\n    return html`\n      <input type=\"text\" .value=\"${this.value}\" @input=\"${this.valueChanged}\">\n      ${this.stateMessage}\n    `;\n  }\n}\n\nwindow.customElements.define('form-string', FormString);\n"]}

package/dist/test_components/page-index.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+import '@furo/open-models/dist/protoc-gen-open-models/init.js';
+import './form-string.js';
+import './form-furo-type-defaults.js';
+import './form-number.js';
+declare const pageIndex_base: (new (...args: any[]) => import("@furo/fbp/dist/LitFBPAC.js").LitFBPAC) & typeof LitElement;
+/**
+ * ### Description
+ *
+ *
+ *
+ * @author veith
+ * @tagname page-index
+ * @public
+ */
+export declare class pageIndex extends pageIndex_base {
+    private ftd;
+    private ftn;
+    invalid: boolean;
+    constructor();
+    addRepeatedDecimal(): void;
+    validateAll(): void;
+    /**
+     * FBP lifecycle
+     * @private
+     */
+    protected _FBPReady(): void;
+    /**
+     * Styles
+     * @private
+     */
+    static styles: import("lit").CSSResult;
+    /**
+     * Template
+     * @private
+     */
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/dist/test_components/page-index.js

@@ -0,0 +1,156 @@
+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 { html, css, LitElement } from 'lit';
+// eslint-disable-next-line import/extensions
+import { property } from 'lit/decorators.js';
+import { LitFBP } from '@furo/fbp/dist/LitFBP';
+import '@furo/open-models/dist/protoc-gen-open-models/init.js';
+import './form-string.js';
+import './form-furo-type-defaults.js';
+import './form-number.js';
+import { Defaults } from '@furo/open-models/dist/protoc-gen-open-models/furo/type/Defaults.js';
+import { Numeric } from '@furo/open-models/dist/protoc-gen-open-models/furo/type/Numeric.js';
+/**
+ * ### Description
+ *
+ *
+ *
+ * @author veith
+ * @tagname page-index
+ * @public
+ */
+export class pageIndex extends LitFBP(LitElement) {
+    constructor() {
+        super();
+        this.invalid = false;
+        this.ftd = new Defaults();
+        this.ftd.repeatedDecimal = [
+            { value: '12' },
+            { value: '14' },
+            { value: '33' },
+        ];
+        this.ftd.decRange = { start: { value: '12' }, end: { value: '13' } };
+        this.ftd.__addEventListener('field-value-changed', () => {
+            this.requestUpdate();
+        });
+        this.ftd.__addEventListener('validity-changed', e => {
+            console.log(this.ftd.__isValid, e.detail.__isValid, e.detail.__meta.valueState, e.detail.__meta.stateMessage, e.detail.__meta.typeName);
+            this.invalid = !this.ftd.__isValid;
+        });
+        console.log(this.ftd.__toJson());
+        // numeric
+        this.ftn = new Numeric();
+        this.ftn.__addEventListener('field-value-changed', () => {
+            this.requestUpdate();
+        });
+    }
+    addRepeatedDecimal() {
+        this.ftd.repeatedDecimal.add({ value: '0' });
+    }
+    validateAll() {
+        this.ftd.__validate();
+    }
+    /**
+     * FBP lifecycle
+     * @private
+     */
+    _FBPReady() {
+        super._FBPReady();
+    }
+    /**
+     * Styles
+     * @private
+     */
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+
+    :host([hidden]) {
+      display: none;
+    }
+
+    /* do not show components which are not defined */
+
+    *:not(:defined) {
+      display: none;
+    }
+
+    .validity {
+      margin-top: 0.5rem;
+      background-color: aquamarine;
+      height: 2px;
+    }
+
+    :host([invalid]) .validity {
+      background-color: red;
+    }
+  `; }
+    /**
+     * Template
+     * @private
+     */
+    render() {
+        return html `
+      <hr>
+      ${this.ftd}
+      <hr>
+
+      <button @click="${this.validateAll}">validate all</button>
+      <div class="validity"></div>
+      <hr>
+      Numeric <br>
+      <form-number .fieldNode="${this.ftn.primitiveInt32}"></form-number>
+      <form-number .fieldNode="${this.ftn.primitiveInt32}"></form-number>
+
+      ${this.ftn.repeatedPrimitiveInt32.map(v => html ` <form-number .fieldNode="${v}"></form-number> `)}
+
+      ${this.ftn.repeatedPrimitiveInt32.map(v => html ` <form-number .fieldNode="${v}"></form-number> `)}
+
+      <button @click="${() => {
+            this.ftn.repeatedPrimitiveInt32.add(0);
+        }}">add
+      </button>
+
+      <hr>
+      ${this.ftd.id.__label}: <br>
+      <form-string .fieldNode="${this.ftd.id}"></form-string>
+      <form-string .fieldNode="${this.ftd.id}"></form-string>
+      <form-furo-type-defaults .fieldNode="${this.ftd}"></form-furo-type-defaults>
+
+
+      <hr>
+      <table>
+        <tr>
+          <td>
+            <ul>
+              ${this.ftd.repeatedDecimal.map(v => html `
+                  <li>
+                    <form-number .fieldNode="${v}"></form-number>
+                  </li>
+                `)}
+            </ul>
+          </td>
+          <td>
+            <ul>
+              ${this.ftd.repeatedDecimal.map(v => html ` <li>
+                    <form-number .fieldNode="${v}"></form-number>
+                  </li>`)}</li>
+            </ul>
+          </td>
+        </tr>
+      </table>
+
+      <button @click="${this.addRepeatedDecimal}">add</button>
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, attribute: 'invalid', reflect: true })
+], pageIndex.prototype, "invalid", void 0);
+window.customElements.define('page-index', pageIndex);
+//# sourceMappingURL=page-index.js.map

package/dist/test_components/page-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-index.js","sourceRoot":"","sources":["../../test/components/page-index.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, LitElement } from 'lit';\n// eslint-disable-next-line import/extensions\nimport { property } from 'lit/decorators.js';\nimport { LitFBP } from '@furo/fbp/dist/LitFBP';\n\nimport '@furo/open-models/dist/protoc-gen-open-models/init.js';\n\nimport './form-string.js';\nimport './form-furo-type-defaults';\nimport './form-number';\nimport { Defaults } from '@furo/open-models/dist/protoc-gen-open-models/furo/type/Defaults.js';\nimport { Numeric } from '@furo/open-models/dist/protoc-gen-open-models/furo/type/Numeric.js';\n\n/**\n * ### Description\n *\n *\n *\n * @author veith\n * @tagname page-index\n * @public\n */\nexport class pageIndex extends LitFBP(LitElement) {\n  private ftd: Defaults;\n\n  private ftn: Numeric;\n\n  @property({ type: Boolean, attribute: 'invalid', reflect: true })\n  invalid: boolean = false;\n\n  constructor() {\n    super();\n\n    this.ftd = new Defaults();\n\n    this.ftd.repeatedDecimal = [\n      { value: '12' },\n      { value: '14' },\n      { value: '33' },\n    ];\n\n    this.ftd.decRange = { start: { value: '12' }, end: { value: '13' } };\n    this.ftd.__addEventListener('field-value-changed', () => {\n      this.requestUpdate();\n    });\n\n    this.ftd.__addEventListener('validity-changed', e => {\n      console.log(\n        this.ftd.__isValid,\n        e.detail.__isValid,\n        e.detail.__meta.valueState,\n        e.detail.__meta.stateMessage,\n        e.detail.__meta.typeName,\n      );\n      this.invalid = !this.ftd.__isValid;\n    });\n\n    console.log(this.ftd.__toJson());\n    // numeric\n    this.ftn = new Numeric();\n\n    this.ftn.__addEventListener('field-value-changed', () => {\n      this.requestUpdate();\n    });\n  }\n\n  addRepeatedDecimal() {\n    this.ftd.repeatedDecimal.add({ value: '0' });\n  }\n\n  validateAll() {\n    this.ftd.__validate();\n  }\n\n  /**\n   * FBP lifecycle\n   * @private\n   */\n  protected _FBPReady() {\n    super._FBPReady();\n  }\n\n  /**\n   * Styles\n   * @private\n   */\n  static styles = css`\n    :host {\n      display: block;\n    }\n\n    :host([hidden]) {\n      display: none;\n    }\n\n    /* do not show components which are not defined */\n\n    *:not(:defined) {\n      display: none;\n    }\n\n    .validity {\n      margin-top: 0.5rem;\n      background-color: aquamarine;\n      height: 2px;\n    }\n\n    :host([invalid]) .validity {\n      background-color: red;\n    }\n  `;\n\n  /**\n   * Template\n   * @private\n   */\n  render() {\n    return html`\n      <hr>\n      ${this.ftd}\n      <hr>\n\n      <button @click=\"${this.validateAll}\">validate all</button>\n      <div class=\"validity\"></div>\n      <hr>\n      Numeric <br>\n      <form-number .fieldNode=\"${this.ftn.primitiveInt32}\"></form-number>\n      <form-number .fieldNode=\"${this.ftn.primitiveInt32}\"></form-number>\n\n      ${this.ftn.repeatedPrimitiveInt32.map(\n        v => html` <form-number .fieldNode=\"${v}\"></form-number> `,\n      )}\n\n      ${this.ftn.repeatedPrimitiveInt32.map(\n        v => html` <form-number .fieldNode=\"${v}\"></form-number> `,\n      )}\n\n      <button @click=\"${() => {\n        this.ftn.repeatedPrimitiveInt32.add(0);\n      }}\">add\n      </button>\n\n      <hr>\n      ${this.ftd.id.__label}: <br>\n      <form-string .fieldNode=\"${this.ftd.id}\"></form-string>\n      <form-string .fieldNode=\"${this.ftd.id}\"></form-string>\n      <form-furo-type-defaults .fieldNode=\"${this.ftd}\"></form-furo-type-defaults>\n\n\n      <hr>\n      <table>\n        <tr>\n          <td>\n            <ul>\n              ${this.ftd.repeatedDecimal.map(\n                v => html`\n                  <li>\n                    <form-number .fieldNode=\"${v}\"></form-number>\n                  </li>\n                `,\n              )}\n            </ul>\n          </td>\n          <td>\n            <ul>\n              ${this.ftd.repeatedDecimal.map(\n                v =>\n                  html` <li>\n                    <form-number .fieldNode=\"${v}\"></form-number>\n                  </li>`,\n              )}</li>\n            </ul>\n          </td>\n        </tr>\n      </table>\n\n      <button @click=\"${this.addRepeatedDecimal}\">add</button>\n    `;\n  }\n}\n\nwindow.customElements.define('page-index', pageIndex);\n"]}

package/package.json

@@ -5,7 +5,7 @@
   "homepage": "https://github.com/eclipse/eclipsefuro-web/tree/main/packages",
   "repository": "git@github.com:eclipse/eclipsefuro-web.git",
   "author": "eclipse furo",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -64,8 +64,8 @@
     "lint-staged": "^15.2.7",
     "lit": "^3.2.1",
     "prettier": "^3.3.2",
-    "tslib": "^2.6.3",
-    "typescript": "^5.5.3"
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2"
   },
   "customElements": "custom-elements.json",
   "publishConfig": {
@@ -80,5 +80,6 @@
       "eslint --fix",
       "prettier --write"
     ]
-  }
+  },
+  "gitHead": "dc0306208c31bd8538ecac525cd078edfc6f185d"
 }