@golemui/gui-lit 1.3.0-rc.0 → 1.4.0-rc.0

package/multi-list.element-CCX3i3k6.js

@@ -0,0 +1,162 @@
+import { InputWidgetAdapter as $, formContext as v, inputContext as I } from "@golemui/lit";
+import { consume as x, provide as y } from "@lit/context";
+import { LitElement as C, nothing as u, html as h } from "lit";
+import { property as R, state as c, query as w } from "lit/decorators.js";
+import { unsubscribeAll as D, safeDefine as L } from "@golemui/lit/internals";
+import "rxjs";
+import { d as k } from "./default-multi-list-item-renderer-Cv-guvEX.js";
+import "@golemui/gui-components/label";
+import "@golemui/gui-components/multi-list";
+import "@golemui/gui-components/errors";
+var F = Object.defineProperty, d = (o, e, t, r) => {
+  for (var i = void 0, l = o.length - 1, s; l >= 0; l--)
+    (s = o[l]) && (i = s(e, t, i) || i);
+  return i && F(e, t, i), i;
+};
+class a extends C {
+  constructor() {
+    super(...arguments), this.adapter = new $(), this.subscriptions = [], this._range = { start: 0, end: 10 }, this._listItems = [], this._focusedIndex = -1;
+  }
+  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-multi-list-widget", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => {
+        const e = this.adapter.templateData;
+        e.items && this._listItems.length === 0 && (this._listItems = e.items), this.requestUpdate();
+      })
+    );
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), D(this.subscriptions);
+  }
+  render() {
+    const e = this.adapter.templateData, t = e.touched && e.errors && e.errors.length > 0, r = this._listItems.slice(this._range.start, this._range.end), i = this._currentValues(), l = this.adapter.getItemRenderer(
+      e.itemRenderer,
+      k
+    );
+    return h`
+      <gui-label
+        .targetElement=${this._guiListRef}
+        .uid=${this.widget.uid}
+        .label=${e.label}
+        .hint=${e.hint}
+        .errors=${e.errors}
+        .touched=${e.touched}
+        .required=${e.validator?.required}
+        .native=${!1}
+      ></gui-label>
+
+      <div class="gui-widget">
+        <gui-multi-list
+          .uid=${this.widget.uid}
+          .values=${i}
+          .valueField=${e.valueField}
+          .items=${e.items}
+          .itemHeight=${e.itemHeight}
+          .height=${e.height}
+          ?required=${e.validator?.required}
+          ?touched=${e.touched}
+          ?disabled=${e.disabled}
+          ?readonly=${e.readonly}
+          aria-labelledby=${e.label ? `${this.widget.uid}_label` : u}
+          aria-describedby=${e.hint ? `${this.widget.uid}_hint` : u}
+          @gui-range-change=${this._onRangeChange}
+          @gui-update-items=${this._onUpdateItems}
+          @gui-focus-change=${this._onFocusChange}
+          @blur=${() => this.adapter.onBlur()}
+          @change=${this._valueChanged}
+        >
+          ${r.map((s, f) => {
+      const n = this._range.start + f, p = i.includes(s.value), _ = this._focusedIndex === n, g = !!e.disabled || !!s.disabled, m = e.labelField ?? "label", b = s.template !== null && typeof s.template == "object" && m && !e.itemRenderer ? s.template[m] : s.template;
+      return h`
+              <div
+                role="option"
+                tabindex="-1"
+                class="gui-list__item-wrapper"
+                id="${this.widget.uid}-item-${n}"
+                style="height: ${e.itemHeight || 40}px"
+                aria-selected=${p ? "true" : "false"}
+                aria-disabled=${g ? "true" : "false"}
+                @click=${() => this._onClickItem(s, n)}
+              >
+                ${l({
+        template: b,
+        value: s.value,
+        index: n,
+        selected: p,
+        disabled: g,
+        focused: _
+      })}
+              </div>
+            `;
+    })}
+        </gui-multi-list>
+      </div>
+
+      ${t ? h`<gui-errors
+            .uid=${this.widget.uid}
+            .errors=${e.errors}
+            .touched=${e.touched}
+          ></gui-errors>` : u}
+    `;
+  }
+  _currentValues() {
+    const e = this.adapter.templateData.value;
+    return Array.isArray(e) ? e : [];
+  }
+  _toggleValue(e) {
+    const t = this.adapter.templateData;
+    if (t.disabled || t.readonly) return;
+    const r = this._currentValues();
+    if (r.includes(e)) {
+      this.adapter.valueChanged(r.filter((i) => i !== e));
+      return;
+    }
+    this.adapter.valueChanged([...r, e]);
+  }
+  _onRangeChange(e) {
+    this._range = { start: e.detail.startIndex, end: e.detail.endIndex };
+  }
+  _onUpdateItems(e) {
+    this._listItems = e.detail || [];
+  }
+  _onFocusChange(e) {
+    this._focusedIndex = e.detail.index;
+  }
+  _onClickItem(e, t) {
+    this.adapter.templateData.disabled || e.disabled || (this._toggleValue(e.value), this._focusedIndex = t, this._guiListRef && typeof this._guiListRef.focusItemAtIndex == "function" && this._guiListRef.focusItemAtIndex(t));
+  }
+  _valueChanged(e) {
+    this.adapter.templateData.readonly || this._toggleValue(e.detail.value);
+  }
+}
+d([
+  x({ context: v }),
+  R({ attribute: !1 })
+], a.prototype, "formContext");
+d([
+  y({ context: I })
+], a.prototype, "adapter");
+d([
+  c()
+], a.prototype, "_range");
+d([
+  c()
+], a.prototype, "_listItems");
+d([
+  c()
+], a.prototype, "_focusedIndex");
+d([
+  w("gui-multi-list")
+], a.prototype, "_guiListRef");
+L("gui-multi-list-input", a);
+export {
+  a as MultiListElement
+};

