@golemui/gui-lit 0.0.2 → 0.12.0

package/date-picker.element-Dcs5OpxN.js

@@ -1,136 +0,0 @@
-import * as l from "@golemui/lit";
-import { addIcon as c, addLabel as u, addErrors as m } from "@golemui/gui-components";
-import { consume as $, provide as C } from "@lit/context";
-import { LitElement as D, html as o, nothing as v } from "lit";
-import { property as g, query as h, state as b, customElement as f } from "lit/decorators.js";
-import { classMap as y } from "lit/directives/class-map.js";
-var I = Object.defineProperty, k = Object.getOwnPropertyDescriptor, s = (t, e, n, i) => {
-  for (var a = i > 1 ? void 0 : i ? k(e, n) : e, d = t.length - 1, p; d >= 0; d--)
-    (p = t[d]) && (a = (i ? p(e, n, a) : p(a)) || a);
-  return i && a && I(e, n, a), a;
-};
-let r = class extends D {
-  constructor() {
-    super(...arguments), this.adapter = new l.InputWidgetAdapter(), this.isCalendarOpen = !1, this.subscriptions = [], this.onDocumentClick = (t) => {
-      if (!this.isCalendarOpen) return;
-      const e = t.composedPath(), n = this.dateInput && e.includes(this.dateInput), i = this.calendarInput && e.includes(this.calendarInput);
-      !n && !i && this.closeCalendar();
-    };
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.onDocumentClick), this.classList.add("gui-date-picker"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  updated(t) {
-    super.updated(t);
-    const e = this.adapter.templateData.size;
-    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
-  }
-  render() {
-    super.render();
-    const t = c("datePicker", this.adapter.templateData), e = this.isCalendarOpen ? o`<gui-calendar
-          id="calendar-input"
-          .uid=${this.widget.uid}
-          .hint=${this.adapter.templateData.hint}
-          ?touched=${this.adapter.templateData.touched}
-          ?required=${this.adapter.templateData.validator?.required}
-          ?disabled=${this.adapter.templateData.disabled}
-          ?readonly=${this.adapter.templateData.readonly}
-          .value=${this.adapter.templateData.value}
-          .prevMonthIcon=${this.adapter.templateData.prevMonthIcon}
-          .nextMonthIcon=${this.adapter.templateData.nextMonthIcon}
-          .prevMonthAriaLabel=${this.adapter.templateData.prevMonthAriaLabel}
-          .nextMonthAriaLabel=${this.adapter.templateData.nextMonthAriaLabel}
-          .dayFormat=${this.adapter.templateData.dayFormat}
-          .weekdayFormat=${this.adapter.templateData.weekdayFormat}
-          .monthFormat=${this.adapter.templateData.monthFormat}
-          .localeId=${this.adapter.templateData.lang}
-          @blur=${this.onBlurCalendar}
-          @change=${this.valueChanged}
-        ></gui-calendar>` : v;
-    return o`
-      ${u(this.widget.uid, this.adapter.templateData)}
-
-      <div
-        role="button"
-        tabindex="0"
-        class="gui-widget"
-        aria-expanded=${this.isCalendarOpen}
-        @keyup=${() => this.onKeyUp(event)}
-        @click=${() => this.openCalendar()}
-      >
-        <gui-date
-          id="date-input"
-          class=${y(t.widgetClasses)}
-          .uid=${this.widget.uid}
-          .hint=${this.adapter.templateData.hint}
-          .showErrors=${!1}
-          .errors=${this.adapter.templateData.errors}
-          ?touched=${this.adapter.templateData.touched}
-          ?required=${this.adapter.templateData.validator?.required}
-          ?disabled=${this.adapter.templateData.disabled}
-          ?readonly=${this.adapter.templateData.readonly}
-          .value=${this.adapter.templateData.value}
-          .icon=${this.adapter.templateData.icon}
-          .localeId=${this.adapter.templateData.lang}
-          @inputError=${this.onInputError}
-          @blur=${() => this.adapter.onBlur()}
-          @focus=${this.openCalendar}
-          @change=${this.valueChanged}
-        ></gui-date>
-
-        ${e}
-      </div>
-
-      ${m(this.widget.uid, this.adapter.templateData)}
-    `;
-  }
-  valueChanged(t) {
-    this.adapter.injectValidationIssues(null), this.adapter.valueChanged(t.detail.value);
-  }
-  onBlurCalendar() {
-    this.adapter.onBlur(), this.closeCalendar();
-  }
-  onInputError(t) {
-    this.adapter.injectValidationIssues([t.detail.message]);
-  }
-  onKeyUp(t) {
-    const e = t;
-    (e?.key === "Enter" || e?.key === " ") && this.openCalendar();
-  }
-  openCalendar() {
-    this.isCalendarOpen = !0, this.requestUpdate();
-  }
-  closeCalendar() {
-    this.isCalendarOpen = !1, this.requestUpdate();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.onDocumentClick), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
-  }
-};
-s([
-  $({ context: l.formContext }),
-  g({ attribute: !1 })
-], r.prototype, "formContext", 2);
-s([
-  C({ context: l.inputContext })
-], r.prototype, "adapter", 2);
-s([
-  h("#date-input")
-], r.prototype, "dateInput", 2);
-s([
-  h("#calendar-input")
-], r.prototype, "calendarInput", 2);
-s([
-  b()
-], r.prototype, "isCalendarOpen", 2);
-r = s([
-  f("gui-date-picker-input")
-], r);
-export {
-  r as DatePickerElement
-};

