@golemui/gui-lit 1.2.0 → 1.2.1-rc.0

package/{time-picker.element-C3oR0EkQ.js → time-picker.element-Crmj9YDy.js}

@@ -1,25 +1,26 @@
-import { InputWidgetAdapter as d, formContext as u, inputContext as m } from "@golemui/lit";
-import "./time-picker-DLj1rhOf.js";
-import { consume as p, provide as h } from "@lit/context";
-import { LitElement as c, html as g } from "lit";
-import { property as b, customElement as $ } from "lit/decorators.js";
+import { InputWidgetAdapter as l, formContext as d, inputContext as m } from "@golemui/lit";
+import "@golemui/gui-components/time-picker";
+import { consume as p, provide as u } from "@lit/context";
+import { LitElement as h, html as c } from "lit";
+import { property as g } from "lit/decorators.js";
+import { safeDefine as b } from "@golemui/lit/internals";
 import "rxjs";
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (e, t, s, a) => {
-  for (var i = a > 1 ? void 0 : a ? v(t, s) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (i = (a ? n(t, s, i) : n(i)) || i);
-  return a && i && f(t, s, i), i;
+var $ = Object.defineProperty, n = (a, e, i, f) => {
+  for (var t = void 0, r = a.length - 1, o; r >= 0; r--)
+    (o = a[r]) && (t = o(e, i, t) || t);
+  return t && $(e, i, t), t;
 };
-let r = class extends c {
+class s extends h {
   constructor() {
-    super(...arguments), this.adapter = new d(), this.subscriptions = [];
+    super(...arguments), this.adapter = new l(), 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");
+    const i = this.adapter.templateData.size;
+    i ? this.style.flex = String(i) : this.style.removeProperty("flex");
   }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-time-picker", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -29,7 +30,7 @@ let r = class extends c {
   render() {
     super.render();
     const e = this.adapter.templateData;
-    return g`
+    return c`
       <gui-time-picker
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -58,6 +59,7 @@ let r = class extends c {
         .maxTimeMessage=${e.maxTimeMessage}
         .disabledRangeMessage=${e.disabledRangeMessage}
         .noAvailableTimesMessage=${e.noAvailableTimesMessage}
+        .incompleteMessage=${e.incompleteMessage}
         @inputError=${this.onInputError}
         @blur=${() => this.adapter.onBlur()}
         @change=${this.valueChanged}
@@ -73,17 +75,15 @@ let r = class extends c {
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
-};
-l([
-  p({ context: u }),
-  b({ attribute: !1 })
-], r.prototype, "formContext", 2);
-l([
-  h({ context: m })
-], r.prototype, "adapter", 2);
-r = l([
-  $("gui-time-picker-input")
-], r);
+}
+n([
+  p({ context: d }),
+  g({ attribute: !1 })
+], s.prototype, "formContext");
+n([
+  u({ context: m })
+], s.prototype, "adapter");
+b("gui-time-picker-input", s);
 export {
-  r as TimePickerElement
+  s as TimePickerElement
 };

package/{time.element-X286nthD.js → time.element-DfSeAZp4.js}

@@ -1,27 +1,28 @@
-import { InputWidgetAdapter as o, formContext as m, inputContext as n } from "@golemui/lit";
-import { a as h } from "./templates-Df7abEkB.js";
-import "./time-input-Kk4EX6at.js";
+import { InputWidgetAdapter as l, formContext as o, inputContext as m } from "@golemui/lit";
+import { addIcon as n } from "@golemui/gui-components/internals";
+import { safeDefine as h } from "@golemui/lit/internals";
+import "@golemui/gui-components/time-input";
 import { consume as u, provide as c } from "@lit/context";
-import { LitElement as b, html as $ } from "lit";
-import { property as D, customElement as g } from "lit/decorators.js";
+import { LitElement as $, html as b } from "lit";
+import { property as g } from "lit/decorators.js";
 import "rxjs";
-import { classMap as f } from "lit/directives/class-map.js";
-var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? x(e, s) : e, p = t.length - 1, d; p >= 0; p--)
-    (d = t[p]) && (a = (i ? d(e, s, a) : d(a)) || a);
-  return i && a && v(e, s, a), a;
+import { classMap as D } from "lit/directives/class-map.js";
+var f = Object.defineProperty, d = (i, t, a, x) => {
+  for (var e = void 0, r = i.length - 1, p; r >= 0; r--)
+    (p = i[r]) && (e = p(t, a, e) || e);
+  return e && f(t, a, e), e;
 };
-let r = class extends b {
+class s extends $ {
   constructor() {
-    super(...arguments), this.adapter = new o(), this.subscriptions = [];
+    super(...arguments), this.adapter = new l(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
   updated(t) {
     super.updated(t);
-    const e = this.adapter.templateData.size;
-    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
+    const a = this.adapter.templateData.size;
+    a ? this.style.flex = String(a) : this.style.removeProperty("flex");
   }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-time", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -30,10 +31,10 @@ let r = class extends b {
   }
   render() {
     super.render();
-    const t = h("time", this.adapter.templateData);
-    return $`
+    const t = n("time", this.adapter.templateData);
+    return b`
       <gui-time
-        class=${f(t.widgetClasses)}
+        class=${D(t.widgetClasses)}
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
@@ -54,6 +55,7 @@ let r = class extends b {
         .maxTime=${this.adapter.templateData.maxTime}
         .minTimeMessage=${this.adapter.templateData.minTimeMessage}
         .maxTimeMessage=${this.adapter.templateData.maxTimeMessage}
+        .incompleteMessage=${this.adapter.templateData.incompleteMessage}
         @inputError=${this.onInputError}
         @blur=${() => this.adapter.onBlur()}
         @change=${this.valueChanged}
@@ -69,17 +71,15 @@ let r = class extends b {
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
   }
-};
-l([
-  u({ context: m }),
-  D({ attribute: !1 })
-], r.prototype, "formContext", 2);
-l([
-  c({ context: n })
-], r.prototype, "adapter", 2);
-r = l([
-  g("gui-time-input")
-], r);
+}
+d([
+  u({ context: o }),
+  g({ attribute: !1 })
+], s.prototype, "formContext");
+d([
+  c({ context: m })
+], s.prototype, "adapter");
+h("gui-time-input", s);
 export {
-  r as TimeElement
+  s as TimeElement
 };

package/toggle.element-ORsprZ2M.js

@@ -0,0 +1,66 @@
+import { InputWidgetAdapter as p, formContext as l, inputContext as n } from "@golemui/lit";
+import "@golemui/gui-components/toggle";
+import { consume as u, provide as h } from "@lit/context";
+import { LitElement as c, html as m } from "lit";
+import { property as g } from "lit/decorators.js";
+import { safeDefine as f } from "@golemui/lit/internals";
+import "rxjs";
+var b = Object.defineProperty, d = (r, t, e, v) => {
+  for (var a = void 0, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (a = o(t, e, a) || a);
+  return a && b(t, e, a), a;
+};
+class s extends c {
+  constructor() {
+    super(...arguments), this.adapter = new p(), this.subscriptions = [];
+  }
+  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-toggle", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    return super.render(), m`
+      <gui-toggle
+        .uid=${this.widget.uid}
+        .label=${this.adapter.templateData.label}
+        .errors=${this.adapter.templateData.errors}
+        ?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}
+        .hint=${this.adapter.templateData.hint}
+        .togglePosition=${this.adapter.templateData.togglePosition}
+        @change=${this.valueChanged}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-toggle>
+    `;
+  }
+  valueChanged(t) {
+    const e = t.detail.value;
+    this.adapter.valueChanged(e);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+}
+d([
+  u({ context: l }),
+  g({ attribute: !1 })
+], s.prototype, "formContext");
+d([
+  h({ context: n })
+], s.prototype, "adapter");
+f("gui-toggle-input", s);
+export {
+  s as ToggleElement
+};

package/alert.element-DPWq9-0F.js

@@ -1,56 +0,0 @@
-import { LitElement as d, html as n } from "lit";
-import { property as c, customElement as u } from "lit/decorators.js";
-import { consume as h, provide as m } from "@lit/context";
-import { DisplayWidgetAdapter as f, formContext as b, displayWidgetContext as g } from "@golemui/lit";
-import "rxjs";
-var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (r, t, a, i) => {
-  for (var e = i > 1 ? void 0 : i ? x(t, a) : t, o = r.length - 1, p; o >= 0; o--)
-    (p = r[o]) && (e = (i ? p(t, a, e) : p(e)) || e);
-  return i && e && v(t, a, e), e;
-};
-let s = class extends d {
-  constructor() {
-    super(...arguments), this.adapter = new f(), 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-alert", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  render() {
-    return n`
-      <div class="gui-widget" id=${this.widget.uid}>
-        <div
-          role="alert"
-          class="gui-alert-notification gui-alert-notification--${this.adapter.templateData.level || "default"}"
-        >
-          ${this.adapter.templateData.text}
-        </div>
-      </div>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((r) => r.unsubscribe());
-  }
-};
-l([
-  h({ context: b }),
-  c({ attribute: !1 })
-], s.prototype, "formContext", 2);
-l([
-  m({ context: g })
-], s.prototype, "adapter", 2);
-s = l([
-  u("gui-alert-display")
-], s);
-export {
-  s as AlertElement
-};

package/button.element-CJay43iR.js

@@ -1,132 +0,0 @@
-import { ActionWidgetAdapter as f, formContext as g, actionContext as v } from "@golemui/lit";
-import { consume as y, provide as $ } from "@lit/context";
-import { LitElement as b, html as c, nothing as u } from "lit";
-import { property as s, customElement as m } from "lit/decorators.js";
-import "rxjs";
-import { classMap as P } from "lit/directives/class-map.js";
-var C = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (i, t, n, o) => {
-  for (var e = o > 1 ? void 0 : o ? D(t, n) : t, p = i.length - 1, l; p >= 0; p--)
-    (l = i[p]) && (e = (o ? l(t, n, e) : l(e)) || e);
-  return o && e && C(t, n, e), e;
-};
-let a = class extends b {
-  constructor() {
-    super(...arguments), this.uid = void 0, this.label = void 0, this.disabled = !1, this.icon = void 0, this.variant = "filled", this.iconPosition = "left", this.actionType = "button", this.invalid = !1;
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-field");
-  }
-  render() {
-    const i = this.icon, t = this.iconPosition || "left", n = {
-      "gui-button-with-icon": !!i,
-      [`gui-button-icon-${t}`]: !0,
-      "gui-button--outlined": this.variant === "outlined",
-      "gui-button--link": this.variant === "link",
-      "gui-button--invalid": this.invalid && this.actionType === "submit"
-    }, o = i ? c`<span
-          class="gui-widget-icon gui-button-icon ${i}"
-          data-icon=${i}
-          aria-hidden="true"
-        ></span>` : u;
-    return c`
-      <div class="gui-widget">
-        <button
-          type=${this.actionType ?? "button"}
-          id=${this.uid}
-          class=${P(n)}
-          data-cy=${`${this.uid}_button`}
-          ?disabled=${this.disabled}
-        >
-          ${t === "left" ? o : u}
-          ${this.label ? c`<span>${this.label}</span>` : u}
-          ${t === "right" ? o : u}
-        </button>
-      </div>
-    `;
-  }
-};
-r([
-  s({ type: String })
-], a.prototype, "uid", 2);
-r([
-  s({ type: String })
-], a.prototype, "label", 2);
-r([
-  s({ type: Boolean })
-], a.prototype, "disabled", 2);
-r([
-  s({ type: String })
-], a.prototype, "icon", 2);
-r([
-  s({ type: String })
-], a.prototype, "variant", 2);
-r([
-  s({ type: String })
-], a.prototype, "iconPosition", 2);
-r([
-  s({ type: String })
-], a.prototype, "actionType", 2);
-r([
-  s({ type: Boolean })
-], a.prototype, "invalid", 2);
-a = r([
-  m("gui-button")
-], a);
-typeof customElements < "u" && !customElements.get("gui-button") && customElements.define("gui-button", a);
-var _ = Object.defineProperty, x = Object.getOwnPropertyDescriptor, h = (i, t, n, o) => {
-  for (var e = o > 1 ? void 0 : o ? x(t, n) : t, p = i.length - 1, l; p >= 0; p--)
-    (l = i[p]) && (e = (o ? l(t, n, e) : l(e)) || e);
-  return o && e && _(t, n, e), e;
-};
-let d = class extends b {
-  constructor() {
-    super(...arguments), this.adapter = new f(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  updated(i) {
-    super.updated(i);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-button", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  render() {
-    return c`
-      <gui-button
-        .uid=${this.widget.uid}
-        .actionType=${this.adapter.templateData.actionType ?? "button"}
-        .label=${this.adapter.templateData.label}
-        ?disabled=${this.adapter.templateData.disabled === !0}
-        ?invalid=${this.adapter.templateData.invalid === !0}
-        .variant=${this.adapter.templateData.variant}
-        .icon=${this.adapter.templateData.icon}
-        .iconPosition=${this.adapter.templateData.iconPosition}
-        @click=${() => this.adapter.click()}
-      ></gui-button>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((i) => i.unsubscribe());
-  }
-};
-h([
-  y({ context: g }),
-  s({ attribute: !1 })
-], d.prototype, "formContext", 2);
-h([
-  $({ context: v })
-], d.prototype, "adapter", 2);
-d = h([
-  m("gui-button-interactive")
-], d);
-export {
-  d as ButtonElement
-};