@golemui/lit 0.0.2

package/CHANGELOG.md

@@ -0,0 +1,448 @@
+## 0.19.0 (2026-03-02)
+
+### 🚀 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

package/README.md

@@ -0,0 +1,7 @@
+# lit
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build lit` to build the library.

package/index.d.ts

@@ -0,0 +1,12 @@
+export * from './lib/adapters/base-widget.adapter';
+export * from './lib/adapters/input-widget.adapter';
+export * from './lib/adapters/display.widget-adapter';
+export * from './lib/adapters/action-widget.adapter';
+export * from './lib/adapters/layout-widget.adapter';
+export * from './lib/components/widget/widget-element';
+export * from './lib/components/widget/repeater-widget.element';
+export * from './lib/components/form/form.element';
+export * from './lib/components/item-renderers/item-renderer';
+export * from './lib/context/form.context';
+export * from './lib/context/repeater-index-token.context';
+export * from './lib/utils/type';

package/index.js

@@ -0,0 +1,388 @@
+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 {
+  constructor() {
+    this.templateData = {}, this.destroy$ = new T(), this.templateDataChanged$ = new T();
+  }
+  setTemplateData(t) {
+    this.templateData = { ...this.templateData, ...t }, this.templateDataChanged$.next();
+  }
+  addWidgetToTheStore(t) {
+    this.context.store.dispatch({
+      type: "ADD_WIDGET",
+      payload: { widget: t }
+    });
+  }
+  // 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({
+        ...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 Z = l("guiInputWidgetAdapter");
+class q 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(this.destroy$), p.dataByPath$(t.path)).subscribe((e) => this.setTemplateData({ value: e }));
+    const a = this.context.store.state$.pipe(
+      h(this.destroy$),
+      p.validationByPath$(t.path)
+    ), r = this.context.store.state$.pipe(
+      h(this.destroy$),
+      p.injectedValidationByPath$(t.path)
+    );
+    $([a, 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);
+  }
+  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 }
+    });
+  }
+  /**
+   * This is a helper to get the item renderer from the context
+   */
+  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 Q = l("guiDisplayWidgetAdapter");
+class X extends g {
+  constructor() {
+    super(...arguments), this.templateData = {};
+  }
+  init(t) {
+    this.widget = t, this.setTemplateData({
+      ...this.widget.props
+    }), this.addWidgetToTheStore(t), this.templateDataUpdater();
+  }
+}
+const Y = l("guiActionWidgetAdapter");
+class K 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 tt = l("guiLayoutWidgetAdapter");
+class et extends g {
+  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.setTemplateData({
+        children: a
+      });
+    }), this.addWidgetToTheStore(t), this.templateDataUpdater();
+  }
+  change(t) {
+    this.context.emitEvent("change", this.widget, t);
+  }
+}
+const v = l("guiFormContext");
+class A extends p.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 N = (i) => {
+  class t extends i {
+    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);
+        } catch (r) {
+          console.error(`Widget "${this.widget.type}" could not be loaded`, r), 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 u([
+    x({ context: v }),
+    n({ attribute: !1 })
+  ], t.prototype, "formContext"), u([
+    n({ type: Object })
+  ], t.prototype, "widget"), u([
+    n({ type: Number })
+  ], t.prototype, "repeaterIndex"), u([
+    x({ context: b, subscribe: !0 }),
+    n({ attribute: !1 })
+  ], t.prototype, "repeaterIndexToken"), 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);
+  return e;
+};
+let D = class extends N(f) {
+};
+D = L([
+  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;
+};
+const S = (i) => {
+  class t extends i {
+    constructor() {
+      super(...arguments), this.repeaterIndex = -1, this.repeaterIndexToken = new O();
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.loadWidgetComponent(this.repeaterIndex);
+    }
+    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);
+        } catch (e) {
+          console.error(`Widget "${this.widget.type}" could not be loaded`, e), 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 m([
+    x({ context: v }),
+    n({ attribute: !1 })
+  ], t.prototype, "formContext"), m([
+    n({ type: Object })
+  ], t.prototype, "widget"), m([
+    n({ type: Number })
+  ], t.prototype, "repeaterIndex"), m([
+    E({ context: b })
+  ], t.prototype, "repeaterIndexToken"), 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);
+  return e;
+};
+let C = class extends S(f) {
+};
+C = 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;
+};
+let o = 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 = () => {
+    };
+  }
+  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 })
+        )
+      )
+    ), 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((i) => {
+      this.direction = p.getDirectionFromLanguage(i), this.context.store.dispatch({
+        type: "SET_LANGUAGE",
+        payload: {
+          lang: i
+        }
+      });
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  render() {
+    const i = this.state?.formDef && this.context.widgetRegistry.ready;
+    return y`
+      <form id=${this.formName} novalidate dir=${this.direction}>
+        ${W(
+      i,
+      () => y` <gui-widget .widget=${this.state?.formDef.form}></gui-widget>`,
+      () => y` <div>Loading form...</div>`
+    )}
+      </form>
+    `;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.subscriptions.forEach((i) => i.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([
+  w("gui-core-form")
+], o);
+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,
+  v as formContext,
+  Z as inputContext,
+  tt as layoutContext,
+  b as repeaterIndexTokenContext
+};

package/index.umd.cjs

@@ -0,0 +1,5 @@
+(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>`)}
+      </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"})}));

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

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

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