package/flex.element-BSMOum-h.js

@@ -1,65 +0,0 @@
-import * as n from "@golemui/lit";
-import { consume as c, provide as u } from "@lit/context";
-import { LitElement as g, html as d } from "lit";
-import { property as h, customElement as m } from "lit/decorators.js";
-import { repeat as f } from "lit-html/directives/repeat.js";
-import { classMap as x } from "lit/directives/class-map.js";
-var _ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, o = (e, t, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? w(t, s) : t, l = e.length - 1, p; l >= 0; l--)
-    (p = e[l]) && (a = (i ? p(t, s, a) : p(a)) || a);
-  return i && a && _(t, s, a), a;
-};
-let r = class extends g {
-  constructor() {
-    super(...arguments), this.adapter = new n.LayoutWidgetAdapter(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-flex"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  updated(e) {
-    super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
-  render() {
-    const e = {
-      "gui-flex__widget": !0,
-      "gui-flex__widget--horizontal": this.adapter.templateData.direction === "horizontal",
-      "gui-flex__widget--align-start": this.adapter.templateData.align === "start",
-      "gui-flex__widget--align-end": this.adapter.templateData.align === "end",
-      "gui-flex__widget--align-center": this.adapter.templateData.align === "center",
-      "gui-flex__widget--align-space-between": this.adapter.templateData.align === "space-between",
-      "gui-flex__widget--align-space-around": this.adapter.templateData.align === "space-around"
-    };
-    return d`
-      <div class=${x(e)} id=${this.widget?.uid}>
-        ${f(
-      this.adapter.templateData.children || [],
-      (t) => t?.uid,
-      (t) => d`<gui-widget .widget=${t}></gui-widget>`
-    )}
-      </div>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
-  }
-};
-o([
-  c({ context: n.formContext }),
-  h({ attribute: !1 })
-], r.prototype, "formContext", 2);
-o([
-  u({ context: n.layoutContext })
-], r.prototype, "adapter", 2);
-r = o([
-  m("gui-flex-layout")
-], r);
-export {
-  r as FlexElement
-};

package/renderer.element-B7AjPqr2.js

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

package/repeater.element-BfwzCooC.js

@@ -1,83 +0,0 @@
-import * as o from "@golemui/lit";
-import { consume as u, provide as h } from "@lit/context";
-import { LitElement as m, nothing as c, html as n } from "lit";
-import { repeat as b } from "lit-html/directives/repeat.js";
-import { property as v, customElement as g } from "lit/decorators.js";
-var f = Object.defineProperty, D = Object.getOwnPropertyDescriptor, l = (e, t, s, r) => {
-  for (var a = r > 1 ? void 0 : r ? D(t, s) : t, p = e.length - 1, d; p >= 0; p--)
-    (d = e[p]) && (a = (r ? d(t, s, a) : d(a)) || a);
-  return r && a && f(t, s, a), a;
-};
-let i = class extends m {
-  constructor() {
-    super(...arguments), this.adapter = new o.InputWidgetAdapter(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-repeater"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  updated(e) {
-    super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
-  render() {
-    return super.render(), n`
-      <div id=${this.widget.uid}>
-        <h2>${this.adapter.templateData.label}</h2>
-
-        ${this.adapter.templateData.value ? b(
-      this.adapter.templateData.value,
-      (e) => e.uid,
-      (e, t) => n`
-                <div class="card">
-                  <gui-repeater-widget
-                    .repeaterIndex=${t}
-                    .widget=${this.adapter.templateData.template}
-                  ></gui-repeater-widget>
-                  <button type="button" class="gui-button" @click=${() => this.removeItem(t)}>
-                    ${this.adapter.templateData.removeLabel ?? "Remove"}
-                  </button>
-                </div>
-              `
-    ) : c}
-
-        <button
-          type="button"
-          class="gui-button"
-          @click=${() => this.addItem()}
-          ?disabled=${!!(this.adapter.templateData.limit && this.adapter.templateData.limit === this.adapter.templateData.value?.length)}
-        >
-          ${this.adapter.templateData.addLabel ?? "Add"}
-        </button>
-      </div>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
-  }
-  addItem() {
-    this.adapter.valueChanged([...this.adapter.templateData.value ?? [], {}]), this.requestUpdate();
-  }
-  removeItem(e) {
-    const t = [...this.adapter.templateData.value ?? []];
-    t.splice(e, 1), this.adapter.valueChanged(t), this.requestUpdate();
-  }
-};
-l([
-  u({ context: o.formContext }),
-  v({ attribute: !1 })
-], i.prototype, "formContext", 2);
-l([
-  h({ context: o.inputContext })
-], i.prototype, "adapter", 2);
-i = l([
-  g("gui-repeater-input")
-], i);
-export {
-  i as RepeaterElement
-};