@golemui/gui-lit 0.16.1 → 0.17.0

package/lib/components/date-picker.element.d.ts

@@ -18,6 +18,7 @@ export declare class DatePickerElement extends LitElement implements WithWidget
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
+    onCalendarChange(event: CustomEvent): void;
     onBlurCalendar(): void;
     onInputError(event: CustomEvent): void;
     onKeyUp(event: Event): void;

package/{markdown.element-1IF3G5KX.js → markdown.element-BiAglcXP.js}

@@ -1,22 +1,22 @@
-import { InputWidgetAdapter as O, formContext as S, inputContext as V } from "@golemui/lit";
+import { InputWidgetAdapter as S, formContext as V, inputContext as T } from "@golemui/lit";
 import "@golemui/gui-shared";
-import { LitElement as H, html as u, nothing as $ } from "lit";
-import { property as l, state as L, customElement as A } from "lit/decorators.js";
+import { LitElement as L, html as u, nothing as $ } from "lit";
+import { property as l, state as A, customElement as C } from "lit/decorators.js";
 import { classMap as y } from "lit/directives/class-map.js";
-import { G as T, b as I, c as M } from "./templates-Dk1jxLwS.js";
-import { styleMap as B } from "lit-html/directives/style-map.js";
+import { G as I, b as M, c as _ } from "./templates-Dk1jxLwS.js";
+import { styleMap as H } from "lit-html/directives/style-map.js";
 import { ifDefined as x } from "lit/directives/if-defined.js";
 import "./markdown-text-X-BRJT6K.js";
-import { consume as _, provide as F } from "@lit/context";
+import { consume as B, provide as F } from "@lit/context";
 import "rxjs";