@@ -0,0 +1,15 @@
+import { WithWidget } from '@golemui/core';
+import { Subject } from 'rxjs';
+import { LitFormContext } from '../context/form.context';
+import * as Core from '@golemui/core';
+export declare abstract class BaseWidgetAdapter<F extends Core.FormWidget> {
+    context: LitFormContext<WithWidget>;
+    templateData: any;
+    protected destroy$: Subject<void>;
+    protected widget: F;
+    templateDataChanged$: Subject<void>;
+    protected setTemplateData(patch: any): void;
+    protected addWidgetToTheStore(widget: F): void;
+    protected templateDataUpdater(): void;
+    destroy(): void;
+}

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

@@ -0,0 +1,9 @@
+import { BaseWidgetAdapter } from './base-widget.adapter';
+import * as Core from '@golemui/core';
+export declare const displayWidgetContext: {
+    __context__: DisplayWidgetAdapter<any>;
+};
+export declare class DisplayWidgetAdapter<ExtraProps extends Record<string, any>> extends BaseWidgetAdapter<Core.DisplayWidget> {
+    templateData: Core.DisplayWidgetTemplateData & ExtraProps;
+    init(widget: Core.DisplayWidget): void;
+}

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

@@ -0,0 +1,18 @@
+import { LitItemRenderer } from '../components/item-renderers/item-renderer';
+import { BaseWidgetAdapter } from './base-widget.adapter';
+import * as Core from '@golemui/core';
+export declare const inputContext: {
+    __context__: InputWidgetAdapter<any, any>;
+};
+export declare class InputWidgetAdapter<T, ExtraProps extends Record<string, any>> extends BaseWidgetAdapter<Core.InputWidget<T>> {
+    templateData: Core.ControlTemplateData<T> & ExtraProps;
+    init(widget: Core.InputWidget<T>): void;
+    valueChanged<T>(value: T): void;
+    filterChanged<T>(value: T): void;
+    injectValidationIssues(issues: string[] | null): void;
+    /**
+     * This is a helper to get the item renderer from the context
+     */
+    getItemRenderer<T extends Core.ItemRenderItemData>(itemRendererKey: string | undefined, defaultItemRenderer: LitItemRenderer<T>): LitItemRenderer<T>;
+    onBlur(): void;
+}

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

