@golemui/gui-lit 1.1.1-rc.3 → 1.2.1-rc.0

package/{flex.element-DG4Uaj_X.js → flex.element-pwba7621.js}

@@ -1,18 +1,19 @@
-import { LayoutWidgetAdapter as o, formContext as u, layoutContext as g } from "@golemui/lit";
-import { consume as c, provide as m } from "@lit/context";
-import { LitElement as f, html as n } from "lit";
-import { property as h, customElement as _ } from "lit/decorators.js";
+import { LayoutWidgetAdapter as n, formContext as o, layoutContext as u } from "@golemui/lit";
+import { consume as g, provide as c } from "@lit/context";
+import { LitElement as m, html as d } from "lit";
+import { property as f } from "lit/decorators.js";
+import { safeDefine as h } from "@golemui/lit/internals";
 import "rxjs";
-import { repeat as x } from "lit-html/directives/repeat.js";
-import { classMap as w } from "lit/directives/class-map.js";
-var D = Object.defineProperty, y = Object.getOwnPropertyDescriptor, d = (e, t, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? y(t, s) : t, p = e.length - 1, l; p >= 0; p--)
-    (l = e[p]) && (a = (i ? l(t, s, a) : l(a)) || a);
-  return i && a && D(t, s, a), a;
+import { repeat as _ } from "lit-html/directives/repeat.js";
+import { classMap as x } from "lit/directives/class-map.js";
+var w = Object.defineProperty, l = (i, e, t, D) => {
+  for (var a = void 0, r = i.length - 1, p; r >= 0; r--)
+    (p = i[r]) && (a = p(e, t, a) || a);
+  return a && w(e, t, a), a;
 };
