@golemui/gui-lit 0.0.2 → 0.12.0

package/lib/components/accordion.element.d.ts

@@ -12,10 +12,10 @@ export declare class AccordionElement extends LitElement implements Core.WithWid
     adapter: Lit.LayoutWidgetAdapter<AccordionProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
+    updated(changedProperties: any): void;
     connectedCallback(): void;
     onClickButton(uid: string): void;
     getChild(uid: string): Core.FormWidget<string>;
-    updated(changedProperties: any): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;
 }

package/lib/components/alert.element.d.ts

@@ -9,8 +9,8 @@ export declare class AlertElement extends LitElement implements Core.WithWidget
     adapter: Lit.DisplayWidgetAdapter<AlertProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;
 }

package/lib/components/button.element.d.ts

@@ -1,15 +1,16 @@
 import { LitElement } from 'lit';
 import { Subscription } from 'rxjs';
+import { ButtonProps } from '@golemui/gui-shared';
 import * as Core from '@golemui/core';
 import * as Lit from '@golemui/lit';
 export declare class ButtonElement extends LitElement implements Core.WithWidget {
     widget: Core.ActionWidget;
     formContext: Lit.LitFormContext<any>;
-    adapter: Lit.ActionWidgetAdapter;
+    adapter: Lit.ActionWidgetAdapter<ButtonProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;
 }

package/lib/components/calendar.element.d.ts

@@ -9,6 +9,7 @@ export declare class CalendarElement extends LitElement implements Core.WithWidg
     adapter: Lit.InputWidgetAdapter<string, CalendarProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
+    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: InputEvent): void;

package/lib/components/checkbox.element.d.ts

@@ -9,8 +9,8 @@ export declare class CheckboxElement extends LitElement implements Core.WithWidg
     adapter: Lit.InputWidgetAdapter<boolean, CheckboxProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     disconnectedCallback(): void;

package/lib/components/currency.element.d.ts

@@ -9,8 +9,8 @@ export declare class CurrencyElement extends LitElement implements Core.WithWidg
     adapter: Lit.InputWidgetAdapter<number, CurrencyProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     disconnectedCallback(): void;

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

@@ -11,15 +11,17 @@ export declare class DatePickerElement extends LitElement implements Core.WithWi
     calendarInput?: HTMLElement;
     isCalendarOpen: boolean;
     subscriptions: Subscription[];
+    onFocusOut: (event: FocusEvent) => void;
     onDocumentClick: (event: MouseEvent) => void;
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     onBlurCalendar(): void;
     onInputError(event: CustomEvent): void;
-    onKeyUp(event: Event | undefined): void;
+    onKeyUp(event: Event): void;
+    toggleCalendar(event: Event): void;
     openCalendar(): void;
     closeCalendar(): void;
     disconnectedCallback(): void;

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