@@ -0,0 +1,10 @@
+import { BaseWidgetAdapter } from './base-widget.adapter';
+import * as Core from '@golemui/core';
+export declare const layoutContext: {
+    __context__: LayoutWidgetAdapter<any>;
+};
+export declare class LayoutWidgetAdapter<ExtraProps extends Record<string, any>> extends BaseWidgetAdapter<Core.LayoutWidget> {
+    templateData: Core.LayoutTemplateData & ExtraProps;
+    init(widget: Core.LayoutWidget): void;
+    change<T>(detail?: T): void;
+}

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

@@ -0,0 +1,27 @@
+import { State, WidgetLoaders, 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>;
+    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;
+    direction: 'ltr' | 'rtl';
+    state: State | undefined;
+    subscriptions: Subscription[];
+    private unsubscribeI18n;
+    static FORM_HEALTH_EVENT: string;
+    static FORM_EVENT: string;
+    connectedCallback(): void;
+    createRenderRoot(): this;
+    render(): import('lit-html').TemplateResult<1>;
+    disconnectedCallback(): void;
+}

package/lib/components/form/property.converters.d.ts

@@ -0,0 +1,3 @@
+import { ComplexAttributeConverter } from 'lit';
+import * as Core from '@golemui/core';
+export declare const ValidateOnConverter: ComplexAttributeConverter<Core.ValidateOn | undefined>;

package/lib/components/item-renderers/item-renderer.d.ts

@@ -0,0 +1,7 @@
+import { TemplateResult } from 'lit';
+import * as Core from '@golemui/core';
+/**
+ * The Lit-specific Core.ItemRenderer type.
+ * @template T The type of the data item.
+ */
+export type LitItemRenderer<T extends Core.ItemRenderItemData> = (ctx: Core.ItemRenderContext<T>) => TemplateResult;

package/lib/components/widget/repeater-widget.element.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+declare const RepeaterWidgetElement_base: typeof LitElement & (new (...args: any[]) => LitElement);
+export declare class RepeaterWidgetElement extends RepeaterWidgetElement_base {
+}
+export {};

package/lib/components/widget/widget-element.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+declare const WidgetElement_base: typeof LitElement & (new (...args: any[]) => LitElement);
+export declare class WidgetElement extends WidgetElement_base {
+}
+export {};

package/lib/context/form.context.d.ts

@@ -0,0 +1,6 @@
+import * as Core from '@golemui/core';
+export declare const formContext: {
+    __context__: LitFormContext<any>;
+};
+export declare class LitFormContext<T extends Core.WithWidget> extends Core.FormContext<T> {
+}

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

@@ -0,0 +1,6 @@
+export declare const repeaterIndexTokenContext: {
+    __context__: RepeaterIndexTokenContext;
+};
+export declare class RepeaterIndexTokenContext {
+    index: number;
+}

package/lib/mixins/repeater-widget.mixin.d.ts

@@ -0,0 +1,2 @@
+import { LitElement } from 'lit';
+export declare const RepeaterWidgetMixin: <T extends new (...args: any[]) => LitElement>(superClass: T) => T & (new (...args: any[]) => LitElement);

package/lib/mixins/widget-mixin.d.ts

@@ -0,0 +1,2 @@
+import { LitElement } from 'lit';
+export declare const WidgetMixin: <T extends new (...args: any[]) => LitElement>(superClass: T) => T & (new (...args: any[]) => LitElement);

package/lib/utils/type.d.ts

@@ -0,0 +1,3 @@
+export interface Type<T> {
+    new (...args: any[]): T;
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@golemui/lit",
+  "version": "0.0.2",
+  "type": "module",
+  "main": "./index.umd.cjs",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "require": "./index.umd.cjs"
+    }
+  },
+  "files": [
+    "lib",
+    "index.d.ts",
+    "index.js",
+    "index.umd.cjs",
+    "*.md"
+  ],
+  "peerDependencies": {
+    "@golemui/core": "*",
+    "@lit/context": "^1.1.6",
+    "lit": "^3.3.1",
+    "rxjs": "^7.8.0"
+  }
+}