-let r = class extends f {
+class s extends m {
   constructor() {
-    super(...arguments), this.adapter = new o(), this.subscriptions = [];
+    super(...arguments), this.adapter = new n(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
@@ -45,16 +46,16 @@ let r = class extends f {
       "gui-flex__widget--align-space-around": this.adapter.templateData.align === "space-around",
       "gui-flex__widget--align-space-evenly": this.adapter.templateData.align === "space-evenly"
     };
-    return n`
+    return d`
       <div
-        class=${w(e)}
+        class=${x(e)}
         id=${this.widget?.uid}
         style=${this.adapter.templateData.gap ? `gap: ${this.adapter.templateData.gap}px` : ""}
       >
-        ${x(
+        ${_(
       this.adapter.templateData.children || [],
       (t) => t?.uid,
-      (t) => n`<gui-widget .widget=${t}></gui-widget>`
+      (t) => d`<gui-widget .widget=${t}></gui-widget>`
     )}
       </div>
     `;
@@ -62,17 +63,15 @@ let r = class extends f {
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
-};
-d([
-  c({ context: u }),
-  h({ attribute: !1 })
-], r.prototype, "formContext", 2);
-d([
-  m({ context: g })
-], r.prototype, "adapter", 2);
-r = d([
-  _("gui-flex-layout")
-], r);
+}
+l([
+  g({ context: o }),
+  f({ attribute: !1 })
+], s.prototype, "formContext");
+l([
+  c({ context: u })
+], s.prototype, "adapter");
+h("gui-flex-layout", s);
 export {
-  r as FlexElement
+  s as FlexElement
 };

package/{grid.element-DCZsh-3J.js → grid.element-C8K7_Qi3.js}

@@ -1,24 +1,25 @@
-import { LayoutWidgetAdapter as l, formContext as o, layoutContext as u } from "@golemui/lit";
+import { LayoutWidgetAdapter as o, formContext as l, layoutContext as u } from "@golemui/lit";
 import { consume as c, provide as m } from "@lit/context";
-import { LitElement as h, html as g } from "lit";
-import { property as _, customElement as f } from "lit/decorators.js";
+import { LitElement as h, html as n } from "lit";
+import { property as _ } from "lit/decorators.js";
+import { safeDefine as f } from "@golemui/lit/internals";
 import "rxjs";
 import { repeat as w } from "lit-html/directives/repeat.js";
 import { classMap as y } from "lit/directives/class-map.js";
-var D = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (a, e, s, r) => {
-  for (var t = r > 1 ? void 0 : r ? b(e, s) : e, i = a.length - 1, p; i >= 0; i--)
-    (p = a[i]) && (t = (r ? p(e, s, t) : p(t)) || t);
-  return r && t && D(e, s, t), t;
+var D = Object.defineProperty, g = (s, t, e, p) => {
+  for (var a = void 0, i = s.length - 1, r; i >= 0; i--)
+    (r = s[i]) && (a = r(t, e, a) || a);
+  return a && D(t, e, a), a;
 };
-let d = class extends h {
+class d extends h {
   constructor() {
-    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+    super(...arguments), this.adapter = new o(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(a) {
-    super.updated(a);
+  updated(t) {
+    super.updated(t);
     const e = this.adapter.templateData.size;
     e ? this.style.flex = String(e) : this.style.removeProperty("flex");
   }
@@ -28,11 +29,11 @@ let d = class extends h {
     );
   }
   render() {
-    const a = this.adapter.templateData.direction === "column", e = !a, s = this.adapter.templateData.autoFit ?? !0, r = {
+    const t = this.adapter.templateData.direction === "column", e = !t, p = this.adapter.templateData.autoFit ?? !0, a = {
       "gui-grid__widget": !0,
       "gui-grid__widget--row": e,
-      "gui-grid__widget--row--auto-fit": e && s,
-      "gui-grid__widget--column": a,
+      "gui-grid__widget--row--auto-fit": e && p,
+      "gui-grid__widget--column": t,
       "gui-grid__widget--align-center": this.adapter.templateData.align === "center",
       "gui-grid__widget--align-start": this.adapter.templateData.align === "start",
       "gui-grid__widget--align-end": this.adapter.templateData.align === "end",
@@ -44,33 +45,31 @@ let d = class extends h {
       "gui-grid__widget--justify-start": this.adapter.templateData.justify === "start",
       "gui-grid__widget--justify-end": this.adapter.templateData.justify === "end",
       "gui-grid__widget--justify-stretch": this.adapter.templateData.justify === "stretch"
-    }, t = [];
-    return this.adapter.templateData.columnGap !== void 0 && t.push(`column-gap: ${this.adapter.templateData.columnGap}px`), this.adapter.templateData.rowGap !== void 0 && t.push(`row-gap: ${this.adapter.templateData.rowGap}px`), g`
-      <div class=${y(r)} id=${this.widget?.uid} style=${t.join("; ")}>
+    }, i = [];
+    return this.adapter.templateData.columnGap !== void 0 && i.push(`column-gap: ${this.adapter.templateData.columnGap}px`), this.adapter.templateData.rowGap !== void 0 && i.push(`row-gap: ${this.adapter.templateData.rowGap}px`), n`
+      <div class=${y(a)} id=${this.widget?.uid} style=${i.join("; ")}>
         ${w(
       this.adapter.templateData.children || [],
-      (i) => i?.uid,
-      (i) => g`<div class="gui-grid__cell" style="grid-column: span ${i.size || 1}">
-              <gui-widget .widget=${i}></gui-widget>
+      (r) => r?.uid,
+      (r) => n`<div class="gui-grid__cell" style="grid-column: span ${r.size || 1}">
+              <gui-widget .widget=${r}></gui-widget>
             </div>`
     )}
       </div>
     `;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((a) => a.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
   }
-};
-n([
-  c({ context: o }),
+}
+g([
+  c({ context: l }),
   _({ attribute: !1 })
-], d.prototype, "formContext", 2);
-n([
+], d.prototype, "formContext");
+g([
   m({ context: u })
-], d.prototype, "adapter", 2);
-d = n([
-  f("gui-grid-layout")
-], d);
+], d.prototype, "adapter");
+f("gui-grid-layout", d);
 export {
   d as GridElement
 };