package/{number.element-VkG5wScD.js → number.element-mQSFQsYC.js}

@@ -1,26 +1,26 @@
-import { InputWidgetAdapter as o, formContext as l, inputContext as u } from "@golemui/lit";
+import { InputWidgetAdapter as l, formContext as o, inputContext as u } from "@golemui/lit";
 import "@golemui/gui-components/number";
 import { consume as n, provide as m } from "@lit/context";
 import { LitElement as h, html as c } from "lit";
 import { property as b } from "lit/decorators.js";
-import { safeDefine as f } from "@golemui/lit/internals";
+import { unsubscribeAll as f, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var $ = Object.defineProperty, d = (r, t, e, D) => {
+var D = Object.defineProperty, d = (r, e, t, v) => {
   for (var a = void 0, i = r.length - 1, p; i >= 0; i--)
-    (p = r[i]) && (a = p(t, e, a) || a);
-  return a && $(t, e, a), a;
+    (p = r[i]) && (a = p(e, t, a) || a);
+  return a && D(e, t, a), a;
 };
 class s extends h {
   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");
+  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-number", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -50,22 +50,22 @@ class s extends h {
       ></gui-number>
     `;
   }
-  valueChanged(t) {
-    const e = t.detail.value;
-    this.adapter.valueChanged(e);
+  valueChanged(e) {
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
   }
 }
 d([
-  n({ context: l }),
+  n({ context: o }),
   b({ attribute: !1 })
 ], s.prototype, "formContext");
 d([
   m({ context: u })
 ], s.prototype, "adapter");
-f("gui-number-input", s);
+$("gui-number-input", s);
 export {
   s as NumberElement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golemui/gui-lit",
-  "version": "1.3.0-rc.0",
+  "version": "1.4.0-rc.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -25,11 +25,11 @@
     "*.md"
   ],
   "peerDependencies": {
-    "@golemui/lit": "1.3.0-rc.0",
-    "@golemui/core": "1.3.0-rc.0",
-    "@golemui/gui-components": "1.3.0-rc.0",
-    "@golemui/gui-shared": "1.3.0-rc.0",
-    "@golemui/gui-validators": "1.3.0-rc.0",
+    "@golemui/lit": "1.4.0-rc.0",
+    "@golemui/core": "1.4.0-rc.0",
+    "@golemui/gui-components": "1.4.0-rc.0",
+    "@golemui/gui-shared": "1.4.0-rc.0",
+    "@golemui/gui-validators": "1.4.0-rc.0",
     "@lit/context": "^1.1.6",
     "lit-html": "^3.3.1",
     "lit": "^3.3.1",

package/{password.element-C5vQHq5P.js → password.element-xw5gugEg.js}

@@ -3,12 +3,12 @@ import "@golemui/gui-components/password";
 import { consume as h, provide as u } from "@lit/context";
 import { LitElement as c, html as m } from "lit";
 import { property as b } from "lit/decorators.js";
-import { safeDefine as f } from "@golemui/lit/internals";
+import { unsubscribeAll as f, safeDefine as w } from "@golemui/lit/internals";
 import "rxjs";
-var w = Object.defineProperty, o = (r, t, e, $) => {
+var $ = Object.defineProperty, o = (r, e, t, D) => {
   for (var a = void 0, s = r.length - 1, d; s >= 0; s--)
-    (d = r[s]) && (a = d(t, e, a) || a);
-  return a && w(t, e, a), a;
+    (d = r[s]) && (a = d(e, t, a) || a);
+  return a && $(e, t, a), a;
 };
 class i extends c {
   constructor() {
@@ -17,10 +17,10 @@ class i 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");
+  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-password", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -51,12 +51,12 @@ class i extends c {
       ></gui-password>
     `;
   }
-  valueChanged(t) {
-    const e = t.detail.value;
-    this.adapter.valueChanged(e);
+  valueChanged(e) {
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
   }
 }
 o([
@@ -66,7 +66,7 @@ o([
 o([
   u({ context: n })
 ], i.prototype, "adapter");
-f("gui-password-input", i);
+w("gui-password-input", i);
 export {
   i as PasswordElement
 };

package/{radiogroup.element-CKdO9HwO.js → radiogroup.element-TqfrxVyI.js}

@@ -2,13 +2,13 @@ import { InputWidgetAdapter as o, formContext as l, inputContext as n } from "@g
 import "@golemui/gui-components/radiogroup";
 import { consume as u, provide as h } from "@lit/context";
 import { LitElement as m, html as c } from "lit";
-import { property as f } from "lit/decorators.js";
-import { safeDefine as b } from "@golemui/lit/internals";
+import { property as b } from "lit/decorators.js";
+import { unsubscribeAll as f, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, p = (r, t, e, v) => {
+var v = Object.defineProperty, p = (r, e, t, $) => {
   for (var a = void 0, i = r.length - 1, d; i >= 0; i--)
-    (d = r[i]) && (a = d(t, e, a) || a);
-  return a && g(t, e, a), a;
+    (d = r[i]) && (a = d(e, t, a) || a);
+  return a && v(e, t, a), a;
 };
 class s extends m {
   constructor() {
@@ -17,10 +17,10 @@ class s extends m {
   createRenderRoot() {
     return this;
   }
-  updated(t) {
-    super.updated(t);
-    const e = this.adapter.templateData.size;
-    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
+  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-radiogroup", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -48,22 +48,22 @@ class s extends m {
       ></gui-radiogroup>
     `;
   }
-  valueChanged(t) {
-    const e = t.detail.value;
-    this.adapter.valueChanged(e);
+  valueChanged(e) {
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
   }
 }
 p([
   u({ context: l }),
-  f({ attribute: !1 })
+  b({ attribute: !1 })
 ], s.prototype, "formContext");
 p([
   h({ context: n })
 ], s.prototype, "adapter");
-b("gui-radiogroup-input", s);
+g("gui-radiogroup-input", s);
 export {
   s as RadiogroupElement
 };

package/{range-calendar.element-BznGrej5.js → range-calendar.element-BJr97SVA.js}

@@ -3,12 +3,12 @@ import "@golemui/gui-components/range-calendar";
 import { consume as h, provide as m } from "@lit/context";
 import { LitElement as u, html as c } from "lit";
 import { property as b } from "lit/decorators.js";
-import { safeDefine as D } from "@golemui/lit/internals";
+import { unsubscribeAll as D, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var $ = Object.defineProperty, l = (r, t, e, g) => {
+var g = Object.defineProperty, l = (r, t, e, f) => {
   for (var a = void 0, i = r.length - 1, d; i >= 0; i--)
     (d = r[i]) && (a = d(t, e, a) || a);
-  return a && $(t, e, a), a;
+  return a && g(t, e, a), a;
 };
 class s extends u {
   constructor() {
@@ -55,6 +55,14 @@ class s extends u {
         .numberOfMonths=${this.adapter.templateData.numberOfMonths}
         .hidePills=${!1}
         .removePillAriaLabel=${this.adapter.templateData.removePillAriaLabel}
+        ?allow-edit=${this.adapter.templateData.allowEdit}
+        .editLabel=${this.adapter.templateData.editLabel}
+        .editAriaLabel=${this.adapter.templateData.editAriaLabel}
+        .confirmEditLabel=${this.adapter.templateData.confirmEditLabel}
+        .cancelEditLabel=${this.adapter.templateData.cancelEditLabel}
+        .editStartedMessage=${this.adapter.templateData.editStartedMessage}
+        .editCommittedMessage=${this.adapter.templateData.editCommittedMessage}
+        .editCancelledMessage=${this.adapter.templateData.editCancelledMessage}
         .localeId=${this.adapter.templateData.lang}
         @change=${this.valueChanged}
         @inputError=${this.onInputError}
@@ -69,7 +77,7 @@ class s extends u {
     this.adapter.injectValidationIssues([t.detail.message]), this.adapter.onBlur();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), D(this.subscriptions);
   }
 }
 l([
@@ -79,7 +87,7 @@ l([
 l([
   m({ context: o })
 ], s.prototype, "adapter");
-D("gui-range-calendar-input", s);
+$("gui-range-calendar-input", s);
 export {
   s as RangeCalendarElement
 };

package/{range-date-input.element-BloTHRDl.js → range-date-input.element-DDRYvP9h.js}

@@ -1,18 +1,18 @@
-import { InputWidgetAdapter as l, formContext as n, inputContext as o } from "@golemui/lit";
+import { InputWidgetAdapter as p, formContext as n, inputContext as o } from "@golemui/lit";
 import "@golemui/gui-components/range-date-input";
-import { consume as h, provide as u } from "@lit/context";
-import { LitElement as m, html as c } from "lit";
+import { consume as h, provide as m } from "@lit/context";
+import { LitElement as u, html as c } from "lit";
 import { property as b } from "lit/decorators.js";
-import { safeDefine as D } from "@golemui/lit/internals";
+import { unsubscribeAll as D, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, d = (r, t, a, $) => {
-  for (var e = void 0, i = r.length - 1, p; i >= 0; i--)
-    (p = r[i]) && (e = p(t, a, e) || e);
-  return e && g(t, a, e), e;
+var $ = Object.defineProperty, l = (i, t, a, f) => {
+  for (var e = void 0, r = i.length - 1, d; r >= 0; r--)
+    (d = i[r]) && (e = d(t, a, e) || e);
+  return e && $(t, a, e), e;
 };
-class s extends m {
+class s extends u {
   constructor() {
-    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+    super(...arguments), this.adapter = new p(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
@@ -46,6 +46,14 @@ class s extends m {
         .yearAriaLabel=${this.adapter.templateData.yearAriaLabel}
         .invalidDateMessage=${this.adapter.templateData.invalidDateMessage}
         .incompleteMessage=${this.adapter.templateData.incompleteMessage}
+        ?allow-edit=${this.adapter.templateData.allowEdit}
+        .editLabel=${this.adapter.templateData.editLabel}
+        .editAriaLabel=${this.adapter.templateData.editAriaLabel}
+        .confirmEditLabel=${this.adapter.templateData.confirmEditLabel}
+        .cancelEditLabel=${this.adapter.templateData.cancelEditLabel}
+        .editStartedMessage=${this.adapter.templateData.editStartedMessage}
+        .editCommittedMessage=${this.adapter.templateData.editCommittedMessage}
+        .editCancelledMessage=${this.adapter.templateData.editCancelledMessage}
         .separator=${this.adapter.templateData.separator}
         .removePillAriaLabel=${this.adapter.templateData.removePillAriaLabel}
         .startDateAriaLabel=${this.adapter.templateData.startDateAriaLabel}
@@ -62,17 +70,17 @@ class s extends m {
     this.adapter.injectValidationIssues([t.detail.message]);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), D(this.subscriptions);
   }
 }
-d([
+l([
   h({ context: n }),
   b({ attribute: !1 })
 ], s.prototype, "formContext");
-d([
-  u({ context: o })
+l([
+  m({ context: o })
 ], s.prototype, "adapter");
-D("gui-range-date-input", s);
+g("gui-range-date-input", s);
 export {
   s as RangeDateInputElement
 };

package/{range-date-picker.element-DKhwFasW.js → range-date-picker.element-rdEr0_wu.js}

@@ -1,18 +1,18 @@
-import { InputWidgetAdapter as l, formContext as d, inputContext as p } from "@golemui/lit";
+import { InputWidgetAdapter as d, formContext as o, inputContext as p } from "@golemui/lit";
 import "@golemui/gui-components/range-date-picker";
-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 { safeDefine as $ } from "@golemui/lit/internals";
+import { consume as c, provide as m } from "@lit/context";
+import { LitElement as b, html as u } from "lit";
+import { property as h } from "lit/decorators.js";
+import { unsubscribeAll as $, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, o = (r, e, t, L) => {
+var L = Object.defineProperty, l = (r, e, t, A) => {
   for (var a = void 0, i = r.length - 1, n; i >= 0; i--)
     (n = r[i]) && (a = n(e, t, a) || a);
-  return a && g(e, t, a), a;
+  return a && L(e, t, a), a;
 };
-class s extends c {
+class s extends b {
   constructor() {
-    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+    super(...arguments), this.adapter = new d(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
@@ -30,7 +30,7 @@ class s extends c {
   render() {
     super.render();
     const e = this.adapter.templateData;
-    return m`
+    return u`
       <gui-range-date-picker
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -69,6 +69,14 @@ class s extends c {
         .maxDateMessage=${e.maxDateMessage}
         .disabledDateRangeMessage=${e.disabledDateRangeMessage}
         .incompleteMessage=${e.incompleteMessage}
+        ?allow-edit=${e.allowEdit}
+        .editLabel=${e.editLabel}
+        .editAriaLabel=${e.editAriaLabel}
+        .confirmEditLabel=${e.confirmEditLabel}
+        .cancelEditLabel=${e.cancelEditLabel}
+        .editStartedMessage=${e.editStartedMessage}
+        .editCommittedMessage=${e.editCommittedMessage}
+        .editCancelledMessage=${e.editCancelledMessage}
         @inputError=${this.onInputError}
         @blur=${() => this.adapter.onBlur()}
         @change=${this.valueChanged}
@@ -82,17 +90,17 @@ class s extends c {
     this.adapter.injectValidationIssues([e.detail.message]), this.adapter.onBlur();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), $(this.subscriptions);
   }
 }
-o([
-  u({ context: d }),
-  b({ attribute: !1 })
+l([
+  c({ context: o }),
+  h({ attribute: !1 })
 ], s.prototype, "formContext");
-o([
-  h({ context: p })
+l([
+  m({ context: p })
 ], s.prototype, "adapter");
-$("gui-range-date-picker-input", s);
+g("gui-range-date-picker-input", s);
 export {
   s as RangeDatePickerElement
 };

package/{range-date-time-calendar.element-CZCET-sb.js → range-date-time-calendar.element-UlL1BBRJ.js}

@@ -1,18 +1,18 @@
-import { InputWidgetAdapter as l, formContext as d, inputContext as m } from "@golemui/lit";
+import { InputWidgetAdapter as d, formContext as o, inputContext as m } from "@golemui/lit";
 import "@golemui/gui-components/range-date-time-calendar";
 import { consume as u, provide as p } from "@lit/context";
-import { LitElement as h, html as c } from "lit";
-import { property as b } from "lit/decorators.js";
-import { safeDefine as $ } from "@golemui/lit/internals";
+import { LitElement as c, html as b } from "lit";
+import { property as h } from "lit/decorators.js";
+import { unsubscribeAll as $, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, o = (r, e, t, f) => {
-  for (var a = void 0, i = r.length - 1, n; i >= 0; i--)
-    (n = r[i]) && (a = n(e, t, a) || a);
-  return a && g(e, t, a), a;
+var L = Object.defineProperty, l = (i, e, t, M) => {
+  for (var a = void 0, r = i.length - 1, n; r >= 0; r--)
+    (n = i[r]) && (a = n(e, t, a) || a);
+  return a && L(e, t, a), a;
 };
-class s extends h {
+class s extends c {
   constructor() {
-    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+    super(...arguments), this.adapter = new d(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
@@ -30,7 +30,7 @@ class s extends h {
   render() {
     super.render();
     const e = this.adapter.templateData;
-    return c`
+    return b`
       <gui-range-date-time-calendar
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -68,6 +68,14 @@ class s extends h {
         .incompleteMessage=${e.incompleteMessage}
         .dayCountAriaLabel=${e.dayCountAriaLabel}
         .disabledDayCountAriaLabel=${e.disabledDayCountAriaLabel}
+        ?allow-edit=${e.allowEdit}
+        .editLabel=${e.editLabel}
+        .editAriaLabel=${e.editAriaLabel}
+        .confirmEditLabel=${e.confirmEditLabel}
+        .cancelEditLabel=${e.cancelEditLabel}
+        .editStartedMessage=${e.editStartedMessage}
+        .editCommittedMessage=${e.editCommittedMessage}
+        .editCancelledMessage=${e.editCancelledMessage}
         @change=${this.valueChanged}
         @inputError=${this.onInputError}
         @blur=${() => this.adapter.onBlur()}
@@ -81,17 +89,17 @@ class s extends h {
     this.adapter.injectValidationIssues([e.detail.message]), this.adapter.onBlur();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), $(this.subscriptions);
   }
 }
-o([
-  u({ context: d }),
-  b({ attribute: !1 })
+l([
+  u({ context: o }),
+  h({ attribute: !1 })
 ], s.prototype, "formContext");
-o([
+l([
   p({ context: m })
 ], s.prototype, "adapter");
-$("gui-range-date-time-calendar-input", s);
+g("gui-range-date-time-calendar-input", s);
 export {
   s as RangeDateTimeCalendarElement
 };