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

package/{dropdown.element-Ckh9JvEK.js → dropdown.element-C55MHVq-.js}

@@ -1,25 +1,27 @@
-import { InputWidgetAdapter as F, formContext as x, inputContext as C } from "@golemui/lit";
-import { consume as D, provide as R } from "@lit/context";
-import { LitElement as L, nothing as p, html as _ } from "lit";
-import { classMap as v } from "lit/directives/class-map.js";
-import { property as k, state as d, query as $ } from "lit/decorators.js";
-import { unsubscribeAll as V, cspStyleMap as S, safeDefine as P } from "@golemui/lit/internals";
-import { Subject as T, debounceTime as j } from "rxjs";
-import { d as q } from "./default-list-item-renderer-CuPJ9jUD.js";
+import { InputWidgetAdapter as b, formContext as $, inputContext as I } from "@golemui/lit";
+import { searchItems as w } from "@golemui/gui-components/internals";
+import { consume as v, provide as y } from "@lit/context";
+import { LitElement as F, nothing as n, html as u } from "lit";
+import { classMap as m } from "lit/directives/class-map.js";
+import { property as D, state as d, query as p } from "lit/decorators.js";
+import { unsubscribeAll as x, cspStyleMap as C, safeDefine as R } from "@golemui/lit/internals";
+import { Subject as k, debounceTime as L } from "rxjs";
+import { d as V } from "./default-list-item-renderer-sJeXkSKR.js";
 import "@golemui/gui-components/label";
 import "@golemui/gui-components/list";
 import "@golemui/gui-components/errors";
