@golemui/gui-lit 0.0.2 → 0.12.1

package/flex.element-BSMOum-h.js

@@ -1,65 +0,0 @@
-import * as n from "@golemui/lit";
-import { consume as c, provide as u } from "@lit/context";
-import { LitElement as g, html as d } from "lit";
-import { property as h, customElement as m } from "lit/decorators.js";
-import { repeat as f } from "lit-html/directives/repeat.js";
-import { classMap as x } from "lit/directives/class-map.js";
-var _ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, o = (e, t, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? w(t, s) : t, l = e.length - 1, p; l >= 0; l--)
-    (p = e[l]) && (a = (i ? p(t, s, a) : p(a)) || a);
-  return i && a && _(t, s, a), a;
-};
-let r = class extends g {
-  constructor() {
-    super(...arguments), this.adapter = new n.LayoutWidgetAdapter(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-flex"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  updated(e) {
-    super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
-  render() {
-    const e = {
-      "gui-flex__widget": !0,
-      "gui-flex__widget--horizontal": this.adapter.templateData.direction === "horizontal",
-      "gui-flex__widget--align-start": this.adapter.templateData.align === "start",
-      "gui-flex__widget--align-end": this.adapter.templateData.align === "end",
-      "gui-flex__widget--align-center": this.adapter.templateData.align === "center",
-      "gui-flex__widget--align-space-between": this.adapter.templateData.align === "space-between",
-      "gui-flex__widget--align-space-around": this.adapter.templateData.align === "space-around"
-    };
-    return d`
-      <div class=${x(e)} id=${this.widget?.uid}>
-        ${f(
-      this.adapter.templateData.children || [],
-      (t) => t?.uid,
-      (t) => d`<gui-widget .widget=${t}></gui-widget>`
-    )}
-      </div>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
-  }
-};
-o([
-  c({ context: n.formContext }),
-  h({ attribute: !1 })
-], r.prototype, "formContext", 2);
-o([
-  u({ context: n.layoutContext })
-], r.prototype, "adapter", 2);
-r = o([
-  m("gui-flex-layout")
-], r);
-export {
-  r as FlexElement
-};

package/renderer.element-B7AjPqr2.js

@@ -1,43 +0,0 @@
-import * as p from "@golemui/lit";
-import { consume as c, provide as l } from "@lit/context";
-import { LitElement as u, html as m } from "lit";
-import { property as h, customElement as b } from "lit/decorators.js";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, d = (e, r, a, s) => {
-  for (var t = s > 1 ? void 0 : s ? g(r, a) : r, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (t = (s ? n(r, a, t) : n(t)) || t);
-  return s && t && f(r, a, t), t;
-};
-let i = class extends u {
-  constructor() {
-    super(...arguments), this.adapter = new p.DisplayWidgetAdapter(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-renderer"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  render() {
-    return m`
-      <div class="gui-widget" id=${this.widget.uid}>${this.adapter.templateData.render}</div>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
-  }
-};
-d([
-  c({ context: p.formContext }),
-  h({ attribute: !1 })
-], i.prototype, "formContext", 2);
-d([
-  l({ context: p.displayWidgetContext })
-], i.prototype, "adapter", 2);
-i = d([
-  b("gui-renderer-component")
-], i);
-export {
-  i as RendererElement
-};

package/repeater.element-BfwzCooC.js

@@ -1,83 +0,0 @@
-import * as o from "@golemui/lit";
-import { consume as u, provide as h } from "@lit/context";
-import { LitElement as m, nothing as c, html as n } from "lit";
-import { repeat as b } from "lit-html/directives/repeat.js";
-import { property as v, customElement as g } from "lit/decorators.js";
-var f = Object.defineProperty, D = Object.getOwnPropertyDescriptor, l = (e, t, s, r) => {
-  for (var a = r > 1 ? void 0 : r ? D(t, s) : t, p = e.length - 1, d; p >= 0; p--)
-    (d = e[p]) && (a = (r ? d(t, s, a) : d(a)) || a);
-  return r && a && f(t, s, a), a;
-};
-let i = class extends m {
-  constructor() {
-    super(...arguments), this.adapter = new o.InputWidgetAdapter(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-repeater"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  updated(e) {
-    super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
-  render() {
-    return super.render(), n`
-      <div id=${this.widget.uid}>
-        <h2>${this.adapter.templateData.label}</h2>
-
-        ${this.adapter.templateData.value ? b(
-      this.adapter.templateData.value,
-      (e) => e.uid,
-      (e, t) => n`
-                <div class="card">
-                  <gui-repeater-widget
-                    .repeaterIndex=${t}
-                    .widget=${this.adapter.templateData.template}
-                  ></gui-repeater-widget>
-                  <button type="button" class="gui-button" @click=${() => this.removeItem(t)}>
-                    ${this.adapter.templateData.removeLabel ?? "Remove"}
-                  </button>
-                </div>
-              `
-    ) : c}
-
-        <button
-          type="button"
-          class="gui-button"
-          @click=${() => this.addItem()}
-          ?disabled=${!!(this.adapter.templateData.limit && this.adapter.templateData.limit === this.adapter.templateData.value?.length)}
-        >
-          ${this.adapter.templateData.addLabel ?? "Add"}
-        </button>
-      </div>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
-  }
-  addItem() {
-    this.adapter.valueChanged([...this.adapter.templateData.value ?? [], {}]), this.requestUpdate();
-  }
-  removeItem(e) {
-    const t = [...this.adapter.templateData.value ?? []];
-    t.splice(e, 1), this.adapter.valueChanged(t), this.requestUpdate();
-  }
-};
-l([
-  u({ context: o.formContext }),
-  v({ attribute: !1 })
-], i.prototype, "formContext", 2);
-l([
-  h({ context: o.inputContext })
-], i.prototype, "adapter", 2);
-i = l([
-  g("gui-repeater-input")
-], i);
-export {
-  i as RepeaterElement
-};