-var Z = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (t, e, i, o) => {
-  for (var s = o > 1 ? void 0 : o ? D(e, i) : e, a = t.length - 1, d; a >= 0; a--)
-    (d = t[a]) && (s = (o ? d(e, i, s) : d(s)) || s);
-  return o && s && Z(e, i, s), s;
+var Z = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (t, e, i, n) => {
+  for (var s = n > 1 ? void 0 : n ? D(e, i) : e, a = t.length - 1, d; a >= 0; a--)
+    (d = t[a]) && (s = (n ? d(e, i, s) : d(s)) || s);
+  return n && s && Z(e, i, s), s;
 };
-let n = class extends H {
+let o = class extends L {
   constructor() {
-    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.tools = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.minimumHeight = void 0, this.autoGrow = !1, this.defaultOpenPreview = void 0, this.maxLength = void 0, this.headingTitle = void 0, this.boldTitle = void 0, this.italicTitle = void 0, this.strikethroughTitle = void 0, this.quoteTitle = void 0, this.linkTitle = void 0, this.orderedListTitle = void 0, this.unorderedListTitle = void 0, this.splitViewTitle = void 0, this.dependencies = void 0, this.splitViewActive = !1, this.activeFormats = {}, this.splitViewInitialized = !1, this.ariaController = new T(this, {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.tools = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.minimumHeight = void 0, this.autoGrow = !1, this.defaultOpenPreview = void 0, this.maxLength = void 0, this.headingTitle = void 0, this.boldTitle = void 0, this.italicTitle = void 0, this.strikethroughTitle = void 0, this.quoteTitle = void 0, this.linkTitle = void 0, this.orderedListTitle = void 0, this.unorderedListTitle = void 0, this.splitViewTitle = void 0, this.dependencies = void 0, this.splitViewActive = !1, this.activeFormats = {}, this.splitViewInitialized = !1, this.ariaController = new I(this, {
       getTargets: () => this.querySelectorAll(`textarea[id="${this.uid}"]`),
       getState: () => ({
         uid: this.uid,
@@ -76,11 +76,11 @@ let n = class extends H {
         <span> / ${t.maxLength}</span>
       </div>`;
     }
-    const o = {
+    const n = {
       "min-height": `${t.minimumHeight}px`
     };
     return u`
-      ${I(this.uid, t)}
+      ${M(this.uid, t)}
 
       <div
         class=${y({
@@ -118,37 +118,41 @@ let n = class extends H {
             </li>
           </ul>
         </nav>
-        <textarea
-          id=${x(this.uid)}
-          class=${y(e)}
-          style=${B(o)}
-          ?required=${t.required}
-          ?disabled=${t.disabled}
-          ?readonly=${t.readonly}
-          placeholder=${x(t.placeholder)}
-          autocomplete=${this.autocomplete || $}
-          .value=${this.value || ""}
-          @input=${this.valueChanged}
-          @keyup=${this.detectFormats}
-          @mouseup=${this.detectFormats}
-          @blur=${this.onBlur}
-        ></textarea>
 
-        ${this.splitViewActive ? u`
-              <section
-                data-cy=${x(this.uid ? `${this.uid}_markdown` : $)}
-                class="gui-markdown__preview"
-              >
-                <gui-markdown-text
-                  .md=${this.value || ""}
-                  .dependencies=${this.dependencies}
-                ></gui-markdown-text>
-              </section>
-            ` : $}
+        <div class="gui-markdown__container">
+          <textarea
+            id=${x(this.uid)}
+            class=${y(e)}
+            style=${H(n)}
+            ?required=${t.required}
+            ?disabled=${t.disabled}
+            ?readonly=${t.readonly}
+            placeholder=${x(t.placeholder)}
+            autocomplete=${this.autocomplete || $}
+            .value=${this.value || ""}
+            @input=${this.valueChanged}
+            @keyup=${this.detectFormats}
+            @mouseup=${this.detectFormats}
+            @blur=${this.onBlur}
+          ></textarea>
+
+          ${this.splitViewActive ? u`
+                <section
+                  data-cy=${x(this.uid ? `${this.uid}_markdown` : $)}
+                  class="gui-markdown__preview"
+                  style=${H(n)}
+                >
+                  <gui-markdown-text
+                    .md=${this.value || ""}
+                    .dependencies=${this.dependencies}
+                  ></gui-markdown-text>
+                </section>
+              ` : $}
+        </div>
       </div>
 
       <div class="gui-markdown--validation">
-        <div>${M(this.uid, t)}</div>
+        <div>${_(this.uid, t)}</div>
         ${i}
       </div>
     `;
@@ -157,7 +161,7 @@ let n = class extends H {
     if (!this.autoGrow) return;
     const t = this.querySelector(`textarea[id="${this.uid}"]`);
     if (!t) return;
-    const e = window.getComputedStyle(t), i = parseFloat(e.paddingTop), o = parseFloat(e.paddingBottom), s = i + o;
+    const e = window.getComputedStyle(t), i = parseFloat(e.paddingTop), n = parseFloat(e.paddingBottom), s = i + n;
     t.style.height = "auto", t.style.height = `${Math.max(this.minimumHeight ?? 120, t.scrollHeight - s)}px`;
   }
   splitView() {
@@ -314,9 +318,9 @@ let n = class extends H {
   detectFormats() {
     const t = this.querySelector(`textarea[id="${this.uid}"]`);
     if (!t) return;
-    const { selectionStart: e, value: i } = t, o = i.lastIndexOf(`
+    const { selectionStart: e, value: i } = t, n = i.lastIndexOf(`
 `, e - 1) + 1, s = i.indexOf(`
-`, e), a = i.substring(o, s === -1 ? i.length : s);
+`, e), a = i.substring(n, s === -1 ? i.length : s);
     this.activeFormats = {
       heading: /^#{1,6}\s/.test(a),
       bold: this.isInsideInlineFormat(i, e, "**"),
@@ -329,9 +333,9 @@ let n = class extends H {
     };
   }
   isInsideInlineFormat(t, e, i) {
-    const o = t.lastIndexOf(`
+    const n = t.lastIndexOf(`
 `, e - 1) + 1, s = t.indexOf(`
-`, e), a = t.substring(o, s === -1 ? t.length : s), d = e - o;
+`, e), a = t.substring(n, s === -1 ? t.length : s), d = e - n;
     let h = 0;
     for (; h < a.length; ) {
       const g = a.indexOf(i, h);
@@ -346,8 +350,8 @@ let n = class extends H {
   }
   isInsideLink(t, e) {
     const i = t.lastIndexOf(`
-`, e - 1) + 1, o = t.indexOf(`
-`, e), s = t.substring(i, o === -1 ? t.length : o), a = e - i, d = /\[[^\]]*\]\([^)]*\)/g;
+`, e - 1) + 1, n = t.indexOf(`
+`, e), s = t.substring(i, n === -1 ? t.length : n), a = e - i, d = /\[[^\]]*\]\([^)]*\)/g;
     let h;
     for (; (h = d.exec(s)) !== null; )
       if (a >= h.index && a <= h.index + h[0].length)
@@ -356,24 +360,24 @@ let n = class extends H {
   }
   applyFormat(t, e = "", i = "") {
     return () => {
-      const o = this.querySelector(`textarea[id="${this.uid}"]`);
-      if (o) {
+      const n = this.querySelector(`textarea[id="${this.uid}"]`);
+      if (n) {
         if (i && this.activeFormats[i])
-          this.removeFormat(o, t, e, i);
+          this.removeFormat(n, t, e, i);
         else {
-          const { selectionStart: s, selectionEnd: a, value: d } = o, h = d.substring(s, a), g = d.substring(0, s), p = d.substring(a);
-          o.value = `${g}${t}${h}${e}${p}`, o.selectionStart = s + t.length, o.selectionEnd = s + t.length + h.length;
+          const { selectionStart: s, selectionEnd: a, value: d } = n, h = d.substring(s, a), g = d.substring(0, s), p = d.substring(a);
+          n.value = `${g}${t}${h}${e}${p}`, n.selectionStart = s + t.length, n.selectionEnd = s + t.length + h.length;
         }
-        o.focus(), o.dispatchEvent(new Event("input", { bubbles: !0 })), this.detectFormats();
+        n.focus(), n.dispatchEvent(new Event("input", { bubbles: !0 })), this.detectFormats();
       }
     };
   }
-  removeFormat(t, e, i, o) {
+  removeFormat(t, e, i, n) {
     const { selectionStart: s, value: a } = t, d = a.lastIndexOf(`
 `, s - 1) + 1, h = a.indexOf(`
 `, s), g = a.substring(d, h === -1 ? a.length : h);
     if (i)
-      if (o === "link") {
+      if (n === "link") {
         const p = s - d, w = /\[([^\]]*)\]\([^)]*\)/g;
         let c;
         for (; (c = w.exec(g)) !== null; )
@@ -391,8 +395,8 @@ let n = class extends H {
           const v = g.indexOf(i, c + e.length);
           if (v === -1) break;
           if (p >= c && p <= v + i.length) {
-            const m = g.substring(c + e.length, v), b = d + c, C = d + v + i.length;
-            t.value = `${a.substring(0, b)}${m}${a.substring(C)}`, t.selectionStart = b, t.selectionEnd = b + m.length;
+            const m = g.substring(c + e.length, v), b = d + c, O = d + v + i.length;
+            t.value = `${a.substring(0, b)}${m}${a.substring(O)}`, t.selectionStart = b, t.selectionEnd = b + m.length;
             break;
           }
           w = v + i.length;
@@ -400,10 +404,10 @@ let n = class extends H {
       }
     else {
       let p = e;
-      if (o === "heading") {
+      if (n === "heading") {
         const m = g.match(/^#{1,6}\s/);
         m && (p = m[0]);
-      } else if (o === "orderedList") {
+      } else if (n === "orderedList") {
         const m = g.match(/^\d+\.\s/);
         m && (p = m[0]);
       }
@@ -434,106 +438,106 @@ let n = class extends H {
 };
 r([
   l({ type: String })
-], n.prototype, "uid", 2);
+], o.prototype, "uid", 2);
 r([
   l({ type: String })
-], n.prototype, "label", 2);
+], o.prototype, "label", 2);
 r([
   l({ type: String, attribute: "locale-id" })
-], n.prototype, "localeId", 2);
+], o.prototype, "localeId", 2);
 r([
   l({ type: Array })
-], n.prototype, "errors", 2);
+], o.prototype, "errors", 2);
 r([
   l({ type: Boolean })
-], n.prototype, "touched", 2);
+], o.prototype, "touched", 2);
 r([
   l({ type: Boolean })
-], n.prototype, "required", 2);
+], o.prototype, "required", 2);
 r([
   l({ type: Boolean })
-], n.prototype, "disabled", 2);
+], o.prototype, "disabled", 2);
 r([
   l({ type: Boolean, attribute: "readonly" })
-], n.prototype, "readOnly", 2);
+], o.prototype, "readOnly", 2);
 r([
   l({ type: String })
-], n.prototype, "value", 2);
+], o.prototype, "value", 2);
 r([
   l({ type: String })
-], n.prototype, "hint", 2);
+], o.prototype, "hint", 2);
 r([
   l({ type: Array })
-], n.prototype, "tools", 2);
+], o.prototype, "tools", 2);
 r([
   l({ type: String })
-], n.prototype, "placeholder", 2);
+], o.prototype, "placeholder", 2);
 r([
   l({ type: String })
-], n.prototype, "autocomplete", 2);
+], o.prototype, "autocomplete", 2);
 r([
   l({ type: String, attribute: "countermode" })
-], n.prototype, "counterMode", 2);
+], o.prototype, "counterMode", 2);
 r([
   l({ type: Number, attribute: "minimumheight" })
-], n.prototype, "minimumHeight", 2);
+], o.prototype, "minimumHeight", 2);
 r([
   l({ type: Boolean, attribute: "autogrow" })
-], n.prototype, "autoGrow", 2);
+], o.prototype, "autoGrow", 2);
 r([
   l({ type: Boolean, attribute: "defaultopenpreview" })
-], n.prototype, "defaultOpenPreview", 2);
+], o.prototype, "defaultOpenPreview", 2);
 r([
   l({ type: Number, attribute: "maxlength" })
-], n.prototype, "maxLength", 2);
+], o.prototype, "maxLength", 2);
 r([
   l({ type: String })
-], n.prototype, "headingTitle", 2);
+], o.prototype, "headingTitle", 2);
 r([
   l({ type: String })
-], n.prototype, "boldTitle", 2);
+], o.prototype, "boldTitle", 2);
 r([
   l({ type: String })
-], n.prototype, "italicTitle", 2);
+], o.prototype, "italicTitle", 2);
 r([
   l({ type: String })
-], n.prototype, "strikethroughTitle", 2);
+], o.prototype, "strikethroughTitle", 2);
 r([
   l({ type: String })
-], n.prototype, "quoteTitle", 2);
+], o.prototype, "quoteTitle", 2);
 r([
   l({ type: String })
-], n.prototype, "linkTitle", 2);
+], o.prototype, "linkTitle", 2);
 r([
   l({ type: String })
-], n.prototype, "orderedListTitle", 2);
+], o.prototype, "orderedListTitle", 2);
 r([
   l({ type: String })
-], n.prototype, "unorderedListTitle", 2);
+], o.prototype, "unorderedListTitle", 2);
 r([
   l({ type: String })
-], n.prototype, "splitViewTitle", 2);
+], o.prototype, "splitViewTitle", 2);
 r([
   l({ type: Object })
-], n.prototype, "dependencies", 2);
+], o.prototype, "dependencies", 2);
 r([
-  L()
-], n.prototype, "splitViewActive", 2);
+  A()
+], o.prototype, "splitViewActive", 2);
 r([
-  L()
-], n.prototype, "activeFormats", 2);
-n = r([
-  A("gui-markdown")
-], n);
-typeof customElements < "u" && !customElements.get("gui-markdown") && customElements.define("gui-markdown", n);
-var E = Object.defineProperty, q = Object.getOwnPropertyDescriptor, k = (t, e, i, o) => {
-  for (var s = o > 1 ? void 0 : o ? q(e, i) : e, a = t.length - 1, d; a >= 0; a--)
-    (d = t[a]) && (s = (o ? d(e, i, s) : d(s)) || s);
-  return o && s && E(e, i, s), s;
+  A()
+], o.prototype, "activeFormats", 2);
+o = r([
+  C("gui-markdown")
+], o);
+typeof customElements < "u" && !customElements.get("gui-markdown") && customElements.define("gui-markdown", o);
+var E = Object.defineProperty, q = Object.getOwnPropertyDescriptor, k = (t, e, i, n) => {
+  for (var s = n > 1 ? void 0 : n ? q(e, i) : e, a = t.length - 1, d; a >= 0; a--)
+    (d = t[a]) && (s = (n ? d(e, i, s) : d(s)) || s);
+  return n && s && E(e, i, s), s;
 };
