@golemui/gui-lit 1.6.0-rc.1 → 2.0.0-rc.0

package/{range-date-time-input.element-Cq4IdW7N.js → range-date-time-input.element-CVCPS7FC.js}

@@ -2,26 +2,21 @@ import { InputWidgetAdapter as p, formContext as m, inputContext as n } from "@g
 import "@golemui/gui-components/range-date-time-input";
 import { consume as o, provide as h } from "@lit/context";
 import { LitElement as u, html as D } from "lit";
-import { property as c } from "lit/decorators.js";
-import { unsubscribeAll as b, safeDefine as $ } from "@golemui/lit/internals";
+import { property as b } from "lit/decorators.js";
+import { unsubscribeAll as c, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, l = (i, e, t, L) => {
-  for (var a = void 0, r = i.length - 1, d; r >= 0; r--)
-    (d = i[r]) && (a = d(e, t, a) || a);
-  return a && g(e, t, a), a;
+var g = Object.defineProperty, l = (t, a, s, L) => {
+  for (var e = void 0, i = t.length - 1, d; i >= 0; i--)
+    (d = t[i]) && (e = d(a, s, e) || e);
+  return e && g(a, s, e), e;
 };
-class s extends u {
+class r extends u {
   constructor() {
     super(...arguments), this.adapter = new p(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(e) {
-    super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-range-date-time", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -35,7 +30,7 @@ class s extends u {
         .hint=${this.adapter.templateData.hint}
         .icon=${this.adapter.templateData.icon}
         .errors=${this.adapter.templateData.errors}
-        ?touched=${this.adapter.templateData.touched}
+        .touched=${this.adapter.templateData.touched}
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
@@ -67,29 +62,29 @@ class s extends u {
         .editStartedMessage=${this.adapter.templateData.editStartedMessage}
         .editCommittedMessage=${this.adapter.templateData.editCommittedMessage}
         .editCancelledMessage=${this.adapter.templateData.editCancelledMessage}
-        @change=${this.valueChanged}
-        @inputError=${this.onInputError}
+        @gui-input=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
       ></gui-range-date-time>
     `;
   }
-  valueChanged(e) {
-    this.adapter.injectValidationIssues(null), this.adapter.valueChanged(e.detail.value);
+  valueChanged(a) {
+    this.adapter.injectValidationIssues(null), this.adapter.valueChanged(a.detail.value);
   }
-  onInputError(e) {
-    this.adapter.injectValidationIssues([e.detail.message]);
+  onInputError(a) {
+    this.adapter.injectValidationIssues([a.detail.message]);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), b(this.subscriptions);
+    super.disconnectedCallback(), this.adapter.destroy(), c(this.subscriptions);
   }
 }
 l([
   o({ context: m }),
-  c({ attribute: !1 })
-], s.prototype, "formContext");
+  b({ attribute: !1 })
+], r.prototype, "formContext");
 l([
   h({ context: n })
-], s.prototype, "adapter");
-$("gui-range-date-time-input", s);
+], r.prototype, "adapter");
+$("gui-range-date-time-input", r);
 export {
-  s as RangeDateTimeInputElement
+  r as RangeDateTimeInputElement
 };

package/{range-date-time-picker.element-CnJcIN9C.js → range-date-time-picker.element-6nBQ_NZs.js}

@@ -1,27 +1,22 @@
 import { InputWidgetAdapter as o, formContext as d, inputContext as m } from "@golemui/lit";
 import "@golemui/gui-components/range-date-time-picker";
-import { consume as b, provide as p } from "@lit/context";
-import { LitElement as u, html as $ } from "lit";
+import { consume as b, provide as u } from "@lit/context";
+import { LitElement as p, html as $ } from "lit";
 import { property as c } from "lit/decorators.js";
 import { unsubscribeAll as h, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var L = Object.defineProperty, n = (i, e, t, A) => {
-  for (var a = void 0, r = i.length - 1, l; r >= 0; r--)
-    (l = i[r]) && (a = l(e, t, a) || a);
-  return a && L(e, t, a), a;
+var L = Object.defineProperty, n = (t, e, l, A) => {
+  for (var a = void 0, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = s(e, l, a) || a);
+  return a && L(e, l, a), a;
 };
-class s extends u {
+class r extends p {
   constructor() {
     super(...arguments), this.adapter = new o(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(e) {
-    super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-range-date-time-picker", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -37,7 +32,7 @@ class s extends u {
         .hint=${e.hint}
         .icon=${e.icon}
         .errors=${e.errors}
-        ?touched=${e.touched}
+        .touched=${e.touched}
         ?required=${e.validator?.required}
         ?disabled=${e.disabled}
         ?readonly=${e.readonly}
@@ -88,9 +83,9 @@ class s extends u {
         .editCancelledMessage=${e.editCancelledMessage}
         .dayCountAriaLabel=${e.dayCountAriaLabel}
         .disabledDayCountAriaLabel=${e.disabledDayCountAriaLabel}
-        @change=${this.valueChanged}
-        @inputError=${this.onInputError}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-range-date-time-picker>
     `;
   }
@@ -107,11 +102,11 @@ class s extends u {
 n([
   b({ context: d }),
   c({ attribute: !1 })
-], s.prototype, "formContext");
+], r.prototype, "formContext");
 n([
-  p({ context: m })
-], s.prototype, "adapter");
-g("gui-range-date-time-picker-input", s);
+  u({ context: m })
+], r.prototype, "adapter");
+g("gui-range-date-time-picker-input", r);
 export {
-  s as RangeDateTimePickerElement
+  r as RangeDateTimePickerElement
 };

package/{range-time-input.element-Cq0TrGe9.js → range-time-input.element-GXw45kMr.js}

@@ -5,23 +5,18 @@ import { LitElement as u, html as c } from "lit";
 import { property as g } from "lit/decorators.js";
 import { unsubscribeAll as b, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var D = Object.defineProperty, p = (i, e, a, f) => {
-  for (var t = void 0, r = i.length - 1, d; r >= 0; r--)
-    (d = i[r]) && (t = d(e, a, t) || t);
-  return t && D(e, a, t), t;
+var D = Object.defineProperty, p = (a, e, s, L) => {
+  for (var t = void 0, i = a.length - 1, d; i >= 0; i--)
+    (d = a[i]) && (t = d(e, s, t) || t);
+  return t && D(e, s, t), t;
 };
-class s extends u {
+class r extends u {
   constructor() {
     super(...arguments), this.adapter = new l(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(e) {
-    super.updated(e);
-    const a = this.adapter.templateData.size;
-    a ? this.style.flex = String(a) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-range-time", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -35,7 +30,7 @@ class s extends u {
         .hint=${this.adapter.templateData.hint}
         .icon=${this.adapter.templateData.icon}
         .errors=${this.adapter.templateData.errors}
-        ?touched=${this.adapter.templateData.touched}
+        .touched=${this.adapter.templateData.touched}
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
@@ -64,8 +59,8 @@ class s extends u {
         .editStartedMessage=${this.adapter.templateData.editStartedMessage}
         .editCommittedMessage=${this.adapter.templateData.editCommittedMessage}
         .editCancelledMessage=${this.adapter.templateData.editCancelledMessage}
-        @change=${this.valueChanged}
-        @inputError=${this.onInputError}
+        @gui-input=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
       ></gui-range-time>
     `;
   }
@@ -82,11 +77,11 @@ class s extends u {
 p([
   o({ context: m }),
   g({ attribute: !1 })
-], s.prototype, "formContext");
+], r.prototype, "formContext");
 p([
   h({ context: n })
-], s.prototype, "adapter");
-$("gui-range-time-input", s);
+], r.prototype, "adapter");
+$("gui-range-time-input", r);
 export {
-  s as RangeTimeInputElement
+  r as RangeTimeInputElement
 };

package/{range-time-picker.element-BzlIuZ6m.js → range-time-picker.element-CG4PJg3u.js}

@@ -1,27 +1,22 @@
-import { InputWidgetAdapter as n, formContext as o, inputContext as m } from "@golemui/lit";
+import { InputWidgetAdapter as d, formContext as o, inputContext as m } from "@golemui/lit";
 import "@golemui/gui-components/range-time-picker";
-import { consume as p, provide as u } from "@lit/context";
-import { LitElement as g, html as c } from "lit";
-import { property as b } from "lit/decorators.js";
+import { consume as u, provide as p } from "@lit/context";
+import { LitElement as g, html as b } from "lit";
+import { property as c } from "lit/decorators.js";
 import { unsubscribeAll as $, safeDefine as h } from "@golemui/lit/internals";
 import "rxjs";
-var L = Object.defineProperty, d = (i, e, t, f) => {
-  for (var a = void 0, r = i.length - 1, l; r >= 0; r--)
-    (l = i[r]) && (a = l(e, t, a) || a);
-  return a && L(e, t, a), a;
+var L = Object.defineProperty, n = (t, e, s, A) => {
+  for (var a = void 0, i = t.length - 1, l; i >= 0; i--)
+    (l = t[i]) && (a = l(e, s, a) || a);
+  return a && L(e, s, a), a;
 };
-class s extends g {
+class r extends g {
   constructor() {
-    super(...arguments), this.adapter = new n(), this.subscriptions = [];
+    super(...arguments), this.adapter = new d(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(e) {
-    super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-range-time-picker", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -30,13 +25,13 @@ class s extends g {
   render() {
     super.render();
     const e = this.adapter.templateData;
-    return c`
+    return b`
       <gui-range-time-picker
         .uid=${this.widget.uid}
         .label=${e.label}
         .hint=${e.hint}
         .errors=${e.errors}
-        ?touched=${e.touched}
+        .touched=${e.touched}
         ?required=${e.validator?.required}
         ?disabled=${e.disabled}
         ?readonly=${e.readonly}
@@ -75,9 +70,9 @@ class s extends g {
         .editStartedMessage=${e.editStartedMessage}
         .editCommittedMessage=${e.editCommittedMessage}
         .editCancelledMessage=${e.editCancelledMessage}
-        @inputError=${this.onInputError}
-        @blur=${() => this.adapter.onBlur()}
-        @change=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
+        @gui-blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
       ></gui-range-time-picker>
     `;
   }
@@ -91,14 +86,14 @@ class s extends g {
     super.disconnectedCallback(), this.adapter.destroy(), $(this.subscriptions);
   }
 }
-d([
-  p({ context: o }),
-  b({ attribute: !1 })
-], s.prototype, "formContext");
-d([
-  u({ context: m })
-], s.prototype, "adapter");
-h("gui-range-time-picker-input", s);
+n([
+  u({ context: o }),
+  c({ attribute: !1 })
+], r.prototype, "formContext");
+n([
+  p({ context: m })
+], r.prototype, "adapter");
+h("gui-range-time-picker-input", r);
 export {
-  s as RangeTimePickerElement
+  r as RangeTimePickerElement
 };

package/{renderer.element-BVwerbtL.js → renderer.element-FWOUTePl.js}

@@ -1,26 +1,21 @@
-import { DisplayWidgetAdapter as n, formContext as p, displayWidgetContext as l } from "@golemui/lit";
-import { consume as c, provide as u } from "@lit/context";
+import { DisplayWidgetAdapter as d, formContext as p, displayWidgetContext as c } from "@golemui/lit";
+import { consume as l, provide as u } from "@lit/context";
 import { LitElement as m, html as h } from "lit";
 import { property as f } from "lit/decorators.js";
 import { unsubscribeAll as b, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var x = Object.defineProperty, d = (i, r, t, C) => {
-  for (var e = void 0, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (e = o(r, t, e) || e);
-  return e && x(r, t, e), e;
+var C = Object.defineProperty, n = (e, s, a, x) => {
+  for (var t = void 0, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (t = o(s, a, t) || t);
+  return t && C(s, a, t), t;
 };
-class a extends m {
+class i extends m {
   constructor() {
-    super(...arguments), this.adapter = new n(), this.subscriptions = [];
+    super(...arguments), this.adapter = new d(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(r) {
-    super.updated(r);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-renderer", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -35,14 +30,14 @@ class a extends m {
     super.disconnectedCallback(), this.adapter.destroy(), b(this.subscriptions);
   }
 }
-d([
-  c({ context: p }),
+n([
+  l({ context: p }),
   f({ attribute: !1 })
-], a.prototype, "formContext");
-d([
-  u({ context: l })
-], a.prototype, "adapter");
-g("gui-renderer-component", a);
+], i.prototype, "formContext");
+n([
+  u({ context: c })
+], i.prototype, "adapter");
+g("gui-renderer-component", i);
 export {
-  a as RendererElement
+  i as RendererElement
 };

package/{repeater.element-DQNI4b7I.js → repeater.element-V508AKTJ.js}

@@ -8,10 +8,10 @@ import { unsubscribeAll as w, safeDefine as C } from "@golemui/lit/internals";
 import "rxjs";
 import "@golemui/gui-components/label";
 import "@golemui/gui-components/errors";
-var y = Object.defineProperty, d = (n, t, r, a) => {
-  for (var e = void 0, u = n.length - 1, p; u >= 0; u--)
-    (p = n[u]) && (e = p(t, r, e) || e);
-  return e && y(t, r, e), e;
+var I = Object.defineProperty, n = (u, t, r, a) => {
+  for (var e = void 0, d = u.length - 1, p; d >= 0; d--)
+    (p = u[d]) && (e = p(t, r, e) || e);
+  return e && I(t, r, e), e;
 };
 class s extends b {
   constructor() {
@@ -20,11 +20,6 @@ class s extends b {
   createRenderRoot() {
     return this;
   }
-  updated(t) {
-    super.updated(t);
-    const r = this.adapter.templateData.size;
-    r ? this.style.flex = String(r) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-repeater", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -114,17 +109,17 @@ class s extends b {
     "structuredClone" in window ? this.adapter.valueChanged(structuredClone(r)) : this.adapter.valueChanged(JSON.parse(JSON.stringify(r))), this.requestUpdate();
   }
 }
-d([
+n([
   m({ context: l }),
   f({ attribute: !1 })
 ], s.prototype, "formContext");
-d([
+n([
   g({ context: h })
 ], s.prototype, "adapter");
-d([
+n([
   v()
 ], s.prototype, "isFocused");
-d([
+n([
   _(".gui-repeater__main-card")
 ], s.prototype, "_repeaterRef");
 C("gui-repeater-input", s);

package/{select.element-RBtbAvLx.js → select.element-BPrqKmDM.js}

@@ -3,12 +3,13 @@ import "@golemui/gui-components/select";
 import { consume as u, provide as h } from "@lit/context";
 import { LitElement as c, html as m } from "lit";
 import { property as b } from "lit/decorators.js";
-import { unsubscribeAll as f, safeDefine as $ } from "@golemui/lit/internals";
+import { unsubscribeAll as g, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var v = Object.defineProperty, p = (i, t, e, g) => {
+import { live as v } from "lit/directives/live.js";
+var f = Object.defineProperty, p = (i, e, t, D) => {
   for (var a = void 0, r = i.length - 1, l; r >= 0; r--)
-    (l = i[r]) && (a = l(t, e, a) || a);
-  return a && v(t, e, a), a;
+    (l = i[r]) && (a = l(e, t, a) || a);
+  return a && f(e, t, a), a;
 };
 class s extends c {
   constructor() {
@@ -17,11 +18,6 @@ class s extends c {
   createRenderRoot() {
     return this;
   }
-  updated(t) {
-    super.updated(t);
-    const e = this.adapter.templateData.size;
-    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-select", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -33,11 +29,11 @@ class s extends c {
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .errors=${this.adapter.templateData.errors}
-        ?touched=${this.adapter.templateData.touched}
+        .touched=${this.adapter.templateData.touched}
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${this.adapter.templateData.value}
+        .value=${v(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .icon=${this.adapter.templateData.icon}
         .placeholder=${this.adapter.templateData.placeholder}
@@ -46,22 +42,23 @@ class s extends c {
         .labelField=${this.adapter.templateData.labelField}
         .valueField=${this.adapter.templateData.valueField}
         .invalidOptionMessage=${this.adapter.templateData.invalidOptionMessage}
-        @change=${this.valueChanged}
-        @inputError=${this.onInputError}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-select>
     `;
   }
-  valueChanged(t) {
+  valueChanged(e) {
     this.adapter.injectValidationIssues(null);
-    const e = t.detail.value;
-    this.adapter.valueChanged(e);
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
   }
-  onInputError(t) {
-    this.adapter.injectValidationIssues([t.detail.message]);
+  onInputError(e) {
+    const t = e.detail.message;
+    this.adapter.injectValidationIssues(t ? [t] : null);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
+    super.disconnectedCallback(), this.adapter.destroy(), g(this.subscriptions);
   }
 }
 p([

package/tabs.element-CeZOk5Bj.js

@@ -0,0 +1,88 @@
+import { LayoutWidgetAdapter as g, formContext as f, layoutContext as b } from "@golemui/lit";
+import { unsubscribeAll as m, safeDefine as x } from "@golemui/lit/internals";
+import { repeaterIndexSuffix as $, tabButtonId as p, tabPanelId as c } from "@golemui/gui-shared/internals";
+import { consume as v, provide as w } from "@lit/context";
+import { LitElement as C, html as s } from "lit";
+import { repeat as l } from "lit/directives/repeat.js";
+import { property as y, state as T } from "lit/decorators.js";
+import "rxjs";
+import "@golemui/gui-components/tabs";
+var D = Object.defineProperty, n = (u, i, r, o) => {
+  for (var e = void 0, t = u.length - 1, a; t >= 0; t--)
+    (a = u[t]) && (e = a(i, r, e) || e);
+  return e && D(i, r, e), e;
+};
+class d extends C {
+  constructor() {
+    super(...arguments), this.adapter = new g(), this.activeTab = "", this.subscriptions = [], this.rowIndexSuffix = "", this.onTabChange = (i) => {
+      i.target === i.currentTarget && (this.activeTab = i.detail.value, this.adapter.change(i.detail.value));
+    };
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-tabs", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget);
+    const i = this.adapter.templateData;
+    this.activeTab = i.defaultOpen ?? i.tabs?.[0]?.uid ?? "", this.rowIndexSuffix = $(this.widget.uid), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => {
+        this.requestUpdate();
+      })
+    );
+  }
+  render() {
+    if (!this.adapter.templateData) return s``;
+    const { tabs: i = [], children: r = [], renderMode: o } = this.adapter.templateData, e = i.map((t) => ({
+      tab: t,
+      child: r.find((a) => a.uid === `${t.uid}${this.rowIndexSuffix}`),
+      isActive: t.uid === this.activeTab
+    })).filter(({ child: t, isActive: a }) => t && (a || o !== "activeOnly"));
+    return s`<gui-tabs
+      id=${this.widget.uid}
+      .active=${this.activeTab}
+      @gui-tab-change=${this.onTabChange}
+    >
+      <gui-tab-list>
+        ${l(
+      i,
+      (t) => t.uid,
+      (t) => s`<gui-tab
+              panel=${t.uid}
+              id=${p(this.widget.uid, t.uid)}
+              data-cy=${p(this.widget.uid, t.uid)}
+              >${t.label}</gui-tab
+            >`
+    )}
+      </gui-tab-list>
+      ${l(
+      e,
+      ({ tab: t }) => t.uid,
+      ({ tab: t, child: a, isActive: h }) => s`<gui-tab-panel
+            name=${t.uid}
+            id=${c(this.widget.uid, t.uid)}
+            data-cy=${c(this.widget.uid, t.uid)}
+            ?hidden=${!h}
+          >
+            <gui-widget .widget=${a}></gui-widget>
+          </gui-tab-panel>`
+    )}
+    </gui-tabs>`;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), m(this.subscriptions);
+  }
+}
+n([
+  v({ context: f }),
+  y({ attribute: !1 })
+], d.prototype, "formContext");
+n([
+  w({ context: b })
+], d.prototype, "adapter");
+n([
+  T()
+], d.prototype, "activeTab");
+x("gui-tabs-layout", d);
+export {
+  d as TabsElement
+};

package/{tags.element-CGvxhMmX.js → tags.element-CVCUsKZ0.js}

@@ -3,12 +3,12 @@ import "@golemui/gui-components/tags";
 import { consume as u, provide as h } from "@lit/context";
 import { LitElement as m, html as c } from "lit";
 import { property as b } from "lit/decorators.js";
-import { unsubscribeAll as f, safeDefine as g } from "@golemui/lit/internals";
+import { unsubscribeAll as g, safeDefine as D } from "@golemui/lit/internals";
 import "rxjs";
-var D = Object.defineProperty, l = (r, e, t, v) => {
-  for (var a = void 0, i = r.length - 1, p; i >= 0; i--)
-    (p = r[i]) && (a = p(e, t, a) || a);
-  return a && D(e, t, a), a;
+var $ = Object.defineProperty, l = (r, e, a, v) => {
+  for (var t = void 0, i = r.length - 1, p; i >= 0; i--)
+    (p = r[i]) && (t = p(e, a, t) || t);
+  return t && $(e, a, t), t;
 };
 class s extends m {
   constructor() {
@@ -17,11 +17,6 @@ class s extends m {
   createRenderRoot() {
     return this;
   }
-  updated(e) {
-    super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-tags", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -34,7 +29,7 @@ class s extends m {
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
         .errors=${this.adapter.templateData.errors}
-        ?touched=${this.adapter.templateData.touched}
+        .touched=${this.adapter.templateData.touched}
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
@@ -46,17 +41,17 @@ class s extends m {
         .trim=${this.adapter.templateData.trim ?? !0}
         .removeAriaLabel=${this.adapter.templateData.removeAriaLabel}
         .removeIcon=${this.adapter.templateData.removeIcon}
-        @change=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-tags>
     `;
   }
   valueChanged(e) {
-    const t = e.detail.value;
-    this.adapter.valueChanged(t);
+    const a = e.detail.value;
+    this.adapter.valueChanged(a);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
+    super.disconnectedCallback(), this.adapter.destroy(), g(this.subscriptions);
   }
 }
 l([
@@ -66,7 +61,7 @@ l([
 l([
   h({ context: n })
 ], s.prototype, "adapter");
-g("gui-tags-input", s);
+D("gui-tags-input", s);
 export {
   s as TagsElement
 };