@golemui/gui-lit 1.0.3 → 1.1.1-rc.0

package/date-time.element-B5onfSBG.js

@@ -0,0 +1,93 @@
+import { InputWidgetAdapter as m, formContext as n, inputContext as o } from "@golemui/lit";
+import { a as h } from "./templates-Dmr34nwp.js";
+import "./date-time-input-DZaz2heD.js";
+import { consume as u, provide as c } from "@lit/context";
+import { LitElement as D, html as $ } from "lit";
+import { property as b, customElement as g } from "lit/decorators.js";
+import "rxjs";
+import { classMap as f } from "lit/directives/class-map.js";
+var x = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (t, a, s, i) => {
+  for (var e = i > 1 ? void 0 : i ? v(a, s) : a, p = t.length - 1, d; p >= 0; p--)
+    (d = t[p]) && (e = (i ? d(a, s, e) : d(e)) || e);
+  return i && e && x(a, s, e), e;
+};
+let r = class extends D {
+  constructor() {
+    super(...arguments), this.adapter = new m(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(t) {
+    super.updated(t);
+    const a = this.adapter.templateData.size;
+    a ? this.style.flex = String(a) : this.style.removeProperty("flex");
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-date-time", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    super.render();
+    const t = h("date-time", this.adapter.templateData);
+    return $`
+      <gui-date-time
+        class=${f(t.widgetClasses)}
+        .uid=${this.widget.uid}
+        .label=${this.adapter.templateData.label}
+        .hint=${this.adapter.templateData.hint}
+        .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}
+        .icon=${this.adapter.templateData.icon}
+        .localeId=${this.adapter.templateData.lang}
+        .dayAriaLabel=${this.adapter.templateData.dayAriaLabel}
+        .monthAriaLabel=${this.adapter.templateData.monthAriaLabel}
+        .yearAriaLabel=${this.adapter.templateData.yearAriaLabel}
+        .hourAriaLabel=${this.adapter.templateData.hourAriaLabel}
+        .minuteAriaLabel=${this.adapter.templateData.minuteAriaLabel}
+        .dayPeriodAriaLabel=${this.adapter.templateData.dayPeriodAriaLabel}
+        .invalidDateMessage=${this.adapter.templateData.invalidDateMessage}
+        .minDate=${this.adapter.templateData.minDate}
+        .maxDate=${this.adapter.templateData.maxDate}
+        .minTime=${this.adapter.templateData.minTime}
+        .maxTime=${this.adapter.templateData.maxTime}
+        .minDateMessage=${this.adapter.templateData.minDateMessage}
+        .maxDateMessage=${this.adapter.templateData.maxDateMessage}
+        .minTimeMessage=${this.adapter.templateData.minTimeMessage}
+        .maxTimeMessage=${this.adapter.templateData.maxTimeMessage}
+        .hourFormat=${this.adapter.templateData.hourFormat}
+        .minuteStep=${this.adapter.templateData.minuteStep}
+        @inputError=${this.onInputError}
+        @blur=${() => this.adapter.onBlur()}
+        @change=${this.valueChanged}
+      ></gui-date-time>
+    `;
+  }
+  valueChanged(t) {
+    this.adapter.injectValidationIssues(null), this.adapter.valueChanged(t.detail.value);
+  }
+  onInputError(t) {
+    this.adapter.injectValidationIssues([t.detail.message]);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+};
+l([
+  u({ context: n }),
+  b({ attribute: !1 })
+], r.prototype, "formContext", 2);
+l([
+  c({ context: o })
+], r.prototype, "adapter", 2);
+r = l([
+  g("gui-date-time-input")
+], r);
+export {
+  r as DateTimeElement
+};

package/{date.element-BZO0UQez.js → date.element-BsKhLrEc.js}

@@ -1,19 +1,19 @@
-import { InputWidgetAdapter as l, formContext as n, inputContext as u } from "@golemui/lit";
-import { a as h } from "./templates-Dk1jxLwS.js";
-import "./date-input-DCdGWRio.js";
-import { consume as c, provide as m } from "@lit/context";
-import { LitElement as f, html as b } from "lit";
-import { property as g, customElement as D } from "lit/decorators.js";
+import { InputWidgetAdapter as n, formContext as o, inputContext as h } from "@golemui/lit";
+import { a as m } from "./templates-Dmr34nwp.js";
+import "./date-input-DLiMreSS.js";
+import { consume as u, provide as c } from "@lit/context";
+import { LitElement as D, html as b } from "lit";
+import { property as g, customElement as $ } from "lit/decorators.js";
 import "rxjs";
-import { classMap as $ } from "lit/directives/class-map.js";
-var v = Object.defineProperty, C = Object.getOwnPropertyDescriptor, o = (t, e, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? C(e, i) : e, p = t.length - 1, d; p >= 0; p--)
+import { classMap as f } from "lit/directives/class-map.js";
+var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (t, e, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? x(e, i) : e, p = t.length - 1, d; p >= 0; p--)
     (d = t[p]) && (a = (r ? d(e, i, a) : d(a)) || a);
   return r && a && v(e, i, a), a;
 };
-let s = class extends f {
+let s = class extends D {
   constructor() {
-    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+    super(...arguments), this.adapter = new n(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
@@ -30,10 +30,10 @@ let s = class extends f {
   }
   render() {
     super.render();
-    const t = h("date", this.adapter.templateData);
+    const t = m("date", this.adapter.templateData);
     return b`
       <gui-date
-        class=${$(t.widgetClasses)}
+        class=${f(t.widgetClasses)}
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
@@ -45,6 +45,14 @@ let s = class extends f {
         .value=${this.adapter.templateData.value}
         .icon=${this.adapter.templateData.icon}
         .localeId=${this.adapter.templateData.lang}
+        .dayAriaLabel=${this.adapter.templateData.dayAriaLabel}
+        .monthAriaLabel=${this.adapter.templateData.monthAriaLabel}
+        .yearAriaLabel=${this.adapter.templateData.yearAriaLabel}
+        .invalidDateMessage=${this.adapter.templateData.invalidDateMessage}
+        .minDate=${this.adapter.templateData.minDate}
+        .maxDate=${this.adapter.templateData.maxDate}
+        .minDateMessage=${this.adapter.templateData.minDateMessage}
+        .maxDateMessage=${this.adapter.templateData.maxDateMessage}
         @inputError=${this.onInputError}
         @blur=${() => this.adapter.onBlur()}
         @change=${this.valueChanged}
@@ -61,15 +69,15 @@ let s = class extends f {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
   }
 };
-o([
-  c({ context: n }),
+l([
+  u({ context: o }),
   g({ attribute: !1 })
 ], s.prototype, "formContext", 2);
-o([
-  m({ context: u })
+l([
+  c({ context: h })
 ], s.prototype, "adapter", 2);
-s = o([
-  D("gui-date-input")
+s = l([
+  $("gui-date-input")
 ], s);
 export {
   s as DateElement