@@ -9,8 +9,8 @@ export declare class DateElement extends LitElement implements Core.WithWidget {
     adapter: Lit.InputWidgetAdapter<string, DatePickerProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     onInputError(event: CustomEvent): void;

package/lib/components/dropdown.element.d.ts

@@ -20,8 +20,8 @@ export declare class DropdownElement extends LitElement implements Core.WithWidg
     private _listRef;
     onDocumentClick: (event: MouseEvent) => void;
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     private _onRangeChange;
     private _onUpdateItems;

package/lib/components/flex.element.d.ts

@@ -9,8 +9,8 @@ export declare class FlexElement extends LitElement implements Core.WithWidget {
     adapter: Lit.LayoutWidgetAdapter<FlexProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;
 }

package/lib/components/form.element.d.ts

@@ -1,21 +1,11 @@
-import { WidgetLoaders, WithWidget } from '@golemui/core';
-import { CustomValidatorSchemas, Validator } from '@golemui/gui-validators';
+import { GuiFormInitConfig } from '@golemui/gui-shared';
 import { LitElement } from 'lit';
-import { LitItemRenderer, Type } from '@golemui/lit';
-import * as Core from '@golemui/core';
 export declare class FormElement extends LitElement {
-    formDef: string | Record<string, any>;
-    data: any;
-    widgetLoaders: WidgetLoaders<Type<WithWidget>>;
-    itemRenderers: Record<string, LitItemRenderer<any>>;
-    localization?: Core.I18nTranslator;
-    validators: CustomValidatorSchemas;
-    middlewares: Core.Middleware<Core.State, Core.Action>[];
-    validateOn: Core.ValidateOn;
-    protected customWidgetLoaders: WidgetLoaders<Type<WithWidget>>;
-    protected customValidators: Core.ValidatorFn<Validator>;
-    protected customMiddlewares: Core.Middleware<Core.State, Core.Action>[];
+    config: GuiFormInitConfig;
+    autocomplete: string | undefined;
+    private coreForm?;
+    setData(data: Record<string, any>): void;
+    setMeta(meta: Record<string, any>): void;
     createRenderRoot(): this;
-    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
 }

package/lib/components/grid.element.d.ts

@@ -0,0 +1,16 @@
+import { GridProps } from '@golemui/gui-shared';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+import * as Core from '@golemui/core';
+import * as Lit from '@golemui/lit';
+export declare class GridElement extends LitElement implements Core.WithWidget {
+    widget: Core.LayoutWidget;
+    formContext: Lit.LitFormContext<any>;
+    adapter: Lit.LayoutWidgetAdapter<GridProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    disconnectedCallback(): void;
+}

package/lib/components/list.element.d.ts

@@ -13,9 +13,9 @@ export declare class ListElement extends LitElement implements Core.WithWidget {
     private _focusedIndex;
     private _guiListRef;
     createRenderRoot(): this;
+    updated(changedProperties: any): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    updated(changedProperties: any): void;
     render(): import('lit-html').TemplateResult<1>;
     private _onRangeChange;
     private _onUpdateItems;

package/lib/components/markdown-text.element.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+import { MarkdownTextProps } from '@golemui/gui-shared';
+import { Subscription } from 'rxjs';
+import * as Core from '@golemui/core';
+import * as Lit from '@golemui/lit';
+export declare class MarkdownTextElement extends LitElement implements Core.WithWidget {
+    widget: Core.DisplayWidget;
+    formContext: Lit.LitFormContext<any>;
+    adapter: Lit.DisplayWidgetAdapter<MarkdownTextProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    disconnectedCallback(): void;
+}

package/lib/components/markdown.element.d.ts

@@ -0,0 +1,17 @@
+import { MarkdownProps } from '@golemui/gui-shared';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+import * as Core from '@golemui/core';
+import * as Lit from '@golemui/lit';
+export declare class MarkdownElement extends LitElement implements Core.WithWidget {
+    widget: Core.InputWidget<string>;
+    formContext: Lit.LitFormContext<any>;
+    adapter: Lit.InputWidgetAdapter<string, MarkdownProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

package/lib/components/number.element.d.ts

@@ -9,8 +9,8 @@ export declare class NumberElement extends LitElement implements Core.WithWidget
     adapter: Lit.InputWidgetAdapter<number, NumberinputProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     disconnectedCallback(): void;

package/lib/components/password.element.d.ts

@@ -9,8 +9,8 @@ export declare class PasswordElement extends LitElement implements Core.WithWidg
     adapter: Lit.InputWidgetAdapter<string, PasswordProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     disconnectedCallback(): void;

package/lib/components/radiogroup.element.d.ts

@@ -9,8 +9,8 @@ export declare class RadiogroupElement extends LitElement implements Core.WithWi
     adapter: Lit.InputWidgetAdapter<string, RadiogroupProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     disconnectedCallback(): void;

package/lib/components/range-calendar.element.d.ts

@@ -9,6 +9,7 @@ export declare class RangeCalendarElement extends LitElement implements Core.Wit
     adapter: Lit.InputWidgetAdapter<DateRange[], RangeCalendarProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
+    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: InputEvent): void;

package/lib/components/range-date-input.element.d.ts

@@ -0,0 +1,18 @@
+import { DateRange, RangeDateInputProps } from '@golemui/gui-shared';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+import * as Core from '@golemui/core';
+import * as Lit from '@golemui/lit';
+export declare class RangeDateInputElement extends LitElement implements Core.WithWidget {
+    widget: Core.InputWidget<DateRange[]>;
+    formContext: Lit.LitFormContext<any>;
+    adapter: Lit.InputWidgetAdapter<DateRange[], RangeDateInputProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,30 @@
+import { DateRange, RangeDatePickerProps } from '@golemui/gui-shared';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+import * as Core from '@golemui/core';
+import * as Lit from '@golemui/lit';
+export declare class RangeDatePickerElement extends LitElement implements Core.WithWidget {
+    widget: Core.InputWidget<DateRange[]>;
+    formContext: Lit.LitFormContext<any>;
+    adapter: Lit.InputWidgetAdapter<DateRange[], RangeDatePickerProps>;
+    dateInput?: HTMLElement;
+    calendarInput?: HTMLElement;
+    isCalendarOpen: boolean;
+    focusDate: string | undefined;
+    subscriptions: Subscription[];
+    onFocusOut: (event: FocusEvent) => void;
+    onDocumentClick: (event: MouseEvent) => void;
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onBlurCalendar(): void;
+    onInputError(event: CustomEvent): void;
+    onPillClick(event: CustomEvent): void;
+    onKeyUp(event: Event): void;
+    toggleCalendar(event: Event): void;
+    openCalendar(): void;
+    closeCalendar(): void;
+    disconnectedCallback(): void;
+}

package/lib/components/renderer.element.d.ts

@@ -9,6 +9,7 @@ export declare class RendererElement extends LitElement implements Core.WithWidg
     adapter: Lit.DisplayWidgetAdapter<RendererProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
+    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;

package/lib/components/repeater.element.d.ts

@@ -7,10 +7,14 @@ export declare class RepeaterElement extends LitElement implements Core.WithWidg
     widget: Core.InputWidget<Record<string, unknown>[]>;
     formContext: Lit.LitFormContext<any>;
     adapter: Lit.InputWidgetAdapter<Record<string, unknown>[], RepeaterProps<any>>;
+    isFocused: boolean;
+    private _repeaterRef;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
+    onFocusIn(event: FocusEvent): void;
+    onFocusOut(event: FocusEvent): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;
     private addItem;

package/lib/components/select.element.d.ts

@@ -9,8 +9,8 @@ export declare class SelectElement extends LitElement implements Core.WithWidget
     adapter: Lit.InputWidgetAdapter<string, SelectProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     onInputError(event: Event): void;

package/lib/components/tabs.element.d.ts

@@ -17,8 +17,8 @@ export declare class TabsElement extends LitElement implements Core.WithWidget {
     private startObserver?;
     private endObserver?;
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;

package/lib/components/textarea.element.d.ts

@@ -9,8 +9,8 @@ export declare class TextareaElement extends LitElement implements Core.WithWidg
     adapter: Lit.InputWidgetAdapter<string, TextareaProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     disconnectedCallback(): void;

package/lib/components/textinput.element.d.ts

@@ -9,8 +9,8 @@ export declare class TextinputElement extends LitElement implements Core.WithWid
     adapter: Lit.InputWidgetAdapter<string, TextinputProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     disconnectedCallback(): void;

package/lib/components/toggle.element.d.ts

@@ -9,8 +9,8 @@ export declare class ToggleElement extends LitElement implements Core.WithWidget
     adapter: Lit.InputWidgetAdapter<boolean, ToggleProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    connectedCallback(): void;
     updated(changedProperties: any): void;
+    connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
     disconnectedCallback(): void;

package/lib/widget.loaders.d.ts

@@ -1,4 +1,4 @@
+import { GolemWidget } from '@golemui/gui-shared';
 import { Type } from '@golemui/lit';
-import { VanillaWidget } from '@golemui/gui-shared';
 import * as Core from '@golemui/core';
-export declare const vanillaWidgetLoaders: Core.WidgetLoaders<Type<Core.WithWidget>, VanillaWidget>;
+export declare const widgetLoaders: Core.WidgetLoaders<Type<Core.WithWidget>, GolemWidget>;

package/{list.element--aj6sNNU.js → list.element-DIIgN_Ww.js}

@@ -1,22 +1,27 @@
-import * as o from "@golemui/lit";
-import { consume as g, provide as m } from "@lit/context";
-import { LitElement as f, nothing as h, html as p } from "lit";
-import { property as _, state as u, query as $, customElement as b } from "lit/decorators.js";
-import { d as v } from "./default-list-item-renderer-DNVEjKSX.js";
-var I = Object.defineProperty, x = Object.getOwnPropertyDescriptor, d = (e, t, n, i) => {
-  for (var s = i > 1 ? void 0 : i ? x(t, n) : t, a = e.length - 1, l; a >= 0; a--)
-    (l = e[a]) && (s = (i ? l(t, n, s) : l(s)) || s);
-  return i && s && I(t, n, s), s;
+import * as h from "@golemui/lit";
+import { consume as _, provide as b } from "@lit/context";
+import { LitElement as $, nothing as o, html as u } from "lit";
+import { property as v, state as c, query as I, customElement as x } from "lit/decorators.js";
+import { d as y } from "./default-list-item-renderer-DNVEjKSX.js";
+var C = Object.defineProperty, R = Object.getOwnPropertyDescriptor, r = (e, i, l, d) => {
+  for (var t = d > 1 ? void 0 : d ? R(i, l) : i, n = e.length - 1, s; n >= 0; n--)
+    (s = e[n]) && (t = (d ? s(i, l, t) : s(t)) || t);
+  return d && t && C(i, l, t), t;
 };
-let r = class extends f {
+let a = class extends $ {
   constructor() {
-    super(...arguments), this.adapter = new o.InputWidgetAdapter(), this.subscriptions = [], this._range = { start: 0, end: 10 }, this._listItems = [], this._focusedIndex = -1;
+    super(...arguments), this.adapter = new h.InputWidgetAdapter(), this.subscriptions = [], this._range = { start: 0, end: 10 }, this._listItems = [], this._focusedIndex = -1;
   }
   createRenderRoot() {
     return this;
   }
+  updated(e) {
+    super.updated(e);
+    const i = this.adapter.templateData.size;
+    i ? this.style.flex = String(i) : this.style.removeProperty("flex");
+  }
   connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-list"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+    super.connectedCallback(), this.classList.add("gui-list", "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();
@@ -26,14 +31,12 @@ let r = class extends f {
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
-  updated(e) {
-    super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
   render() {
-    const e = this.adapter.templateData, t = this._listItems.slice(this._range.start, this._range.end), n = this.adapter.getItemRenderer(e.itemRenderer, v);
-    return p`
+    const e = this.adapter.templateData, i = e.touched && e.errors && e.errors.length > 0, l = this._listItems.slice(this._range.start, this._range.end), d = this.adapter.getItemRenderer(
+      e.itemRenderer,
+      y
+    );
+    return u`
       <gui-label
         .targetElement=${this._guiListRef}
         .uid=${this.widget.uid}
@@ -57,34 +60,34 @@ let r = class extends f {
           ?touched=${e.touched}
           ?disabled=${e.disabled}
           ?readonly=${e.readonly}
-          aria-labelledby=${e.label ? `${this.widget.uid}_label` : h}
-          aria-describedby=${e.hint ? `${this.widget.uid}_hint` : h}
+          aria-labelledby=${e.label ? `${this.widget.uid}_label` : o}
+          aria-describedby=${e.hint ? `${this.widget.uid}_hint` : o}
           @gui-range-change=${this._onRangeChange}
           @gui-update-items=${this._onUpdateItems}
           @gui-focus-change=${this._onFocusChange}
           @blur=${() => this.adapter.onBlur()}
           @change=${this._valueChanged}
         >
-          ${t.map((i, s) => {
-      const a = this._range.start + s, l = e.value === i.value, c = this._focusedIndex === a;
-      return p`
+          ${l.map((t, n) => {
+      const s = this._range.start + n, p = e.value === t.value, m = this._focusedIndex === s, g = e.labelField ?? "label", f = t.template !== null && typeof t.template == "object" && g && !e.itemRenderer ? t.template[g] : t.template;
+      return u`
               <div
                 role="option"
                 tabindex="-1"
                 class="gui-list__item-wrapper"
-                id="${this.widget.uid}-item-${a}"
+                id="${this.widget.uid}-item-${s}"
                 style="height: ${e.itemHeight || 40}px"
-                aria-selected=${l ? "true" : "false"}
+                aria-selected=${p ? "true" : "false"}
                 aria-disabled=${e.disabled ? "true" : "false"}
-                @click=${() => this._onClickItem(i, a)}
+                @click=${() => this._onClickItem(t, s)}
               >
-                ${n({
-        template: i.template,
-        value: i.value,
-        index: a,
-        selected: l,
+                ${d({
+        template: f,
+        value: t.value,
+        index: s,
+        selected: p,
         disabled: !!e.disabled,
-        focused: c
+        focused: m
       })}
               </div>
             `;
@@ -92,7 +95,11 @@ let r = class extends f {
         </gui-list>
       </div>
 
-      <gui-errors .errors=${e.errors} .touched=${e.touched}></gui-errors>
+      ${i ? u`<gui-errors
+            .uid=${this.widget.uid}
+            .errors=${e.errors}
+            .touched=${e.touched}
+          ></gui-errors>` : o}
     `;
   }
   _onRangeChange(e) {
@@ -104,35 +111,35 @@ let r = class extends f {
   _onFocusChange(e) {
     this._focusedIndex = e.detail.index;
   }
-  _onClickItem(e, t) {
-    this.adapter.templateData.disabled || (this.adapter.valueChanged(e.value), this._focusedIndex = t, this._guiListRef && typeof this._guiListRef.focusItemAtIndex == "function" && this._guiListRef.focusItemAtIndex(t));
+  _onClickItem(e, i) {
+    this.adapter.templateData.disabled || (this.adapter.valueChanged(e.value), this._focusedIndex = i, this._guiListRef && typeof this._guiListRef.focusItemAtIndex == "function" && this._guiListRef.focusItemAtIndex(i));
   }
   _valueChanged(e) {
     this.adapter.templateData.readonly || this.adapter.valueChanged(e.detail.value);
   }
 };
-d([
-  g({ context: o.formContext }),
-  _({ attribute: !1 })
-], r.prototype, "formContext", 2);
-d([
-  m({ context: o.inputContext })
-], r.prototype, "adapter", 2);
-d([
-  u()
-], r.prototype, "_range", 2);
-d([
-  u()
-], r.prototype, "_listItems", 2);
-d([
-  u()
-], r.prototype, "_focusedIndex", 2);
-d([
-  $("gui-list")
-], r.prototype, "_guiListRef", 2);
-r = d([
-  b("gui-list-input")
-], r);
+r([
+  _({ context: h.formContext }),
+  v({ attribute: !1 })
+], a.prototype, "formContext", 2);
+r([
+  b({ context: h.inputContext })
+], a.prototype, "adapter", 2);
+r([
+  c()
+], a.prototype, "_range", 2);
+r([
+  c()
+], a.prototype, "_listItems", 2);
+r([
+  c()
+], a.prototype, "_focusedIndex", 2);
+r([
+  I("gui-list")
+], a.prototype, "_guiListRef", 2);
+a = r([
+  x("gui-list-input")
+], a);
 export {
-  r as ListElement
+  a as ListElement
 };

package/markdown-text.element-DY7b-dU5.js

@@ -0,0 +1,53 @@
+import { LitElement as c, html as l } from "lit";
+import { property as u, customElement as m } from "lit/decorators.js";
+import { consume as h, provide as f } from "@lit/context";
+import * as p from "@golemui/lit";
+var x = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (s, t, a, r) => {
+  for (var e = r > 1 ? void 0 : r ? b(t, a) : t, o = s.length - 1, d; o >= 0; o--)
+    (d = s[o]) && (e = (r ? d(t, a, e) : d(e)) || e);
+  return r && e && x(t, a, e), e;
+};
+let i = class extends c {
+  constructor() {
+    super(...arguments), this.adapter = new p.DisplayWidgetAdapter(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(s) {
+    super.updated(s);
+    const t = this.adapter.templateData.size;
+    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-markdown-text", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    return l`
+      <div class="gui-widget" id=${this.widget.uid}>
+        <gui-markdown-text
+          .md=${this.adapter.templateData.md}
+          .dependencies=${this.adapter.templateData.deps}
+        ></gui-markdown-text>
+      </div>
+    `;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((s) => s.unsubscribe());
+  }
+};
+n([
+  h({ context: p.formContext }),
+  u({ attribute: !1 })
+], i.prototype, "formContext", 2);
+n([
+  f({ context: p.displayWidgetContext })
+], i.prototype, "adapter", 2);
+i = n([
+  m("gui-markdown-text-display")
+], i);
+export {
+  i as MarkdownTextElement
+};