-let f = class extends H {
+let f = class extends L {
   constructor() {
-    super(...arguments), this.adapter = new O(), this.subscriptions = [];
+    super(...arguments), this.adapter = new S(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
@@ -583,14 +587,14 @@ let f = class extends H {
   }
 };
 k([
-  _({ context: S }),
+  B({ context: V }),
   l({ attribute: !1 })
 ], f.prototype, "formContext", 2);
 k([
-  F({ context: V })
+  F({ context: T })
 ], f.prototype, "adapter", 2);
 f = k([
-  A("gui-markdown-input")
+  C("gui-markdown-input")
 ], f);
 export {
   f as MarkdownElement

package/{number.element-zgd4L5hn.js → number.element-DlpxcOBs.js}

@@ -1,19 +1,19 @@
-import { InputWidgetAdapter as y, formContext as v, inputContext as $ } from "@golemui/lit";
+import { InputWidgetAdapter as v, formContext as y, inputContext as g } from "@golemui/lit";
 import "@golemui/gui-shared";
-import { LitElement as m, nothing as n, html as c } from "lit";
+import { LitElement as m, nothing as h, html as c } from "lit";
 import { property as s, customElement as b } from "lit/decorators.js";
-import { G as g, b as f, c as w } from "./templates-Dk1jxLwS.js";
+import { G as f, b as w, c as $ } from "./templates-Dk1jxLwS.js";
 import { styleMap as x } from "lit-html/directives/style-map.js";
 import { consume as D, provide as C } from "@lit/context";
 import "rxjs";
-var N = Object.defineProperty, E = Object.getOwnPropertyDescriptor, r = (t, i, e, o) => {
-  for (var u = o > 1 ? void 0 : o ? E(i, e) : i, l = t.length - 1, p; l >= 0; l--)
+var N = Object.defineProperty, A = Object.getOwnPropertyDescriptor, r = (t, i, e, o) => {
+  for (var u = o > 1 ? void 0 : o ? A(i, e) : i, l = t.length - 1, p; l >= 0; l--)
     (p = t[l]) && (u = (o ? p(i, e, u) : p(u)) || u);
   return o && u && N(i, e, u), u;
 };
 let a = class extends m {
   constructor() {
-    super(...arguments), this.uid = void 0, this.label = void 0, this.hint = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.step = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.minimum = void 0, this.maximum = void 0, this.autoGrow = !1, this.ariaController = new g(this, {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.hint = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.step = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.minimum = void 0, this.maximum = void 0, this.autoGrow = !1, this.ariaController = new f(this, {
       getTargets: () => this.querySelectorAll(`input[id="${this.uid}"]`),
       getState: () => ({
         uid: this.uid,
@@ -60,19 +60,9 @@ let a = class extends m {
       autocomplete: this.autocomplete
     };
     return c`
-      ${f(this.uid, e)}
+      ${w(this.uid, e)}
 
       <div class="gui-widget">
-        <button
-          type="button"
-          tabindex="-1"
-          class="gui-button gui-number__minus"
-          ?disabled=${this.value <= this.minimum || this.disabled}
-          @click=${this.minus}
-        >
-          -
-        </button>
-
         <input
           type="number"
           inputmode="decimal"
@@ -84,26 +74,20 @@ let a = class extends m {
           ?required=${this.required}
           ?disabled=${this.disabled}
           ?readonly=${this.readOnly}
-          step=${typeof this.step == "number" ? this.step : n}
-          placeholder=${this.placeholder || n}
-          autocomplete=${this.autocomplete || n}
+          step=${typeof this.step == "number" ? this.step : h}
+          placeholder=${this.placeholder || h}
+          autocomplete=${this.autocomplete || h}
           @input=${this.valueChanged}
           @keydown=${this.keyDown}
           @blur=${this.onBlur}
         />
-
-        <button
-          type="button"
-          tabindex="-1"
-          class="gui-button gui-number__plus"
-          ?disabled=${this.value >= this.maximum || this.disabled}
-          @click=${this.plus}
-        >
-          +
-        </button>
+        <span class="gui-number__decoration">
+          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 256 256"><path d="M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z"></path></svg>
+          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 256 256"><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>
       </div>
 
-      ${w(this.uid, e)}
+      ${$(this.uid, e)}
     `;
   }
   keyDown(t) {
@@ -215,14 +199,14 @@ a = r([
   b("gui-number")
 ], a);
 typeof customElements < "u" && !customElements.get("gui-number") && customElements.define("gui-number", a);
-var _ = Object.defineProperty, O = Object.getOwnPropertyDescriptor, h = (t, i, e, o) => {
+var E = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (t, i, e, o) => {
   for (var u = o > 1 ? void 0 : o ? O(i, e) : i, l = t.length - 1, p; l >= 0; l--)
     (p = t[l]) && (u = (o ? p(i, e, u) : p(u)) || u);
-  return o && u && _(i, e, u), u;
+  return o && u && E(i, e, u), u;
 };
 let d = class extends m {
   constructor() {
-    super(...arguments), this.adapter = new y(), this.subscriptions = [];
+    super(...arguments), this.adapter = new v(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
@@ -268,14 +252,14 @@ let d = class extends m {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
   }
 };
-h([
-  D({ context: v }),
+n([
+  D({ context: y }),
   s({ attribute: !1 })
 ], d.prototype, "formContext", 2);
-h([
-  C({ context: $ })
+n([
+  C({ context: g })
 ], d.prototype, "adapter", 2);
-d = h([
+d = n([
   b("gui-number-input")
 ], d);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golemui/gui-lit",
-  "version": "0.16.1",
+  "version": "0.17.0",
   "type": "module",
   "main": "./index.umd.cjs",
   "module": "./index.js",
@@ -21,11 +21,11 @@
     "*.md"
   ],
   "peerDependencies": {
-    "@golemui/lit": "0.16.1",
-    "@golemui/core": "0.16.1",
-    "@golemui/gui-components": "0.16.1",
-    "@golemui/gui-shared": "0.16.1",
-    "@golemui/gui-validators": "0.16.1",
+    "@golemui/lit": "0.17.0",
+    "@golemui/core": "0.17.0",
+    "@golemui/gui-components": "0.17.0",
+    "@golemui/gui-shared": "0.17.0",
+    "@golemui/gui-validators": "0.17.0",
     "@lit/context": "^1.1.6",
     "lit-html": "^3.3.1",
     "lit": "^3.3.1",

package/{pills-D0yyi-op.js → pills-B66qz_KX.js}

@@ -45,8 +45,7 @@ let r = class extends m {
   render() {
     const e = this.items.length;
     return e === 0 ? p : d`
-      ${this.renderStrip()}
-      ${this.bubble ? this.renderCompact(e) : p}
+      ${this.renderStrip()} ${this.bubble ? this.renderCompact(e) : p}
       ${this.bubble && this._showDropdown ? this.renderDropdown() : p}
     `;
   }
@@ -135,7 +134,10 @@ let r = class extends m {
       t.stopPropagation(), this.emitRemove(e.key, this.items.indexOf(e));
     }}
       >
-        ${this.removeIcon ? d`<span class=${`gui-widget-icon ${this.removeIcon}`} data-icon=${this.removeIcon}></span>` : d`<svg
+        ${this.removeIcon ? d`<span
+              class=${`gui-widget-icon ${this.removeIcon}`}
+              data-icon=${this.removeIcon}
+            ></span>` : d`<svg
               xmlns="http://www.w3.org/2000/svg"
               width="16"
               height="16"
@@ -243,9 +245,7 @@ let r = class extends m {
         composed: !0
       })
     ), requestAnimationFrame(() => {
-      this.addOutsideListeners(), this.querySelector(
-        ".gui-pills__dropdown .gui-pills__pill"
-      )?.focus();
+      this.addOutsideListeners(), this.querySelector(".gui-pills__dropdown .gui-pills__pill")?.focus();
     }));
   }
   closeDropdown() {

package/{radiogroup.element-DzHLgRh1.js → radiogroup.element-tdHrN9V5.js}

@@ -151,7 +151,7 @@ o([
   s({ type: String })
 ], r.prototype, "hint", 2);
 o([
-  s({ type: String })
+  s({ type: Array })
 ], r.prototype, "options", 2);
 o([
   s({ type: String })

package/{range-calendar-CZGBBOzO.js → range-calendar-DUoIqmOA.js}

@@ -2,8 +2,8 @@ import { html as v, nothing as b } from "lit";
 import { property as D, state as f, customElement as $ } from "lit/decorators.js";
 import { classMap as w } from "lit/directives/class-map.js";
 import { i as g, a as S, b as m, g as M, m as O, c as p } from "./date-CG1562vW.js";
-import { A } from "./abstract-calendar-YDgwwbqe.js";
-import "./pills-D0yyi-op.js";
+import { A } from "./abstract-calendar-s67Qu3Nt.js";
+import "./pills-B66qz_KX.js";
 import "@golemui/gui-shared";
 var E = Object.defineProperty, P = Object.getOwnPropertyDescriptor, u = (e, i, s, n) => {
   for (var a = n > 1 ? void 0 : n ? P(i, s) : i, t = e.length - 1, r; t >= 0; t--)
@@ -29,9 +29,7 @@ let c = class extends A {
         })
       );
     }, this.onPillClickEvent = (e) => {
-      const s = this.getSortedPills().find(
-        (n) => `${n.start}-${n.end ?? n.start}` === e.detail.key
-      );
+      const s = this.getSortedPills().find((n) => `${n.start}-${n.end ?? n.start}` === e.detail.key);
       s && this.navigateToDate(s.start);
     };
   }

package/{range-calendar.element-DQZXvd-L.js → range-calendar.element-D6FO7HpL.js}

@@ -1,6 +1,6 @@
 import { InputWidgetAdapter as d, formContext as o, inputContext as h } from "@golemui/lit";
 import "@golemui/gui-shared";
-import "./range-calendar-CZGBBOzO.js";
+import "./range-calendar-DUoIqmOA.js";
 import { consume as m, provide as u } from "@lit/context";
 import { LitElement as c, html as b } from "lit";
 import { property as D, customElement as $ } from "lit/decorators.js";

package/{range-date-input-CcPYH7P3.js → range-date-input-CoFG7Qem.js}

@@ -6,7 +6,7 @@ import { classMap as _ } from "lit/directives/class-map.js";
 import { live as $ } from "lit/directives/live.js";
 import { G as I, b as A, c as w } from "./templates-Dk1jxLwS.js";
 import { t as m, m as P } from "./date-CG1562vW.js";
-import "./pills-D0yyi-op.js";
+import "./pills-B66qz_KX.js";
 import { styleMap as E } from "lit-html/directives/style-map.js";
 var S = Object.defineProperty, M = Object.getOwnPropertyDescriptor, d = (t, e, s, a) => {
   for (var r = a > 1 ? void 0 : a ? M(e, s) : e, i = t.length - 1, l; i >= 0; i--)
@@ -48,9 +48,7 @@ let o = class extends v {
         )?.focus();
       });
     }, this.onPillClickEvent = (t) => {
-      const s = this.getSortedPills().find(
-        (a) => `${a.start}-${a.end ?? a.start}` === t.detail.key
-      );
+      const s = this.getSortedPills().find((a) => `${a.start}-${a.end ?? a.start}` === t.detail.key);
       s && this.onPillClick(s);
     };
   }

package/{range-date-input.element-v71P-oUp.js → range-date-input.element-Cjl1vZfr.js}

@@ -1,6 +1,6 @@
 import { InputWidgetAdapter as n, formContext as o, inputContext as u } from "@golemui/lit";
 import "@golemui/gui-shared";
-import "./range-date-input-CcPYH7P3.js";
+import "./range-date-input-CoFG7Qem.js";
 import { consume as h, provide as m } from "@lit/context";
 import { LitElement as c, html as b } from "lit";
 import { property as D, customElement as g } from "lit/decorators.js";

package/{range-date-picker.element-CA-KcQhA.js → range-date-picker.element-DqjOBKoT.js}

@@ -1,8 +1,8 @@
 import { InputWidgetAdapter as c, formContext as u, inputContext as m } from "@golemui/lit";
 import { a as g, b as D, c as C } from "./templates-Dk1jxLwS.js";
 import "@golemui/gui-shared";
-import "./range-calendar-CZGBBOzO.js";
-import "./range-date-input-CcPYH7P3.js";
+import "./range-calendar-DUoIqmOA.js";
+import "./range-date-input-CoFG7Qem.js";
 import { consume as $, provide as f } from "@lit/context";
 import { LitElement as v, html as d, nothing as b } from "lit";
 import { property as w, query as p, state as h, customElement as y } from "lit/decorators.js";