-var O = Object.defineProperty, l = (g, e, t, s) => {
-  for (var i = void 0, u = g.length - 1, h; u >= 0; u--)
-    (h = g[u]) && (i = h(e, t, i) || i);
-  return i && O(e, t, i), i;
+import { live as T } from "lit/directives/live.js";
+var j = Object.defineProperty, o = (c, e, t, l) => {
+  for (var a = void 0, r = c.length - 1, h; r >= 0; r--)
+    (h = c[r]) && (a = h(e, t, a) || a);
+  return a && j(e, t, a), a;
 };
-class a extends L {
+class s extends F {
   constructor() {
-    super(...arguments), this.adapter = new F(), this.debouncer = new T(), this.subscriptions = [], this._range = { start: 0, end: 10 }, this._filteredItems = [], this._listItems = [], this._focusedIndex = -1, this._isFiltering = !1, this._isListVisible = !1, this._selectedItem = void 0, this._ignoreNextFocus = !1, this.onDocumentClick = (e) => {
+    super(...arguments), this.adapter = new b(), this.debouncer = new k(), this.subscriptions = [], this._visibleItems = [], this._filteredItems = [], this._listItems = [], this._isFiltering = !1, this._isListVisible = !1, this._selectedItem = void 0, this._ignoreNextFocus = !1, this.onDocumentClick = (e) => {
       if (!this._isListVisible) return;
-      const t = e.composedPath(), s = this._inputRef && t.includes(this._inputRef), i = this._panelRef && t.includes(this._panelRef);
-      !s && !i && (this._isListVisible = !1);
+      const t = e.composedPath(), l = this._inputRef && t.includes(this._inputRef), a = this._panelRef && t.includes(this._panelRef);
+      !l && !a && (this._isListVisible = !1);
     }, this._onToggleMouseDown = (e) => {
       e.preventDefault();
     }, this._onToggleClick = (e) => {
@@ -31,48 +33,35 @@ class a extends L {
   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(), typeof document < "u" && document.addEventListener("click", this.onDocumentClick), this.classList.add("gui-dropdown", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this._filteredItems = this.adapter.templateData.items, this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => {
         const e = this.adapter.templateData;
         e.items && this._listItems?.length === 0 && this._filteredItems?.length === 0 && (this._filteredItems = e.items, this._listItems = e.items), this.requestUpdate();
       }),
-      this.debouncer.pipe(j(this.adapter.templateData.inputDebounce ?? 500)).subscribe((e) => {
+      this.debouncer.pipe(L(this.adapter.templateData.inputDebounce ?? 500)).subscribe((e) => {
         this._filterItems(e);
       })
     );
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), V(this.subscriptions);
+    super.disconnectedCallback(), document.removeEventListener("click", this.onDocumentClick), this.adapter.destroy(), x(this.subscriptions);
   }
-  _onRangeChange(e) {
-    this._range = { start: e.detail.startIndex, end: e.detail.endIndex };
+  _onVisibleItemsChange(e) {
+    this._visibleItems = e.detail;
   }
   _onUpdateItems(e) {
     const t = e.detail || [];
     if (this._listItems = t, !this._selectedItem && this.adapter.templateData.value != null) {
-      const s = t.find(
-        (i) => i.value === this.adapter.templateData.value
+      const l = t.find(
+        (a) => a.value === this.adapter.templateData.value
       );
-      s && (this._selectedItem = s);
+      l && (this._selectedItem = l);
     }
   }
-  _onFocusChange(e) {
-    this._focusedIndex = e.detail.index;
-  }
-  _onClickItem(e, t) {
-    if (this.adapter.templateData.readonly || e.disabled) return;
-    const s = this.adapter.templateData;
-    this.adapter.valueChanged(e.value), this.adapter.filterChanged(""), this._focusedIndex = t, this._selectedItem = e, this._isFiltering = !1, this._isListVisible = !1, this._listRef && (this._listRef.focusItemAtIndex(t), this._inputRef.value = s.valueField ? e.template[s.valueField] : e.template);
-  }
   _onValueChange(e) {
     const t = e.detail.value;
-    this.adapter.valueChanged(t), this.adapter.filterChanged(""), this._selectedItem = this._listItems.find((s) => s.value === t), this._isFiltering = !1, this._isListVisible = !1;
+    this.adapter.valueChanged(t), this.adapter.filterChanged(""), this._selectedItem = this._listItems.find((l) => l.value === t), this._isFiltering = !1, this._isListVisible = !1;
   }
   async _onKeyDown(e) {
     switch (e.key) {
@@ -89,20 +78,12 @@ class a extends L {
     this.debouncer.next(t);
   }
   _filterItems(e) {
-    const t = this.adapter.templateData, s = !!this.widget.on?.filter;
-    if (this.adapter.filterChanged(e), e && !s) {
-      this._isFiltering = !0, this._isListVisible = !0;
-      const i = t.searchFields ?? [t.labelField, t.valueField].filter(
-        (o) => !!o
-      ), u = i.length > 0, m = (t.items || []).filter((o) => {
-        if (o === null || typeof o != "object")
-          return o != null && o.toString().toLowerCase().includes(e.toLowerCase());
-        const f = Object.keys(o), n = (c, b) => c || o[b].toString().toLowerCase().includes(e.toLowerCase());
-        return u ? f.filter((c) => i.includes(c)).reduce(n, !1) : f.reduce(n, !1);
-      });
-      this._filteredItems = [...m];
-    } else
-      this._isFiltering = !1, this._filteredItems = [...t.items];
+    const t = this.adapter.templateData, l = !!this.widget.on?.filter;
+    this.adapter.filterChanged(e), e && !l ? (this._isFiltering = !0, this._isListVisible = !0, this._filteredItems = w(
+      t.items || [],
+      e,
+      t
+    )) : (this._isFiltering = !1, this._filteredItems = [...t.items]);
   }
   _onWidgetKeyDown(e) {
     e.key !== "Escape" || !this._isListVisible || (e.preventDefault(), e.stopPropagation(), this._isListVisible = !1, this._isFiltering = !1, this._ignoreNextFocus = !0, this._inputRef?.focus(), setTimeout(() => {
@@ -121,11 +102,11 @@ class a extends L {
     t && this.contains(t) || (this.adapter.onBlur(), this._isListVisible = !1, this._isFiltering = !1);
   }
   render() {
-    const e = this.adapter.templateData, t = e.touched && e.errors && e.errors.length > 0, s = this._listItems.slice(this._range.start, this._range.end), i = this.adapter.getItemRenderer(
+    const e = this.adapter.templateData, t = e.touched && e.errors && e.errors.length > 0, l = this.adapter.getItemRenderer(
       e.itemRenderer,
-      q
-    ), h = this._selectedItem?.template !== null && typeof this._selectedItem?.template == "object" ? e.labelField ?? "label" : null, m = h ? this._selectedItem?.template[h] : this._selectedItem?.template, o = !!this.widget.on?.filter;
-    return _`
+      V
+    ), r = this._selectedItem?.template !== null && typeof this._selectedItem?.template == "object" ? e.labelField ?? "label" : null, h = r ? this._selectedItem?.template[r] : this._selectedItem?.template, f = !!this.widget.on?.filter;
+    return u`
       <gui-label
         .targetElement=${[this._listRef, this._inputRef]}
         .uid=${this.widget.uid}
@@ -138,34 +119,34 @@ class a extends L {
       ></gui-label>
 
       <div class="gui-widget" @keydown=${this._onWidgetKeyDown} @focusout=${this._onFocusOut}>
-        ${e.icon ? _`<span
-              class=${v({ "gui-widget-icon": !0, [e.icon]: !0 })}
+        ${e.icon ? u`<span
+              class=${m({ "gui-widget-icon": !0, [e.icon]: !0 })}
               data-icon=${e.icon}
               aria-hidden="true"
-            ></span>` : p}
+            ></span>` : n}
         <input
           type="text"
           role="combobox"
           id=${this.widget.uid}
           data-cy=${`${this.widget.uid}_textinput`}
-          class=${v({
+          class=${m({
       "gui-widget-input": !0,
       "gui-dropdown--icon": !!e.icon
     })}
-          .value=${m ?? e.value ?? ""}
+          .value=${h ?? e.value ?? ""}
           ?required=${e.validator?.required}
           ?disabled=${e.disabled}
           ?readonly=${e.readonly}
           placeholder=${e.placeholder ?? ""}
-          autocomplete=${e.autocomplete || p}
+          autocomplete=${e.autocomplete || n}
           @keydown=${this._onKeyDown}
           @input=${this._onInput}
           @focus=${this._onFocus}
           aria-expanded=${this._isListVisible ? "true" : "false"}
           aria-controls=${`${this.widget.uid}-list`}
           aria-autocomplete="list"
-          aria-labelledby=${e.label ? `${this.widget.uid}_label` : p}
-          aria-describedby=${e.hint ? `${this.widget.uid}_hint` : p}
+          aria-labelledby=${e.label ? `${this.widget.uid}_label` : n}
+          aria-describedby=${e.hint ? `${this.widget.uid}_hint` : n}
         />
         <button
           type="button"
@@ -178,17 +159,7 @@ class a extends L {
           @mousedown=${this._onToggleMouseDown}
           @click=${this._onToggleClick}
         >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="16"
-            height="16"
-            viewBox="0 0 256 256"
-            aria-hidden="true"
-          >
-            <path
-              d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"
-            ></path>
-          </svg>
+          <span class="gui-caret" aria-hidden="true"></span>
         </button>
 
         <div
@@ -199,102 +170,97 @@ class a extends L {
           <gui-list
             id=${`${this.widget.uid}-list`}
             .uid=${this.widget.uid}
-            .value=${e.value ?? ""}
+            .value=${T(e.value ?? "")}
             .valueField=${e.valueField}
-            .items=${this._isFiltering && !o ? this._filteredItems : e.items}
+            .items=${this._isFiltering && !f ? this._filteredItems : e.items}
             .itemHeight=${e.itemHeight}
             .height=${e.height}
             ?required=${e.validator?.required}
-            ?touched=${e.touched}
+            .touched=${e.touched}
             ?disabled=${e.disabled}
             ?readonly=${e.readonly}
             ?hidden=${!this._isListVisible}
-            @gui-range-change=${this._onRangeChange}
+            @gui-visible-items-change=${this._onVisibleItemsChange}
             @gui-update-items=${this._onUpdateItems}
-            @gui-focus-change=${this._onFocusChange}
             @focus=${this._onFocus}
-            @change=${this._onValueChange}
+            @gui-input=${this._onValueChange}
           >
-            ${s.map((r, f) => {
-      const n = this._range.start + f, c = e.value === r.value, b = this._focusedIndex === n, w = !!e.disabled || !!r.disabled, I = e.labelField ?? "label", y = r.template !== null && typeof r.template == "object" && I && !e.itemRenderer ? r.template[I] : r.template;
-      return _`
+            ${this._visibleItems.map((i) => {
+      const _ = e.labelField ?? "label", g = i.template !== null && typeof i.template == "object" && _ && !e.itemRenderer ? i.template[_] : i.template;
+      return u`
                 <div
                   role="option"
                   tabindex="-1"
                   class="gui-list__item-wrapper"
-                  id="${this.widget.uid}-item-${n}"
-                  style=${S({ height: `${e.itemHeight || 40}px` })}
-                  aria-selected=${c ? "true" : "false"}
-                  aria-disabled=${w ? "true" : "false"}
-                  @click=${() => this._onClickItem(r, n)}
+                  id=${i.id}
+                  style=${C({ height: `${e.itemHeight || 40}px` })}
+                  aria-selected=${i.selected ? "true" : "false"}
+                  aria-disabled=${i.disabled ? "true" : "false"}
                 >
-                  ${i({
-        template: y,
-        value: r.value,
-        index: n,
-        selected: c,
-        disabled: w,
-        focused: b
+                  ${l({
+        template: g,
+        value: i.value,
+        index: i.index,
+        selected: i.selected,
+        disabled: i.disabled,
+        focused: i.focused
       })}
                 </div>
               `;
     })}
           </gui-list>
-          ${t ? _`<gui-errors
+          ${t ? u`<gui-errors
                 panel
                 .uid=${this.widget.uid}
                 .errors=${e.errors}
                 .touched=${e.touched}
-              ></gui-errors>` : p}
+              ></gui-errors>` : n}
         </div>
       </div>
 
-      ${t ? _`<gui-errors
+      ${t ? u`<gui-errors
             .uid=${this.widget.uid}
             .errors=${e.errors}
             .touched=${e.touched}
-          ></gui-errors>` : p}
+          ></gui-errors>` : n}
     `;
   }
 }
-l([
-  D({ context: x }),
-  k({ attribute: !1 })
-], a.prototype, "formContext");
-l([
-  R({ context: C })
-], a.prototype, "adapter");
-l([
-  d()
-], a.prototype, "_range");
-l([
+o([
+  v({ context: $ }),
+  D({ attribute: !1 })
+], s.prototype, "formContext");
+o([
+  y({ context: I })
+], s.prototype, "adapter");
+o([
   d()
-], a.prototype, "_filteredItems");
-l([
+], s.prototype, "_visibleItems");
+o([
   d()
-], a.prototype, "_listItems");
-l([
+], s.prototype, "_filteredItems");
+o([
   d()
-], a.prototype, "_focusedIndex");
-l([
+], s.prototype, "_listItems");
+o([
   d()
-], a.prototype, "_isFiltering");
-l([
+], s.prototype, "_isFiltering");
+o([
   d()
-], a.prototype, "_isListVisible");
-l([
+], s.prototype, "_isListVisible");
+o([
   d()
-], a.prototype, "_selectedItem");
-l([
-  $("input")
-], a.prototype, "_inputRef");
-l([
-  $("gui-list")
-], a.prototype, "_listRef");
-l([
-  $(".gui-picker__panel")
-], a.prototype, "_panelRef");
-P("gui-dropdown-input", a);
+], s.prototype, "_selectedItem");
+o([
+  p("input")
+], s.prototype, "_inputRef");
+o([
+  p("gui-list")
+], s.prototype, "_listRef");
+o([
+  p(".gui-picker__panel")
+], s.prototype, "_panelRef");
+R("gui-dropdown-input", s);
 export {
-  a as DropdownElement
+  s as DropdownElement
 };

package/{file-upload.element-l_l_ubxJ.js → file-upload.element-B3oBEQ_s.js}

@@ -1,27 +1,22 @@
-import { InputWidgetAdapter as l, formContext as d, inputContext as p } from "@golemui/lit";
+import { InputWidgetAdapter as d, formContext as l, inputContext as p } from "@golemui/lit";
 import "@golemui/gui-components/file-upload";
 import { consume as u, provide as c } from "@lit/context";
-import { LitElement as m, html as h } from "lit";
-import { property as g } from "lit/decorators.js";
+import { LitElement as m, html as g } from "lit";
+import { property as h } from "lit/decorators.js";
 import { unsubscribeAll as $, safeDefine as b } from "@golemui/lit/internals";
 import "rxjs";
 var f = Object.defineProperty, n = (r, e, t, v) => {
-  for (var a = void 0, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (a = o(e, t, a) || a);
+  for (var a = void 0, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (a = o(e, t, a) || a);
   return a && f(e, t, a), a;
 };
-class i extends m {
+class s extends m {
   constructor() {
-    super(...arguments), this.adapter = new l(), 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-file-upload", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -30,14 +25,14 @@ class i extends m {
   render() {
     super.render();
     const e = this.adapter.templateData;
-    return h`
+    return g`
       <gui-file-upload
         .uid=${this.widget.uid}
         .path=${this.widget.path}
         .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}
@@ -59,9 +54,9 @@ class i extends m {
         .uploadedMessage=${e.uploadedMessage}
         .removedMessage=${e.removedMessage}
         .failedMessage=${e.failedMessage}
-        @change=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
-        @inputError=${this.onInputError}
+        @gui-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
+        @gui-input-error=${this.onInputError}
       ></gui-file-upload>
     `;
   }
@@ -78,13 +73,13 @@ class i extends m {
   }
 }
 n([
-  u({ context: d }),
-  g({ attribute: !1 })
-], i.prototype, "formContext");
+  u({ context: l }),
+  h({ attribute: !1 })
+], s.prototype, "formContext");
 n([
   c({ context: p })
-], i.prototype, "adapter");
-b("gui-file-upload-input", i);
+], s.prototype, "adapter");
+b("gui-file-upload-input", s);
 export {
-  i as FileUploadElement
+  s as FileUploadElement
 };

package/grid.element-CwDdlQ4b.js

@@ -0,0 +1,54 @@
+import { LayoutWidgetAdapter as l, formContext as c, layoutContext as u } from "@golemui/lit";
+import { resolveGrid as m, gridClasses as h, gridCellClasses as f } from "@golemui/gui-shared/internals";
+import { consume as g, provide as b } from "@lit/context";
+import { LitElement as C, html as n } from "lit";
+import { property as v } from "lit/decorators.js";
+import { unsubscribeAll as x, safeDefine as y } from "@golemui/lit/internals";
+import "rxjs";
+import { repeat as w } from "lit-html/directives/repeat.js";
+var $ = Object.defineProperty, p = (s, e, r, i) => {
+  for (var t = void 0, a = s.length - 1, d; a >= 0; a--)
+    (d = s[a]) && (t = d(e, r, t) || t);
+  return t && $(e, r, t), t;
+};
+class o extends C {
+  constructor() {
+    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    const e = m(this.widget.type, this.adapter.templateData), r = this.adapter.templateData.children || [];
+    return n`
+      <div class=${h(e)} id=${this.widget?.uid}>
+        ${w(
+      r,
+      (i) => i?.uid,
+      (i) => n`<div class=${f(e, i.size)}>
+              <gui-widget .widget=${i}></gui-widget>
+            </div>`
+    )}
+      </div>
+    `;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), x(this.subscriptions);
+  }
+}
+p([
+  g({ context: c }),
+  v({ attribute: !1 })
+], o.prototype, "formContext");
+p([
+  b({ context: u })
+], o.prototype, "adapter");
+y("gui-grid-layout", o);
+export {
+  o as GridElement
+};

package/index.js

@@ -5,52 +5,52 @@ import { initValidators as t } from "@golemui/gui-validators";
 import { createFormComponent as i } from "@golemui/lit";
 const n = {
   // ACTION
-  button: async () => (await import("./button.element-CKYv0Glr.js")).ButtonElement,
+  button: async () => (await import("./button.element-CjeUWaly.js")).ButtonElement,
   // INPUTS
-  calendar: async () => (await import("./calendar.element-DkHZFBNr.js")).CalendarElement,
-  dateTimeCalendar: async () => (await import("./date-time-calendar.element-GAr8VMGa.js")).DateTimeCalendarElement,
-  rangeCalendar: async () => (await import("./range-calendar.element-BJr97SVA.js")).RangeCalendarElement,
-  rangeDateInput: async () => (await import("./range-date-input.element-DDRYvP9h.js")).RangeDateInputElement,
-  rangeTimeInput: async () => (await import("./range-time-input.element-Cq0TrGe9.js")).RangeTimeInputElement,
-  rangeDateTimeInput: async () => (await import("./range-date-time-input.element-Cq4IdW7N.js")).RangeDateTimeInputElement,
-  rangeDateTimeCalendar: async () => (await import("./range-date-time-calendar.element-UlL1BBRJ.js")).RangeDateTimeCalendarElement,
-  rangeDateTimePicker: async () => (await import("./range-date-time-picker.element-CnJcIN9C.js")).RangeDateTimePickerElement,
-  rangeDatePicker: async () => (await import("./range-date-picker.element-rdEr0_wu.js")).RangeDatePickerElement,
-  rangeTimePicker: async () => (await import("./range-time-picker.element-BzlIuZ6m.js")).RangeTimePickerElement,
-  currency: async () => (await import("./currency.element-DNumeSKA.js")).CurrencyElement,
-  dateInput: async () => (await import("./date.element-ChpTi2AQ.js")).DateElement,
-  datePicker: async () => (await import("./date-picker.element-DpQmremq.js")).DatePickerElement,
-  dateTimePicker: async () => (await import("./date-time-picker.element-Bt0GYSpS.js")).DateTimePickerElement,
-  dropdown: async () => (await import("./dropdown.element-Ckh9JvEK.js")).DropdownElement,
-  fileUpload: async () => (await import("./file-upload.element-l_l_ubxJ.js")).FileUploadElement,
-  list: async () => (await import("./list.element-UIKmXzeH.js")).ListElement,
-  markdown: async () => (await import("./markdown.element-DUHHoi2Y.js")).MarkdownElement,
-  multiDropdown: async () => (await import("./multi-dropdown.element-mX06nBBb.js")).MultiDropdownElement,
-  multiFileUpload: async () => (await import("./multi-file-upload.element-DzAZAfc1.js")).MultiFileUploadElement,
-  multiList: async () => (await import("./multi-list.element-Bs-UN2Cy.js")).MultiListElement,
-  password: async () => (await import("./password.element-xw5gugEg.js")).PasswordElement,
-  textinput: async () => (await import("./textinput.element-0q5F5ol3.js")).TextinputElement,
-  timeInput: async () => (await import("./time.element-92goKRwJ.js")).TimeElement,
-  timePicker: async () => (await import("./time-picker.element-BiLaLr_c.js")).TimePickerElement,
-  dateTimeInput: async () => (await import("./date-time.element-WfLnY_Cb.js")).DateTimeElement,
-  textarea: async () => (await import("./textarea.element-E2ntRBtE.js")).TextareaElement,
-  toggle: async () => (await import("./toggle.element-zDUc9Vja.js")).ToggleElement,
-  checkbox: async () => (await import("./checkbox.element-MukoziRw.js")).CheckboxElement,
-  number: async () => (await import("./number.element-mQSFQsYC.js")).NumberElement,
-  radiogroup: async () => (await import("./radiogroup.element-TqfrxVyI.js")).RadiogroupElement,
-  select: async () => (await import("./select.element-RBtbAvLx.js")).SelectElement,
-  tags: async () => (await import("./tags.element-CGvxhMmX.js")).TagsElement,
+  calendar: async () => (await import("./calendar.element-DXI9bfFN.js")).CalendarElement,
+  dateTimeCalendar: async () => (await import("./date-time-calendar.element-Dmyd7LQ0.js")).DateTimeCalendarElement,
+  rangeCalendar: async () => (await import("./range-calendar.element-V_56ZeT9.js")).RangeCalendarElement,
+  rangeDateInput: async () => (await import("./range-date-input.element-D3ZG8OW-.js")).RangeDateInputElement,
+  rangeTimeInput: async () => (await import("./range-time-input.element-GXw45kMr.js")).RangeTimeInputElement,
+  rangeDateTimeInput: async () => (await import("./range-date-time-input.element-CVCPS7FC.js")).RangeDateTimeInputElement,
+  rangeDateTimeCalendar: async () => (await import("./range-date-time-calendar.element-DyiiUB5Q.js")).RangeDateTimeCalendarElement,
+  rangeDateTimePicker: async () => (await import("./range-date-time-picker.element-6nBQ_NZs.js")).RangeDateTimePickerElement,
+  rangeDatePicker: async () => (await import("./range-date-picker.element-CaNHjueS.js")).RangeDatePickerElement,
+  rangeTimePicker: async () => (await import("./range-time-picker.element-CG4PJg3u.js")).RangeTimePickerElement,
+  currency: async () => (await import("./currency.element-D8t_MtIs.js")).CurrencyElement,
+  dateInput: async () => (await import("./date.element-Ba8wmaNU.js")).DateElement,
+  datePicker: async () => (await import("./date-picker.element-X__hfSnj.js")).DatePickerElement,
+  dateTimePicker: async () => (await import("./date-time-picker.element-QGn5dEbf.js")).DateTimePickerElement,
+  dropdown: async () => (await import("./dropdown.element-C55MHVq-.js")).DropdownElement,
+  fileUpload: async () => (await import("./file-upload.element-B3oBEQ_s.js")).FileUploadElement,
+  list: async () => (await import("./list.element-CIrv32zU.js")).ListElement,
+  markdown: async () => (await import("./markdown.element-7tvZ028P.js")).MarkdownElement,
+  multiDropdown: async () => (await import("./multi-dropdown.element-nOsP8HUx.js")).MultiDropdownElement,
+  multiFileUpload: async () => (await import("./multi-file-upload.element-4h6JQgRF.js")).MultiFileUploadElement,
+  multiList: async () => (await import("./multi-list.element-CZfmTbCf.js")).MultiListElement,
+  password: async () => (await import("./password.element-DnV_PqKI.js")).PasswordElement,
+  textinput: async () => (await import("./textinput.element-CCgsbYTB.js")).TextinputElement,
+  timeInput: async () => (await import("./time.element-B0L2sriD.js")).TimeElement,
+  timePicker: async () => (await import("./time-picker.element-Q_OWcBVy.js")).TimePickerElement,
+  dateTimeInput: async () => (await import("./date-time.element-B0OuRjlf.js")).DateTimeElement,
+  textarea: async () => (await import("./textarea.element-DrWG3xvs.js")).TextareaElement,
+  toggle: async () => (await import("./toggle.element-BTjo7IVK.js")).ToggleElement,
+  checkbox: async () => (await import("./checkbox.element-D8hXKLjW.js")).CheckboxElement,
+  number: async () => (await import("./number.element-WRHwQGZz.js")).NumberElement,
+  radiogroup: async () => (await import("./radiogroup.element-Cqn_48Ao.js")).RadiogroupElement,
+  select: async () => (await import("./select.element-BPrqKmDM.js")).SelectElement,
+  tags: async () => (await import("./tags.element-CVCUsKZ0.js")).TagsElement,
   // REPEATER
-  repeater: async () => (await import("./repeater.element-DQNI4b7I.js")).RepeaterElement,
+  repeater: async () => (await import("./repeater.element-V508AKTJ.js")).RepeaterElement,
   // LAYOUTS
-  flex: async () => (await import("./flex.element-BW0_kx8z.js")).FlexElement,
-  grid: async () => (await import("./grid.element-C019lV76.js")).GridElement,
-  tabs: async () => (await import("./tabs.element-BiVaQlvt.js")).TabsElement,
-  accordion: async () => (await import("./accordion.element-BEenQrCh.js")).AccordionElement,
+  flex: async () => (await import("./grid.element-CwDdlQ4b.js")).GridElement,
+  grid: async () => (await import("./grid.element-CwDdlQ4b.js")).GridElement,
+  tabs: async () => (await import("./tabs.element-CeZOk5Bj.js")).TabsElement,
+  accordion: async () => (await import("./accordion.element-CE1gDRCy.js")).AccordionElement,
   // DISPLAY
-  alert: async () => (await import("./alert.element-Dzv49O-1.js")).AlertElement,
-  markdownText: async () => (await import("./markdown-text.element-DflCQwAo.js")).MarkdownTextElement,
-  renderer: async () => (await import("./renderer.element-BVwerbtL.js")).RendererElement
+  alert: async () => (await import("./alert.element-Bqcad7bR.js")).AlertElement,
+  markdownText: async () => (await import("./markdown-text.element-Jos6zKYy.js")).MarkdownTextElement,
+  renderer: async () => (await import("./renderer.element-FWOUTePl.js")).RendererElement
 };
 class m extends i({
   widgetLoaders: n,