@golemui/lit 0.0.2 → 0.12.1

package/CHANGELOG.md

@@ -1,448 +1,3 @@
-## 0.19.0 (2026-03-02)
+## 0.12.0 (2026-05-16)
 
-### 🚀 Features
-
-- add the novalidate attr to forms ([60189661](https://github.com/golemui/formforge/commit/60189661))
-- **lit:** integrate i18n.lang on the calendar component ([86cba865](https://github.com/golemui/formforge/commit/86cba865))
-- **lit:** i18n integration ([0744c6db](https://github.com/golemui/formforge/commit/0744c6db))
-- **lit:** add list component to lit-vanilla ([a00ba79e](https://github.com/golemui/formforge/commit/a00ba79e))
-
-### 🩹 Fixes
-
-- **core:** update kind taxonomy ([17d0aba1](https://github.com/golemui/formforge/commit/17d0aba1))
-
-### ❤️ Thank You
-
-- Joan Llenas
-- Raul Jimenez @Elecash
-
-## 0.18.0 (2026-01-13)
-
-### 🩹 Fixes
-
-- **lit:** lit uid fixes ([5973338](https://github.com/golemui/formforge/commit/5973338))
-
-### ❤️ Thank You
-
-- Joan Llenas
-
-## 0.17.0 (2026-01-11)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.16.0 (2026-01-05)
-
-### 🚀 Features
-
-- Add support for injectedIssues to the current validation pipeline ([d7de030](https://github.com/golemui/formforge/commit/d7de030))
-
-### 🩹 Fixes
-
-- **lit:** update validator handling ([4302b8f](https://github.com/golemui/formforge/commit/4302b8f))
-
-### ❤️ Thank You
-
-- Joan Llenas
-
-## 0.15.2 (2026-01-03)
-
-### 🩹 Fixes
-
-- **lit:** rename formError to formHealth ([f57b6ec](https://github.com/golemui/formforge/commit/f57b6ec))
-
-### ❤️ Thank You
-
-- Joan Llenas
-
-## 0.15.1 (2025-12-27)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.15.0 (2025-12-27)
-
-### 🩹 Fixes
-
-- remove unnecessary field flags ([da74dc3](https://github.com/golemui/formforge/commit/da74dc3))
-- **lit:** update adapters to use the new reactivity ([7e2dd8c](https://github.com/golemui/formforge/commit/7e2dd8c))
-
-### ❤️ Thank You
-
-- Joan Llenas
-
-## 0.14.11 (2025-12-21)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.14.10 (2025-12-20)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.14.9 (2025-12-20)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.14.8 (2025-12-20)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.14.7 (2025-12-18)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.14.6 (2025-12-18)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.14.5 (2025-12-17)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.14.4 (2025-12-17)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.14.3 (2025-12-16)
-
-### 🩹 Fixes
-
-- **lit:** fix lit change detection ([124b9fe](https://github.com/golemui/formforge/commit/124b9fe))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.14.2 (2025-12-16)
-
-### 🩹 Fixes
-
-- minor refactors and fixes ([b413896](https://github.com/golemui/formforge/commit/b413896))
-
-### ❤️ Thank You
-
-- Joan Llenas
-
-## 0.14.1 (2025-12-15)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.14.0 (2025-12-14)
-
-### 🚀 Features
-
-- **lit:** add form vanilla component ([3f4fde2](https://github.com/golemui/formforge/commit/3f4fde2))
-
-### 🩹 Fixes
-
-- unify vanilla apis ([efd0a00](https://github.com/golemui/formforge/commit/efd0a00))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.13.0 (2025-12-11)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.12.0 (2025-12-11)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.11.0 (2025-12-08)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.10.0 (2025-12-08)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.9.0 (2025-12-08)
-
-### 🚀 Features
-
-- **core:** introduce SET_FIELD_INITIAL_DATA action and update related logic ([f6c2e89](https://github.com/golemui/formforge/commit/f6c2e89))
-
-### ❤️ Thank You
-
-- Joan Llenas
-
-## 0.8.0 (2025-12-07)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.7.1 (2025-12-07)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.7.0 (2025-12-04)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.6.0 (2025-12-03)
-
-### 🚀 Features
-
-- **lit:** Add select component ([b81344e](https://github.com/golemui/formforge/commit/b81344e))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.5.0 (2025-11-30)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.4.0 (2025-11-30)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.26 (2025-11-29)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.25 (2025-11-27)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.24 (2025-11-27)
-
-### 🩹 Fixes
-
-- **lit:** remove all lit external dependencies from builds ([1ad4504](https://github.com/golemui/formforge/commit/1ad4504))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.3.23 (2025-11-27)
-
-### 🩹 Fixes
-
-- **lit:** Use experimental decorators ([77856c0](https://github.com/golemui/formforge/commit/77856c0))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.3.22 (2025-11-27)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.21 (2025-11-27)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.20 (2025-11-26)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.19 (2025-11-26)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.18 (2025-11-26)
-
-### 🩹 Fixes
-
-- build all libraries with vite ([2880d7f](https://github.com/golemui/formforge/commit/2880d7f))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.3.17 (2025-11-25)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.16 (2025-11-25)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.15 (2025-11-25)
-
-### 🩹 Fixes
-
-- build with nx ([3f423b4](https://github.com/golemui/formforge/commit/3f423b4))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.3.14 (2025-11-24)
-
-### 🩹 Fixes
-
-- package.json paths in core, lit and lit-vanilla ([677e530](https://github.com/golemui/formforge/commit/677e530))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.3.13 (2025-11-24)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.12 (2025-11-24)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.11 (2025-11-24)
-
-### 🩹 Fixes
-
-- build files to output cjs and js ([20d24ec](https://github.com/golemui/formforge/commit/20d24ec))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.3.10 (2025-11-24)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.9 (2025-11-24)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.8 (2025-11-24)
-
-### 🩹 Fixes
-
-- build libs for es2022 and commonjs ([7a7c037](https://github.com/golemui/formforge/commit/7a7c037))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.3.7 (2025-11-23)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.6 (2025-11-23)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.5 (2025-11-23)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.4 (2025-11-23)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.3 (2025-11-23)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.2 (2025-11-23)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.1 (2025-11-23)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.3.0 (2025-11-23)
-
-### 🚀 Features
-
-- **validators:** Make validators pluggable ([397e67c](https://github.com/golemui/formforge/commit/397e67c))
-
-### ❤️ Thank You
-
-- Joan Llenas
-
-## 0.2.4 (2025-11-22)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.2.3 (2025-11-22)
-
-### 🩹 Fixes
-
-- **react:** fix react package jsons build ([b98d9e2](https://github.com/golemui/formforge/commit/b98d9e2))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.2.2 (2025-11-22)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.2.1 (2025-11-16)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.2.0 (2025-11-16)
-
-### 🚀 Features
-
-- **lit:** integrate touched flag ([8f9d918](https://github.com/golemui/formforge/commit/8f9d918))
-- **lit:** Integrate the validateOn flag ([747e477](https://github.com/golemui/formforge/commit/747e477))
-
-### 🩹 Fixes
-
-- **lit:** Add types to ValidateOnConverter ([473b98c](https://github.com/golemui/formforge/commit/473b98c))
-- **lit:** Integrate validateOn ([08927b1](https://github.com/golemui/formforge/commit/08927b1))
-
-### ❤️ Thank You
-
-- Joan Llenas
-
-## 0.1.5 (2025-11-16)
-
-### 🩹 Fixes
-
-- lint errors and peer dependencies ([d0f139d](https://github.com/golemui/formforge/commit/d0f139d))
-- set build paths for release artifacts ([9760118](https://github.com/golemui/formforge/commit/9760118))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.1.4 (2025-11-16)
-
-### 🩹 Fixes
-
-- set correct paths for release artifacts ([8941d2f](https://github.com/golemui/formforge/commit/8941d2f))
-- create release tool ([7cd7845](https://github.com/golemui/formforge/commit/7cd7845))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.1.3 (2025-11-15)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.1.2 (2025-11-15)
-
-This was a version bump only for lit to align it with other projects, there were no code changes.
-
-## 0.1.1 (2025-11-15)
-
-### 🩹 Fixes
-
-- update dependencies on libraries ([374b3c9](https://github.com/golemui/formforge/commit/374b3c9))
-
-### ❤️ Thank You
-
-- Raul Jimenez @Elecash
-
-## 0.1.0 (2025-11-15)
-
-### 🚀 Features
-
-- **lit:** Add lit vanilla components, create shared lib for playgrounds ([3e34ad1](https://github.com/golemui/formforge/commit/3e34ad1))
-- **lit:** Add lit element support ([a122d2d](https://github.com/golemui/formforge/commit/a122d2d))
-
-### 🩹 Fixes
-
-- Integrate custom validators on lit and react projects ([b109a1b](https://github.com/golemui/formforge/commit/b109a1b))
-- **lit:** Fix lit form element event dispatching ([5669e26](https://github.com/golemui/formforge/commit/5669e26))
-- **core:** Rename Button to Interactive ([25fcea3](https://github.com/golemui/formforge/commit/25fcea3))
-
-### ❤️ Thank You
-
-- Joan Llenas
-- Raul Jimenez @Elecash
+This was a version bump only for lit to align it with other projects, there were no code changes.

package/README.md

@@ -1,7 +1,20 @@
-# lit
+# @golemui/lit
 
-This library was generated with [Nx](https://nx.dev).
+[Golem UI](https://golemui.com): the declarative form engine.
 
-## Building
+## Install
 
-Run `nx build lit` to build the library.
+```bash
+npm install @golemui/lit
+```
+
+## Documentation
+
+- Website: https://golemui.com
+- Repository: https://github.com/golemui/golemui
+- Source: https://github.com/golemui/golemui/tree/main/libs/lit
+- Issues: https://github.com/golemui/golemui/issues
+
+## License
+
+MIT

package/index.js

@@ -1,12 +1,12 @@
-import * as p from "@golemui/core";
-import { Subject as T, takeUntil as h, combineLatest as $ } from "rxjs";
-import { createContext as l, consume as x, provide as E, ContextProvider as I } from "@lit/context";
-import { LitElement as f, html as y } from "lit";
-import { property as n, customElement as w, state as _ } from "lit/decorators.js";
-import { when as W } from "lit/directives/when.js";
-class g {
+import * as n from "@golemui/core";
+import { Subject as C, takeUntil as h, combineLatest as T } from "rxjs";
+import { createContext as c, consume as g, ContextProvider as _, provide as $ } from "@lit/context";
+import { LitElement as f, nothing as I, html as x } from "lit";
+import { property as d, customElement as w, state as W } from "lit/decorators.js";
+import { when as A } from "lit/directives/when.js";
+class b {
   constructor() {
-    this.templateData = {}, this.destroy$ = new T(), this.templateDataChanged$ = new T();
+    this.templateData = {}, this.destroy$ = new C(), this.templateDataChanged$ = new C();
   }
   setTemplateData(t) {
     this.templateData = { ...this.templateData, ...t }, this.templateDataChanged$.next();
@@ -19,11 +19,15 @@ class g {
   }
   // Listen to the calculated props stream and keep all widget props merged in a flattened object
   templateDataUpdater() {
-    this.context.store.state$.pipe(h(this.destroy$), p.calculatedWidgetsByUid$(this.widget.uid)).subscribe((t) => {
-      this.setTemplateData({
+    this.context.store.state$.pipe(h(this.destroy$), n.calculatedWidgetsByUid$(this.widget.uid)).subscribe((t) => {
+      const o = {
         ...t,
-        ...t.props,
-        lang: this.context.store.getState().lang
+        lang: this.context.store.getState().lang,
+        deps: this.context.dependencies
+      };
+      n.assertNoPropCollisions(t.uid, t.props, o), this.setTemplateData({
+        ...o,
+        ...t.props
       });
     });
   }
@@ -34,8 +38,8 @@ class g {
     }), this.destroy$.next();
   }
 }
-const Z = l("guiInputWidgetAdapter");
-class q extends g {
+const q = c("guiInputWidgetAdapter");
+class J extends b {
   constructor() {
     super(...arguments), this.templateData = {};
   }
@@ -43,21 +47,21 @@ class q extends g {
     this.widget = t, this.addWidgetToTheStore(t), this.templateDataUpdater(), this.context.store.dispatch({
       type: "SET_WIDGET_INITIAL_DATA",
       payload: { data: t.defaultValue, path: t.path }
-    }), this.context.store.state$.pipe(h(this.destroy$), p.dataByPath$(t.path)).subscribe((e) => this.setTemplateData({ value: e }));
-    const a = this.context.store.state$.pipe(
+    }), this.context.store.state$.pipe(h(this.destroy$), n.dataByPath$(t.path)).subscribe((e) => this.setTemplateData({ value: e }));
+    const o = this.context.store.state$.pipe(
       h(this.destroy$),
-      p.validationByPath$(t.path)
+      n.validationByPath$(t.path)
     ), r = this.context.store.state$.pipe(
       h(this.destroy$),
-      p.injectedValidationByPath$(t.path)
+      n.injectedValidationByPath$(t.path)
     );
-    $([a, r]).subscribe(
+    T([o, r]).subscribe(
       ([e, s]) => {
         this.setTemplateData({
           errors: [...e ?? [], ...s ?? []]
         });
       }
-    ), this.context.store.state$.pipe(h(this.destroy$), p.touchedControlsByPath$(t.path)).subscribe((e) => this.setTemplateData({ touched: e })), this.context.emitEvent("load", this.widget);
+    ), this.context.store.state$.pipe(h(this.destroy$), n.touchedControlsByPath$(t.path)).subscribe((e) => this.setTemplateData({ touched: e })), this.context.emitEvent("load", this.widget);
   }
   valueChanged(t) {
     this.context.store.dispatch({
@@ -77,18 +81,18 @@ class q extends g {
   /**
    * This is a helper to get the item renderer from the context
    */
-  getItemRenderer(t, a) {
-    return t ? this.context.itemRenderers[t] : a;
+  getItemRenderer(t, o) {
+    return t ? this.context.itemRenderers[t] : o;
   }
   onBlur() {
     this.context.store.dispatch({
       type: "ATTEMPT_VALIDATION",
       payload: { reason: "blur", path: this.widget.path, uid: this.widget.uid }
-    });
+    }), this.context.emitEvent("blur", this.widget);
   }
 }
-const Q = l("guiDisplayWidgetAdapter");
-class X extends g {
+const Z = c("guiDisplayWidgetAdapter");
+class Q extends b {
   constructor() {
     super(...arguments), this.templateData = {};
   }
@@ -98,31 +102,33 @@ class X extends g {
     }), this.addWidgetToTheStore(t), this.templateDataUpdater();
   }
 }
-const Y = l("guiActionWidgetAdapter");
-class K extends g {
+const X = c("guiActionWidgetAdapter");
+class Y extends b {
   constructor() {
     super(...arguments), this.templateData = {};
   }
   init(t) {
     this.widget = t, this.setTemplateData({
-      label: this.widget.label
+      label: this.widget.label,
+      icon: this.widget.props?.icon,
+      iconPosition: this.widget.props?.iconPosition
     }), this.addWidgetToTheStore(t), this.templateDataUpdater(), this.context.emitEvent("load", this.widget);
   }
   click() {
     this.context.emitEvent("click", this.widget);
   }
 }
-const tt = l("guiLayoutWidgetAdapter");
-class et extends g {
+const K = c("guiLayoutWidgetAdapter");
+class tt extends b {
   constructor() {
     super(...arguments), this.templateData = {};
   }
   init(t) {
     this.widget = t, this.setTemplateData({
       ...this.widget.props
-    }), this.context.store.state$.pipe(p.calculatedLayoutChildrenByUid$(this.widget.uid)).pipe(h(this.destroy$)).subscribe((a) => {
+    }), this.context.store.state$.pipe(n.calculatedLayoutChildrenByUid$(this.widget.uid)).pipe(h(this.destroy$)).subscribe((o) => {
       this.setTemplateData({
-        children: a
+        children: o
       });
     }), this.addWidgetToTheStore(t), this.templateDataUpdater();
   }
@@ -130,37 +136,42 @@ class et extends g {
     this.context.emitEvent("change", this.widget, t);
   }
 }
-const v = l("guiFormContext");
-class A extends p.FormContext {
+const v = c("guiFormContext");
+class S extends n.FormContext {
   // Just a subclass to make Core.FormContext Injectable
 }
-const b = l("guiRepeaterIndexContext");
-class O {
-  constructor() {
-    this.index = -1;
-  }
-}
-var R = Object.defineProperty, u = (i, t, a, r) => {
-  for (var e = void 0, s = i.length - 1, d; s >= 0; s--)
-    (d = i[s]) && (e = d(t, a, e) || e);
-  return e && R(t, a, e), e;
+const y = c("guiRepeaterIndexesContext");
+var O = Object.defineProperty, u = (i, t, o, r) => {
+  for (var e = void 0, s = i.length - 1, a; s >= 0; s--)
+    (a = i[s]) && (e = a(t, o, e) || e);
+  return e && O(t, o, e), e;
 };
-const N = (i) => {
+const R = (i) => {
   class t extends i {
+    constructor() {
+      super(...arguments), this.repeaterIndexes = [];
+    }
     connectedCallback() {
       super.connectedCallback?.(), this.loadWidgetComponent();
     }
     async loadWidgetComponent() {
       if (this.widget)
         try {
-          const r = await this.formContext.widgetRegistry.loadWidget(this.widget.type), e = new r(), s = this.repeaterIndex ?? this.repeaterIndexToken?.index;
-          e.widget = typeof s == "number" && !Number.isNaN(s) && s > -1 ? p.makeRepeaterItemConfig(p.cloneObject(this.widget), s) : this.widget, e.id = `host-${this.widget.uid}`, this.replaceWith(e);
+          const r = await this.formContext.widgetRegistry.loadWidget(this.widget.type), e = new r(), s = this.repeaterIndexes ?? [];
+          let a;
+          this.repeaterIndex !== void 0 ? a = [...s, this.repeaterIndex] : a = s, e.widget = a.length > 0 ? n.makeRepeaterItemConfig(
+            n.cloneObject(this.widget),
+            a
+          ) : this.widget, e.id = `host-${this.widget.uid}`, this.replaceWith(e);
         } catch (r) {
-          console.error(`Widget "${this.widget.type}" could not be loaded`, r), this.dispatchEvent(
+          console.error(`Widget "${this.widget.type}" could not be loaded`, r);
+          const e = n.errorCodes.widgetCouldNotBeLoaded;
+          this.dispatchEvent(
             new CustomEvent("formHealth", {
               detail: {
                 status: "errored",
-                message: `Widget "${this.widget.type}" could not be loaded`
+                message: `[${e}] Widget "${this.widget.type}" could not be loaded`,
+                code: e
               },
               bubbles: !0,
               composed: !0
@@ -173,36 +184,36 @@ const N = (i) => {
     }
   }
   return u([
-    x({ context: v }),
-    n({ attribute: !1 })
+    g({ context: v }),
+    d({ attribute: !1 })
   ], t.prototype, "formContext"), u([
-    n({ type: Object })
+    d({ type: Object })
   ], t.prototype, "widget"), u([
-    n({ type: Number })
+    d({ type: Number })
   ], t.prototype, "repeaterIndex"), u([
-    x({ context: b, subscribe: !0 }),
-    n({ attribute: !1 })
-  ], t.prototype, "repeaterIndexToken"), t;
+    g({ context: y, subscribe: !0 }),
+    d({ attribute: !1 })
+  ], t.prototype, "repeaterIndexes"), t;
 };
-var j = Object.getOwnPropertyDescriptor, L = (i, t, a, r) => {
-  for (var e = r > 1 ? void 0 : r ? j(t, a) : t, s = i.length - 1, d; s >= 0; s--)
-    (d = i[s]) && (e = d(e) || e);
+var N = Object.getOwnPropertyDescriptor, P = (i, t, o, r) => {
+  for (var e = r > 1 ? void 0 : r ? N(t, o) : t, s = i.length - 1, a; s >= 0; s--)
+    (a = i[s]) && (e = a(e) || e);
   return e;
 };
-let D = class extends N(f) {
+let E = class extends R(f) {
 };
-D = L([
+E = P([
   w("gui-widget")
-], D);
-var P = Object.defineProperty, m = (i, t, a, r) => {
-  for (var e = void 0, s = i.length - 1, d; s >= 0; s--)
-    (d = i[s]) && (e = d(t, a, e) || e);
-  return e && P(t, a, e), e;
+], E);
+var L = Object.defineProperty, m = (i, t, o, r) => {
+  for (var e = void 0, s = i.length - 1, a; s >= 0; s--)
+    (a = i[s]) && (e = a(t, o, e) || e);
+  return e && L(t, o, e), e;
 };
-const S = (i) => {
+const j = (i) => {
   class t extends i {
     constructor() {
-      super(...arguments), this.repeaterIndex = -1, this.repeaterIndexToken = new O();
+      super(...arguments), this.repeaterIndex = -1, this.parentRepeaterIndexes = [];
     }
     connectedCallback() {
       super.connectedCallback(), this.loadWidgetComponent(this.repeaterIndex);
@@ -210,14 +221,23 @@ const S = (i) => {
     async loadWidgetComponent(r) {
       if (this.widget)
         try {
-          const e = await this.formContext.widgetRegistry.loadWidget(this.widget.type), s = new e();
-          this.repeaterIndexToken.index = r, new I(s, b, this.repeaterIndexToken), s.widget = p.makeRepeaterItemConfig(p.cloneObject(this.widget), r), s.id = `host-${this.widget.uid}`, this.replaceWith(s);
+          const e = await this.formContext.widgetRegistry.loadWidget(this.widget.type), s = new e(), a = [...this.parentRepeaterIndexes ?? [], r];
+          new _(s, {
+            context: y,
+            initialValue: a
+          }), s.widget = n.makeRepeaterItemConfig(
+            n.cloneObject(this.widget),
+            a
+          ), s.id = `host-${this.widget.uid}`, this.replaceWith(s);
         } catch (e) {
-          console.error(`Widget "${this.widget.type}" could not be loaded`, e), this.dispatchEvent(
+          console.error(`Widget "${this.widget.type}" could not be loaded`, e);
+          const s = n.errorCodes.widgetCouldNotBeLoaded;
+          this.dispatchEvent(
             new CustomEvent("formHealth", {
               detail: {
                 status: "errored",
-                message: `Widget "${this.widget.type}" could not be loaded`
+                message: `[${s}] Widget "${this.widget.type}" could not be loaded`,
+                code: s
               },
               bubbles: !0,
               composed: !0
@@ -230,159 +250,136 @@ const S = (i) => {
     }
   }
   return m([
-    x({ context: v }),
-    n({ attribute: !1 })
+    g({ context: v }),
+    d({ attribute: !1 })
   ], t.prototype, "formContext"), m([
-    n({ type: Object })
+    d({ type: Object })
   ], t.prototype, "widget"), m([
-    n({ type: Number })
+    d({ type: Number })
   ], t.prototype, "repeaterIndex"), m([
-    E({ context: b })
-  ], t.prototype, "repeaterIndexToken"), t;
+    g({ context: y, subscribe: !0 }),
+    d({ attribute: !1 })
+  ], t.prototype, "parentRepeaterIndexes"), t;
 };
-var k = Object.getOwnPropertyDescriptor, U = (i, t, a, r) => {
-  for (var e = r > 1 ? void 0 : r ? k(t, a) : t, s = i.length - 1, d; s >= 0; s--)
-    (d = i[s]) && (e = d(e) || e);
+var F = Object.getOwnPropertyDescriptor, U = (i, t, o, r) => {
+  for (var e = r > 1 ? void 0 : r ? F(t, o) : t, s = i.length - 1, a; s >= 0; s--)
+    (a = i[s]) && (e = a(e) || e);
   return e;
 };
-let C = class extends S(f) {
+let D = class extends j(f) {
 };
-C = U([
+D = U([
   w("gui-repeater-widget")
-], C);
-const V = {
-  fromAttribute(i) {
-    if (i !== null) {
-      try {
-        const t = JSON.parse(i);
-        if (Array.isArray(t))
-          return t;
-      } catch {
-      }
-      return i;
-    }
-  }
-};
-var F = Object.defineProperty, M = Object.getOwnPropertyDescriptor, c = (i, t, a, r) => {
-  for (var e = r > 1 ? void 0 : r ? M(t, a) : t, s = i.length - 1, d; s >= 0; s--)
-    (d = i[s]) && (e = (r ? d(t, a, e) : d(e)) || e);
-  return r && e && F(t, a, e), e;
+], D);
+var M = Object.defineProperty, V = Object.getOwnPropertyDescriptor, l = (i, t, o, r) => {
+  for (var e = r > 1 ? void 0 : r ? V(t, o) : t, s = i.length - 1, a; s >= 0; s--)
+    (a = i[s]) && (e = (r ? a(t, o, e) : a(e)) || e);
+  return r && e && M(t, o, e), e;
 };
-let o = class extends f {
+let p = class extends f {
   constructor() {
-    super(...arguments), this.context = new A(), this.formDef = {}, this.middlewares = [], this.data = {}, this.formName = p.shortUUID(), this.validateOn = "eager", this.itemRenderers = {}, this.direction = "ltr", this.subscriptions = [], this.unsubscribeI18n = () => {
-    };
+    super(...arguments), this.context = new S(), this.autocomplete = void 0, this.direction = "ltr", this.unsubscribeI18n = () => {
+    }, this._defaultFormName = n.shortUUID();
   }
   connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-form"), this.context.initialize(
-      this.widgetLoaders,
-      this.middlewares,
-      this.validators,
-      this.validateOn,
-      this.itemRenderers,
-      this.localization
-    ), this.direction = p.getDirectionFromLanguage(this.context.localization.lang), this.subscriptions.push(
-      this.context.store.state$.subscribe((i) => this.state = i),
-      p.formHealth(this.context.store.state$).subscribe((i) => {
-        this.dispatchEvent(
-          new CustomEvent(o.FORM_HEALTH_EVENT, {
-            detail: i,
-            bubbles: !0
-          })
-        );
-      }),
-      this.context.events$.subscribe(
-        (i) => this.dispatchEvent(
-          new CustomEvent(o.FORM_EVENT, { detail: i, bubbles: !0 })
-        )
+    super.connectedCallback(), this.classList.add("gui-form"), this.eventSub = this.context.events$.subscribe(
+      (i) => this.dispatchEvent(
+        new CustomEvent(p.FORM_EVENT, { detail: i, bubbles: !0 })
       )
-    ), this.context.store.dispatch({
-      type: "INITIALIZE",
-      payload: { formName: this.formName, formDef: this.formDef }
+    );
+  }
+  updated(i) {
+    super.updated(i), i.has("config") && this.config && this._reinitialize(this.config);
+  }
+  _reinitialize(i) {
+    this.unsubscribeI18n(), this.stateSub?.unsubscribe(), this.healthSub?.unsubscribe(), this.context.initialize(
+      i.widgetLoaders,
+      i.middlewares ?? [],
+      this.validators,
+      i.validateOn ?? "eager",
+      i.itemRenderers ?? {},
+      i.localization,
+      i.dependencies ?? {}
+    ), this.direction = n.getDirectionFromLanguage(this.context.localization.lang), this.stateSub = this.context.store.state$.subscribe((t) => {
+      this.formState = t, this.requestUpdate();
+    }), this.healthSub = n.formHealth(this.context.store.state$).subscribe((t) => {
+      this.dispatchEvent(
+        new CustomEvent(p.FORM_HEALTH_EVENT, {
+          detail: t,
+          bubbles: !0
+        })
+      );
     }), this.context.store.dispatch({
-      type: "SET_DATA",
-      payload: { data: this.data }
-    }), this.unsubscribeI18n = this.context.localization.subscribe((i) => {
-      this.direction = p.getDirectionFromLanguage(i), this.context.store.dispatch({
-        type: "SET_LANGUAGE",
-        payload: {
-          lang: i
-        }
-      });
+      type: "INITIALIZE",
+      payload: { formName: i.formName ?? this._defaultFormName, formDef: i.formDef }
+    }), this.context.store.dispatch({ type: "SET_DATA", payload: { data: i.data ?? {} } }), this.context.store.dispatch({ type: "SET_META", payload: { meta: i.meta ?? {} } }), this.unsubscribeI18n = this.context.localization.subscribe((t) => {
+      this.direction = n.getDirectionFromLanguage(t), this.context.store.dispatch({ type: "SET_LANGUAGE", payload: { lang: t } });
     });
   }
   createRenderRoot() {
     return this;
   }
   render() {
-    const i = this.state?.formDef && this.context.widgetRegistry.ready;
-    return y`
-      <form id=${this.formName} novalidate dir=${this.direction}>
-        ${W(
+    const i = this.formState?.formDef && this.context.widgetRegistry.ready, t = this.config?.formName ?? this._defaultFormName;
+    return x`
+      <form
+        id=${t}
+        novalidate
+        dir=${this.direction}
+        autocomplete=${this.autocomplete || I}
+      >
+        ${A(
       i,
-      () => y` <gui-widget .widget=${this.state?.formDef.form}></gui-widget>`,
-      () => y` <div>Loading form...</div>`
+      () => x` <gui-widget .widget=${this.formState?.formDef.form}></gui-widget>`,
+      () => x` <div>Loading form...</div>`
     )}
       </form>
     `;
   }
+  setData(i) {
+    this.context.store.dispatch({ type: "SET_DATA", payload: { data: i } });
+  }
+  setMeta(i) {
+    this.context.store.dispatch({ type: "SET_META", payload: { meta: i } });
+  }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.subscriptions.forEach((i) => i.unsubscribe()), this.unsubscribeI18n();
+    super.disconnectedCallback(), this.stateSub?.unsubscribe(), this.healthSub?.unsubscribe(), this.eventSub?.unsubscribe(), this.unsubscribeI18n();
   }
 };
-o.FORM_HEALTH_EVENT = "formHealth";
-o.FORM_EVENT = "formEvent";
-c([
-  E({ context: v })
-], o.prototype, "context", 2);
-c([
-  n({ type: Object })
-], o.prototype, "formDef", 2);
-c([
-  n({ type: Object })
-], o.prototype, "widgetLoaders", 2);
-c([
-  n({ attribute: !1 })
-], o.prototype, "validators", 2);
-c([
-  n({ type: Array })
-], o.prototype, "middlewares", 2);
-c([
-  n({ type: Object })
-], o.prototype, "data", 2);
-c([
-  n({ type: String })
-], o.prototype, "formName", 2);
-c([
-  n({ converter: V })
-], o.prototype, "validateOn", 2);
-c([
-  n({ type: Object })
-], o.prototype, "itemRenderers", 2);
-c([
-  n({ type: Object })
-], o.prototype, "localization", 2);
-c([
-  _()
-], o.prototype, "direction", 2);
-o = c([
+p.FORM_HEALTH_EVENT = "formHealth";
+p.FORM_EVENT = "formEvent";
+l([
+  $({ context: v })
+], p.prototype, "context", 2);
+l([
+  d({ attribute: !1 })
+], p.prototype, "config", 2);
+l([
+  d({ attribute: !1 })
+], p.prototype, "validators", 2);
+l([
+  d({ type: String })
+], p.prototype, "autocomplete", 2);
+l([
+  W()
+], p.prototype, "direction", 2);
+p = l([
   w("gui-core-form")
-], o);
+], p);
 export {
-  K as ActionWidgetAdapter,
-  g as BaseWidgetAdapter,
-  X as DisplayWidgetAdapter,
-  o as FormElement,
-  q as InputWidgetAdapter,
-  et as LayoutWidgetAdapter,
-  A as LitFormContext,
-  O as RepeaterIndexTokenContext,
-  C as RepeaterWidgetElement,
-  D as WidgetElement,
-  Y as actionContext,
-  Q as displayWidgetContext,
+  Y as ActionWidgetAdapter,
+  b as BaseWidgetAdapter,
+  Q as DisplayWidgetAdapter,
+  p as FormElement,
+  J as InputWidgetAdapter,
+  tt as LayoutWidgetAdapter,
+  S as LitFormContext,
+  D as RepeaterWidgetElement,
+  E as WidgetElement,
+  X as actionContext,
+  Z as displayWidgetContext,
   v as formContext,
-  Z as inputContext,
-  tt as layoutContext,
-  b as repeaterIndexTokenContext
+  q as inputContext,
+  K as layoutContext,
+  y as repeaterIndexesContext
 };

package/index.umd.cjs

@@ -1,5 +1,10 @@
-(function(e,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("@golemui/core"),require("rxjs"),require("@lit/context"),require("lit"),require("lit/decorators.js"),require("lit/directives/when.js")):typeof define=="function"&&define.amd?define(["exports","@golemui/core","rxjs","@lit/context","lit","lit/decorators.js","lit/directives/when.js"],u):(e=typeof globalThis<"u"?globalThis:e||self,u(e.lit={},e.Core,e.rxjs,e.context,e.lit,e.decorators_js,e.when_js))})(this,(function(e,u,h,l,m,o,C){"use strict";function T(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>n[a]})}}return t.default=n,Object.freeze(t)}const d=T(u);class g{constructor(){this.templateData={},this.destroy$=new h.Subject,this.templateDataChanged$=new h.Subject}setTemplateData(t){this.templateData={...this.templateData,...t},this.templateDataChanged$.next()}addWidgetToTheStore(t){this.context.store.dispatch({type:"ADD_WIDGET",payload:{widget:t}})}templateDataUpdater(){this.context.store.state$.pipe(h.takeUntil(this.destroy$),d.calculatedWidgetsByUid$(this.widget.uid)).subscribe(t=>{this.setTemplateData({...t,...t.props,lang:this.context.store.getState().lang})})}destroy(){this.context.store.dispatch({type:"REMOVE_WIDGET",payload:{uid:this.widget.uid}}),this.destroy$.next()}}const x=l.createContext("guiInputWidgetAdapter");class D extends g{constructor(){super(...arguments),this.templateData={}}init(t){this.widget=t,this.addWidgetToTheStore(t),this.templateDataUpdater(),this.context.store.dispatch({type:"SET_WIDGET_INITIAL_DATA",payload:{data:t.defaultValue,path:t.path}}),this.context.store.state$.pipe(h.takeUntil(this.destroy$),d.dataByPath$(t.path)).subscribe(i=>this.setTemplateData({value:i}));const a=this.context.store.state$.pipe(h.takeUntil(this.destroy$),d.validationByPath$(t.path)),s=this.context.store.state$.pipe(h.takeUntil(this.destroy$),d.injectedValidationByPath$(t.path));h.combineLatest([a,s]).subscribe(([i,r])=>{this.setTemplateData({errors:[...i??[],...r??[]]})}),this.context.store.state$.pipe(h.takeUntil(this.destroy$),d.touchedControlsByPath$(t.path)).subscribe(i=>this.setTemplateData({touched:i})),this.context.emitEvent("load",this.widget)}valueChanged(t){this.context.store.dispatch({type:"SET_WIDGET_DATA",payload:{path:this.widget.path,data:t}}),this.context.emitEvent("change",this.widget)}filterChanged(t){this.context.emitEvent("filter",this.widget,t)}injectValidationIssues(t){this.context.store.dispatch({type:"INJECT_VALIDATION_ISSUES",payload:{path:this.widget.path,issues:t}})}getItemRenderer(t,a){return t?this.context.itemRenderers[t]:a}onBlur(){this.context.store.dispatch({type:"ATTEMPT_VALIDATION",payload:{reason:"blur",path:this.widget.path,uid:this.widget.uid}})}}const W=l.createContext("guiDisplayWidgetAdapter");class $ extends g{constructor(){super(...arguments),this.templateData={}}init(t){this.widget=t,this.setTemplateData({...this.widget.props}),this.addWidgetToTheStore(t),this.templateDataUpdater()}}const I=l.createContext("guiActionWidgetAdapter");class A extends g{constructor(){super(...arguments),this.templateData={}}init(t){this.widget=t,this.setTemplateData({label:this.widget.label}),this.addWidgetToTheStore(t),this.templateDataUpdater(),this.context.emitEvent("load",this.widget)}click(){this.context.emitEvent("click",this.widget)}}const O=l.createContext("guiLayoutWidgetAdapter");class F extends g{constructor(){super(...arguments),this.templateData={}}init(t){this.widget=t,this.setTemplateData({...this.widget.props}),this.context.store.state$.pipe(d.calculatedLayoutChildrenByUid$(this.widget.uid)).pipe(h.takeUntil(this.destroy$)).subscribe(a=>{this.setTemplateData({children:a})}),this.addWidgetToTheStore(t),this.templateDataUpdater()}change(t){this.context.emitEvent("change",this.widget,t)}}const y=l.createContext("guiFormContext");class w extends d.FormContext{}const f=l.createContext("guiRepeaterIndexContext");class v{constructor(){this.index=-1}}var R=Object.defineProperty,b=(n,t,a,s)=>{for(var i=void 0,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=p(t,a,i)||i);return i&&R(t,a,i),i};const _=n=>{class t extends n{connectedCallback(){super.connectedCallback?.(),this.loadWidgetComponent()}async loadWidgetComponent(){if(this.widget)try{const s=await this.formContext.widgetRegistry.loadWidget(this.widget.type),i=new s,r=this.repeaterIndex??this.repeaterIndexToken?.index;i.widget=typeof r=="number"&&!Number.isNaN(r)&&r>-1?d.makeRepeaterItemConfig(d.cloneObject(this.widget),r):this.widget,i.id=`host-${this.widget.uid}`,this.replaceWith(i)}catch(s){console.error(`Widget "${this.widget.type}" could not be loaded`,s),this.dispatchEvent(new CustomEvent("formHealth",{detail:{status:"errored",message:`Widget "${this.widget.type}" could not be loaded`},bubbles:!0,composed:!0}))}}render(){return null}}return b([l.consume({context:y}),o.property({attribute:!1})],t.prototype,"formContext"),b([o.property({type:Object})],t.prototype,"widget"),b([o.property({type:Number})],t.prototype,"repeaterIndex"),b([l.consume({context:f,subscribe:!0}),o.property({attribute:!1})],t.prototype,"repeaterIndexToken"),t};var L=Object.getOwnPropertyDescriptor,k=(n,t,a,s)=>{for(var i=s>1?void 0:s?L(t,a):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=p(i)||i);return i};e.WidgetElement=class extends _(m.LitElement){},e.WidgetElement=k([o.customElement("gui-widget")],e.WidgetElement);var N=Object.defineProperty,E=(n,t,a,s)=>{for(var i=void 0,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=p(t,a,i)||i);return i&&N(t,a,i),i};const P=n=>{class t extends n{constructor(){super(...arguments),this.repeaterIndex=-1,this.repeaterIndexToken=new v}connectedCallback(){super.connectedCallback(),this.loadWidgetComponent(this.repeaterIndex)}async loadWidgetComponent(s){if(this.widget)try{const i=await this.formContext.widgetRegistry.loadWidget(this.widget.type),r=new i;this.repeaterIndexToken.index=s,new l.ContextProvider(r,f,this.repeaterIndexToken),r.widget=d.makeRepeaterItemConfig(d.cloneObject(this.widget),s),r.id=`host-${this.widget.uid}`,this.replaceWith(r)}catch(i){console.error(`Widget "${this.widget.type}" could not be loaded`,i),this.dispatchEvent(new CustomEvent("formHealth",{detail:{status:"errored",message:`Widget "${this.widget.type}" could not be loaded`},bubbles:!0,composed:!0}))}}render(){return null}}return E([l.consume({context:y}),o.property({attribute:!1})],t.prototype,"formContext"),E([o.property({type:Object})],t.prototype,"widget"),E([o.property({type:Number})],t.prototype,"repeaterIndex"),E([l.provide({context:f})],t.prototype,"repeaterIndexToken"),t};var S=Object.getOwnPropertyDescriptor,U=(n,t,a,s)=>{for(var i=s>1?void 0:s?S(t,a):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=p(i)||i);return i};e.RepeaterWidgetElement=class extends P(m.LitElement){},e.RepeaterWidgetElement=U([o.customElement("gui-repeater-widget")],e.RepeaterWidgetElement);const V={fromAttribute(n){if(n!==null){try{const t=JSON.parse(n);if(Array.isArray(t))return t}catch{}return n}}};var M=Object.defineProperty,B=Object.getOwnPropertyDescriptor,c=(n,t,a,s)=>{for(var i=s>1?void 0:s?B(t,a):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=(s?p(t,a,i):p(i))||i);return s&&i&&M(t,a,i),i};e.FormElement=class extends m.LitElement{constructor(){super(...arguments),this.context=new w,this.formDef={},this.middlewares=[],this.data={},this.formName=d.shortUUID(),this.validateOn="eager",this.itemRenderers={},this.direction="ltr",this.subscriptions=[],this.unsubscribeI18n=()=>{}}connectedCallback(){super.connectedCallback(),this.classList.add("gui-form"),this.context.initialize(this.widgetLoaders,this.middlewares,this.validators,this.validateOn,this.itemRenderers,this.localization),this.direction=d.getDirectionFromLanguage(this.context.localization.lang),this.subscriptions.push(this.context.store.state$.subscribe(t=>this.state=t),d.formHealth(this.context.store.state$).subscribe(t=>{this.dispatchEvent(new CustomEvent(e.FormElement.FORM_HEALTH_EVENT,{detail:t,bubbles:!0}))}),this.context.events$.subscribe(t=>this.dispatchEvent(new CustomEvent(e.FormElement.FORM_EVENT,{detail:t,bubbles:!0})))),this.context.store.dispatch({type:"INITIALIZE",payload:{formName:this.formName,formDef:this.formDef}}),this.context.store.dispatch({type:"SET_DATA",payload:{data:this.data}}),this.unsubscribeI18n=this.context.localization.subscribe(t=>{this.direction=d.getDirectionFromLanguage(t),this.context.store.dispatch({type:"SET_LANGUAGE",payload:{lang:t}})})}createRenderRoot(){return this}render(){const t=this.state?.formDef&&this.context.widgetRegistry.ready;return m.html`
-      <form id=${this.formName} novalidate dir=${this.direction}>
-        ${C.when(t,()=>m.html` <gui-widget .widget=${this.state?.formDef.form}></gui-widget>`,()=>m.html` <div>Loading form...</div>`)}
+(function(i,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("@golemui/core"),require("rxjs"),require("@lit/context"),require("lit"),require("lit/decorators.js"),require("lit/directives/when.js")):typeof define=="function"&&define.amd?define(["exports","@golemui/core","rxjs","@lit/context","lit","lit/decorators.js","lit/directives/when.js"],m):(i=typeof globalThis<"u"?globalThis:i||self,m(i.lit={},i.Core,i.rxjs,i.context,i.lit,i.decorators_js,i.when_js))})(this,(function(i,m,c,h,l,p,w){"use strict";function x(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const s in a)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(a,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>a[s]})}}return t.default=a,Object.freeze(t)}const d=x(m);class g{constructor(){this.templateData={},this.destroy$=new c.Subject,this.templateDataChanged$=new c.Subject}setTemplateData(t){this.templateData={...this.templateData,...t},this.templateDataChanged$.next()}addWidgetToTheStore(t){this.context.store.dispatch({type:"ADD_WIDGET",payload:{widget:t}})}templateDataUpdater(){this.context.store.state$.pipe(c.takeUntil(this.destroy$),d.calculatedWidgetsByUid$(this.widget.uid)).subscribe(t=>{const s={...t,lang:this.context.store.getState().lang,deps:this.context.dependencies};d.assertNoPropCollisions(t.uid,t.props,s),this.setTemplateData({...s,...t.props})})}destroy(){this.context.store.dispatch({type:"REMOVE_WIDGET",payload:{uid:this.widget.uid}}),this.destroy$.next()}}const v=h.createContext("guiInputWidgetAdapter");class D extends g{constructor(){super(...arguments),this.templateData={}}init(t){this.widget=t,this.addWidgetToTheStore(t),this.templateDataUpdater(),this.context.store.dispatch({type:"SET_WIDGET_INITIAL_DATA",payload:{data:t.defaultValue,path:t.path}}),this.context.store.state$.pipe(c.takeUntil(this.destroy$),d.dataByPath$(t.path)).subscribe(e=>this.setTemplateData({value:e}));const s=this.context.store.state$.pipe(c.takeUntil(this.destroy$),d.validationByPath$(t.path)),r=this.context.store.state$.pipe(c.takeUntil(this.destroy$),d.injectedValidationByPath$(t.path));c.combineLatest([s,r]).subscribe(([e,n])=>{this.setTemplateData({errors:[...e??[],...n??[]]})}),this.context.store.state$.pipe(c.takeUntil(this.destroy$),d.touchedControlsByPath$(t.path)).subscribe(e=>this.setTemplateData({touched:e})),this.context.emitEvent("load",this.widget)}valueChanged(t){this.context.store.dispatch({type:"SET_WIDGET_DATA",payload:{path:this.widget.path,data:t}}),this.context.emitEvent("change",this.widget)}filterChanged(t){this.context.emitEvent("filter",this.widget,t)}injectValidationIssues(t){this.context.store.dispatch({type:"INJECT_VALIDATION_ISSUES",payload:{path:this.widget.path,issues:t}})}getItemRenderer(t,s){return t?this.context.itemRenderers[t]:s}onBlur(){this.context.store.dispatch({type:"ATTEMPT_VALIDATION",payload:{reason:"blur",path:this.widget.path,uid:this.widget.uid}}),this.context.emitEvent("blur",this.widget)}}const T=h.createContext("guiDisplayWidgetAdapter");class $ extends g{constructor(){super(...arguments),this.templateData={}}init(t){this.widget=t,this.setTemplateData({...this.widget.props}),this.addWidgetToTheStore(t),this.templateDataUpdater()}}const W=h.createContext("guiActionWidgetAdapter");class I extends g{constructor(){super(...arguments),this.templateData={}}init(t){this.widget=t,this.setTemplateData({label:this.widget.label,icon:this.widget.props?.icon,iconPosition:this.widget.props?.iconPosition}),this.addWidgetToTheStore(t),this.templateDataUpdater(),this.context.emitEvent("load",this.widget)}click(){this.context.emitEvent("click",this.widget)}}const A=h.createContext("guiLayoutWidgetAdapter");class _ extends g{constructor(){super(...arguments),this.templateData={}}init(t){this.widget=t,this.setTemplateData({...this.widget.props}),this.context.store.state$.pipe(d.calculatedLayoutChildrenByUid$(this.widget.uid)).pipe(c.takeUntil(this.destroy$)).subscribe(s=>{this.setTemplateData({children:s})}),this.addWidgetToTheStore(t),this.templateDataUpdater()}change(t){this.context.emitEvent("change",this.widget,t)}}const y=h.createContext("guiFormContext");class C extends d.FormContext{}const b=h.createContext("guiRepeaterIndexesContext");var S=Object.defineProperty,f=(a,t,s,r)=>{for(var e=void 0,n=a.length-1,o;n>=0;n--)(o=a[n])&&(e=o(t,s,e)||e);return e&&S(t,s,e),e};const O=a=>{class t extends a{constructor(){super(...arguments),this.repeaterIndexes=[]}connectedCallback(){super.connectedCallback?.(),this.loadWidgetComponent()}async loadWidgetComponent(){if(this.widget)try{const r=await this.formContext.widgetRegistry.loadWidget(this.widget.type),e=new r,n=this.repeaterIndexes??[];let o;this.repeaterIndex!==void 0?o=[...n,this.repeaterIndex]:o=n,e.widget=o.length>0?d.makeRepeaterItemConfig(d.cloneObject(this.widget),o):this.widget,e.id=`host-${this.widget.uid}`,this.replaceWith(e)}catch(r){console.error(`Widget "${this.widget.type}" could not be loaded`,r);const e=d.errorCodes.widgetCouldNotBeLoaded;this.dispatchEvent(new CustomEvent("formHealth",{detail:{status:"errored",message:`[${e}] Widget "${this.widget.type}" could not be loaded`,code:e},bubbles:!0,composed:!0}))}}render(){return null}}return f([h.consume({context:y}),p.property({attribute:!1})],t.prototype,"formContext"),f([p.property({type:Object})],t.prototype,"widget"),f([p.property({type:Number})],t.prototype,"repeaterIndex"),f([h.consume({context:b,subscribe:!0}),p.property({attribute:!1})],t.prototype,"repeaterIndexes"),t};var F=Object.getOwnPropertyDescriptor,R=(a,t,s,r)=>{for(var e=r>1?void 0:r?F(t,s):t,n=a.length-1,o;n>=0;n--)(o=a[n])&&(e=o(e)||e);return e};i.WidgetElement=class extends O(l.LitElement){},i.WidgetElement=R([p.customElement("gui-widget")],i.WidgetElement);var L=Object.defineProperty,E=(a,t,s,r)=>{for(var e=void 0,n=a.length-1,o;n>=0;n--)(o=a[n])&&(e=o(t,s,e)||e);return e&&L(t,s,e),e};const P=a=>{class t extends a{constructor(){super(...arguments),this.repeaterIndex=-1,this.parentRepeaterIndexes=[]}connectedCallback(){super.connectedCallback(),this.loadWidgetComponent(this.repeaterIndex)}async loadWidgetComponent(r){if(this.widget)try{const e=await this.formContext.widgetRegistry.loadWidget(this.widget.type),n=new e,o=[...this.parentRepeaterIndexes??[],r];new h.ContextProvider(n,{context:b,initialValue:o}),n.widget=d.makeRepeaterItemConfig(d.cloneObject(this.widget),o),n.id=`host-${this.widget.uid}`,this.replaceWith(n)}catch(e){console.error(`Widget "${this.widget.type}" could not be loaded`,e);const n=d.errorCodes.widgetCouldNotBeLoaded;this.dispatchEvent(new CustomEvent("formHealth",{detail:{status:"errored",message:`[${n}] Widget "${this.widget.type}" could not be loaded`,code:n},bubbles:!0,composed:!0}))}}render(){return null}}return E([h.consume({context:y}),p.property({attribute:!1})],t.prototype,"formContext"),E([p.property({type:Object})],t.prototype,"widget"),E([p.property({type:Number})],t.prototype,"repeaterIndex"),E([h.consume({context:b,subscribe:!0}),p.property({attribute:!1})],t.prototype,"parentRepeaterIndexes"),t};var N=Object.getOwnPropertyDescriptor,U=(a,t,s,r)=>{for(var e=r>1?void 0:r?N(t,s):t,n=a.length-1,o;n>=0;n--)(o=a[n])&&(e=o(e)||e);return e};i.RepeaterWidgetElement=class extends P(l.LitElement){},i.RepeaterWidgetElement=U([p.customElement("gui-repeater-widget")],i.RepeaterWidgetElement);var M=Object.defineProperty,k=Object.getOwnPropertyDescriptor,u=(a,t,s,r)=>{for(var e=r>1?void 0:r?k(t,s):t,n=a.length-1,o;n>=0;n--)(o=a[n])&&(e=(r?o(t,s,e):o(e))||e);return r&&e&&M(t,s,e),e};i.FormElement=class extends l.LitElement{constructor(){super(...arguments),this.context=new C,this.autocomplete=void 0,this.direction="ltr",this.unsubscribeI18n=()=>{},this._defaultFormName=d.shortUUID()}connectedCallback(){super.connectedCallback(),this.classList.add("gui-form"),this.eventSub=this.context.events$.subscribe(t=>this.dispatchEvent(new CustomEvent(i.FormElement.FORM_EVENT,{detail:t,bubbles:!0})))}updated(t){super.updated(t),t.has("config")&&this.config&&this._reinitialize(this.config)}_reinitialize(t){this.unsubscribeI18n(),this.stateSub?.unsubscribe(),this.healthSub?.unsubscribe(),this.context.initialize(t.widgetLoaders,t.middlewares??[],this.validators,t.validateOn??"eager",t.itemRenderers??{},t.localization,t.dependencies??{}),this.direction=d.getDirectionFromLanguage(this.context.localization.lang),this.stateSub=this.context.store.state$.subscribe(s=>{this.formState=s,this.requestUpdate()}),this.healthSub=d.formHealth(this.context.store.state$).subscribe(s=>{this.dispatchEvent(new CustomEvent(i.FormElement.FORM_HEALTH_EVENT,{detail:s,bubbles:!0}))}),this.context.store.dispatch({type:"INITIALIZE",payload:{formName:t.formName??this._defaultFormName,formDef:t.formDef}}),this.context.store.dispatch({type:"SET_DATA",payload:{data:t.data??{}}}),this.context.store.dispatch({type:"SET_META",payload:{meta:t.meta??{}}}),this.unsubscribeI18n=this.context.localization.subscribe(s=>{this.direction=d.getDirectionFromLanguage(s),this.context.store.dispatch({type:"SET_LANGUAGE",payload:{lang:s}})})}createRenderRoot(){return this}render(){const t=this.formState?.formDef&&this.context.widgetRegistry.ready,s=this.config?.formName??this._defaultFormName;return l.html`
+      <form
+        id=${s}
+        novalidate
+        dir=${this.direction}
+        autocomplete=${this.autocomplete||l.nothing}
+      >
+        ${w.when(t,()=>l.html` <gui-widget .widget=${this.formState?.formDef.form}></gui-widget>`,()=>l.html` <div>Loading form...</div>`)}
       </form>
-    `}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(t=>t.unsubscribe()),this.unsubscribeI18n()}},e.FormElement.FORM_HEALTH_EVENT="formHealth",e.FormElement.FORM_EVENT="formEvent",c([l.provide({context:y})],e.FormElement.prototype,"context",2),c([o.property({type:Object})],e.FormElement.prototype,"formDef",2),c([o.property({type:Object})],e.FormElement.prototype,"widgetLoaders",2),c([o.property({attribute:!1})],e.FormElement.prototype,"validators",2),c([o.property({type:Array})],e.FormElement.prototype,"middlewares",2),c([o.property({type:Object})],e.FormElement.prototype,"data",2),c([o.property({type:String})],e.FormElement.prototype,"formName",2),c([o.property({converter:V})],e.FormElement.prototype,"validateOn",2),c([o.property({type:Object})],e.FormElement.prototype,"itemRenderers",2),c([o.property({type:Object})],e.FormElement.prototype,"localization",2),c([o.state()],e.FormElement.prototype,"direction",2),e.FormElement=c([o.customElement("gui-core-form")],e.FormElement),e.ActionWidgetAdapter=A,e.BaseWidgetAdapter=g,e.DisplayWidgetAdapter=$,e.InputWidgetAdapter=D,e.LayoutWidgetAdapter=F,e.LitFormContext=w,e.RepeaterIndexTokenContext=v,e.actionContext=I,e.displayWidgetContext=W,e.formContext=y,e.inputContext=x,e.layoutContext=O,e.repeaterIndexTokenContext=f,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+    `}setData(t){this.context.store.dispatch({type:"SET_DATA",payload:{data:t}})}setMeta(t){this.context.store.dispatch({type:"SET_META",payload:{meta:t}})}disconnectedCallback(){super.disconnectedCallback(),this.stateSub?.unsubscribe(),this.healthSub?.unsubscribe(),this.eventSub?.unsubscribe(),this.unsubscribeI18n()}},i.FormElement.FORM_HEALTH_EVENT="formHealth",i.FormElement.FORM_EVENT="formEvent",u([h.provide({context:y})],i.FormElement.prototype,"context",2),u([p.property({attribute:!1})],i.FormElement.prototype,"config",2),u([p.property({attribute:!1})],i.FormElement.prototype,"validators",2),u([p.property({type:String})],i.FormElement.prototype,"autocomplete",2),u([p.state()],i.FormElement.prototype,"direction",2),i.FormElement=u([p.customElement("gui-core-form")],i.FormElement),i.ActionWidgetAdapter=I,i.BaseWidgetAdapter=g,i.DisplayWidgetAdapter=$,i.InputWidgetAdapter=D,i.LayoutWidgetAdapter=_,i.LitFormContext=C,i.actionContext=W,i.displayWidgetContext=T,i.formContext=y,i.inputContext=v,i.layoutContext=A,i.repeaterIndexesContext=b,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));

package/lib/adapters/action-widget.adapter.d.ts

@@ -1,10 +1,10 @@
 import { BaseWidgetAdapter } from './base-widget.adapter';
 import * as Core from '@golemui/core';
 export declare const actionContext: {
-    __context__: ActionWidgetAdapter;
+    __context__: ActionWidgetAdapter<any>;
 };
-export declare class ActionWidgetAdapter extends BaseWidgetAdapter<Core.ActionWidget> {
-    templateData: Core.ActionWidgetTemplateData;
+export declare class ActionWidgetAdapter<ExtraProps extends Record<string, any>> extends BaseWidgetAdapter<Core.ActionWidget> {
+    templateData: Core.ActionWidgetTemplateData & ExtraProps;
     init(widget: Core.ActionWidget): void;
     click(): void;
 }

package/lib/components/form/form.element.d.ts

@@ -1,27 +1,27 @@
-import { State, WidgetLoaders, WithWidget } from '@golemui/core';
+import { FormInitConfig, WithWidget } from '@golemui/core';
 import { LitElement } from 'lit';
-import { Subscription } from 'rxjs';
 import { LitFormContext } from '../../context/form.context';
 import * as Core from '@golemui/core';
 export declare class FormElement extends LitElement {
     context: LitFormContext<Core.WithWidget>;
-    formDef: any;
-    widgetLoaders: WidgetLoaders<WithWidget>;
+    config: FormInitConfig<WithWidget>;
     validators: Core.ValidatorFn<any>;
-    middlewares: Core.Middleware<Core.State, Core.Action>[];
-    data: any;
-    formName: string;
-    validateOn: Core.ValidateOn;
-    itemRenderers: Record<string, Core.ItemRenderer>;
-    localization?: Core.I18nTranslator;
+    autocomplete: string | undefined;
     direction: 'ltr' | 'rtl';
-    state: State | undefined;
-    subscriptions: Subscription[];
+    private formState;
+    private stateSub;
+    private healthSub;
+    private eventSub;
     private unsubscribeI18n;
+    private readonly _defaultFormName;
     static FORM_HEALTH_EVENT: string;
     static FORM_EVENT: string;
     connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _reinitialize;
     createRenderRoot(): this;
     render(): import('lit-html').TemplateResult<1>;
+    setData(data: Record<string, any>): void;
+    setMeta(meta: Record<string, any>): void;
     disconnectedCallback(): void;
 }

package/lib/context/repeater-index-token.context.d.ts

@@ -1,6 +1,3 @@
-export declare const repeaterIndexTokenContext: {
-    __context__: RepeaterIndexTokenContext;
+export declare const repeaterIndexesContext: {
+    __context__: number[];
 };
-export declare class RepeaterIndexTokenContext {
-    index: number;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golemui/lit",
-  "version": "0.0.2",
+  "version": "0.12.1",
   "type": "module",
   "main": "./index.umd.cjs",
   "module": "./index.js",
@@ -20,9 +20,14 @@
     "*.md"
   ],
   "peerDependencies": {
-    "@golemui/core": "*",
+    "@golemui/core": "0.12.1",
     "@lit/context": "^1.1.6",
     "lit": "^3.3.1",
     "rxjs": "^7.8.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/golemui/golemui.git",
+    "directory": "libs/lit"
   }
 }