@golemui/gui-lit 1.2.0 → 1.2.1

package/number.element-DEY5tR_y.js

@@ -1,291 +0,0 @@
-import { InputWidgetAdapter as v, formContext as y, inputContext as g } from "@golemui/lit";
-import { LitElement as m, nothing as d, html as c } from "lit";
-import { property as r, customElement as b } from "lit/decorators.js";
-import { G as f, b as $, c as w } from "./templates-Df7abEkB.js";
-import { b as x, a as N } from "./numeric-jmOOKz30.js";
-import { styleMap as D } from "lit-html/directives/style-map.js";
-import { consume as C, provide as A } from "@lit/context";
-import "rxjs";
-var E = Object.defineProperty, O = Object.getOwnPropertyDescriptor, s = (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 && E(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 f(this, {
-      getTargets: () => this.querySelectorAll(`input[id="${this.uid}"]`),
-      getState: () => ({
-        uid: this.uid,
-        templateData: {
-          hint: this.hint,
-          errors: this.errors,
-          readonly: this.readOnly,
-          disabled: this.disabled,
-          touched: this.touched,
-          required: this.required
-        }
-      })
-    });
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-field");
-  }
-  render() {
-    super.render();
-    const t = this.querySelector(`input[id="${this.uid}"]`), i = {
-      "min-width": "23px"
-    };
-    if (this.autoGrow)
-      if (t) {
-        t.style.width = "0px";
-        const o = Math.max(23, t.scrollWidth);
-        i.width = `${o}px`, i.maxWidth = `${o}px`, t.style.width = "";
-      } else
-        i.width = "47px";
-    const e = {
-      uid: this.uid,
-      label: this.label,
-      hint: this.hint,
-      errors: this.errors,
-      touched: this.touched,
-      required: this.required,
-      disabled: this.disabled,
-      readonly: this.readOnly,
-      value: this.value,
-      step: this.step,
-      placeholder: this.placeholder,
-      autocomplete: this.autocomplete
-    };
-    return c`
-      ${$(this.uid, e)}
-
-      <div class="gui-widget">
-        <input
-          type="number"
-          inputmode="decimal"
-          id=${this.uid}
-          data-cy=${`${this.uid}_number`}
-          class="gui-widget-input"
-          style=${D(i)}
-          value=${this.value}
-          ?required=${this.required}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readOnly}
-          step=${typeof this.step == "number" ? this.step : d}
-          min=${Number(this.minimum) ? this.minimum : d}
-          max=${Number(this.maximum) ? this.maximum : d}
-          placeholder=${this.placeholder || d}
-          autocomplete=${this.autocomplete || d}
-          @input=${this.valueChanged}
-          @beforeinput=${x}
-          @keydown=${this.keyDown}
-          @blur=${this.onBlur}
-        />
-        <span class="gui-number__decoration">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="12"
-            height="12"
-            viewBox="0 0 256 256"
-            aria-hidden="true"
-          >
-            <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"
-            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>
-      </div>
-
-      ${w(this.uid, e)}
-    `;
-  }
-  keyDown(t) {
-    switch (t.stopPropagation(), N(t), t.key) {
-      case "ArrowUp":
-        t.preventDefault(), this.plus();
-        break;
-      case "ArrowDown":
-        t.preventDefault(), this.minus();
-        break;
-    }
-  }
-  minus() {
-    if (!this.readOnly) {
-      const t = this.querySelector(`input[id="${this.uid}"]`), i = typeof this.step == "number" ? this.step : 1;
-      let e = Number(t.valueAsNumber) || Number(t.valueAsNumber) === 0 ? t.valueAsNumber - i : 1;
-      e = Number(this.maximum) ? Math.min(e, this.maximum) : e, e = Number(this.minimum) ? Math.max(e, this.minimum) : e, t.valueAsNumber = e, this.value = e, this.dispatchEvent(
-        new CustomEvent("input", {
-          detail: { value: this.value },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }
-  }
-  plus() {
-    if (!this.readOnly) {
-      const t = this.querySelector(`input[id="${this.uid}"]`), i = typeof this.step == "number" ? this.step : 1;
-      let e = Number(t.valueAsNumber) || Number(t.valueAsNumber) === 0 ? t.valueAsNumber + i : 1;
-      e = Number(this.maximum) ? Math.min(e, this.maximum) : e, e = Number(this.minimum) ? Math.max(e, this.minimum) : e, t.valueAsNumber = e, this.value = e, this.dispatchEvent(
-        new CustomEvent("input", {
-          detail: { value: this.value },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }
-  }
-  valueChanged(t) {
-    if (t.stopPropagation(), !this.readOnly) {
-      const e = t.target.valueAsNumber;
-      this.dispatchEvent(
-        new CustomEvent("input", {
-          detail: { value: Number.isNaN(e) ? void 0 : e },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }
-  }
-  onBlur() {
-    this.dispatchEvent(
-      new CustomEvent("blur", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-};
-s([
-  r({ type: String })
-], a.prototype, "uid", 2);
-s([
-  r({ type: String })
-], a.prototype, "label", 2);
-s([
-  r({ type: String })
-], a.prototype, "hint", 2);
-s([
-  r({ type: String, attribute: "locale-id" })
-], a.prototype, "localeId", 2);
-s([
-  r({ type: Array })
-], a.prototype, "errors", 2);
-s([
-  r({ type: Boolean })
-], a.prototype, "touched", 2);
-s([
-  r({ type: Boolean })
-], a.prototype, "required", 2);
-s([
-  r({ type: Boolean })
-], a.prototype, "disabled", 2);
-s([
-  r({ type: Boolean, attribute: "readonly" })
-], a.prototype, "readOnly", 2);
-s([
-  r({ type: Number })
-], a.prototype, "value", 2);
-s([
-  r({ type: Number })
-], a.prototype, "step", 2);
-s([
-  r({ type: String })
-], a.prototype, "placeholder", 2);
-s([
-  r({ type: String })
-], a.prototype, "autocomplete", 2);
-s([
-  r({ type: Number })
-], a.prototype, "minimum", 2);
-s([
-  r({ type: Number })
-], a.prototype, "maximum", 2);
-s([
-  r({ type: Number })
-], a.prototype, "autoGrow", 2);
-a = s([
-  b("gui-number")
-], a);
-typeof customElements < "u" && !customElements.get("gui-number") && customElements.define("gui-number", a);
-var q = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (t, i, e, o) => {
-  for (var u = o > 1 ? void 0 : 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 && q(i, e, u), u;
-};
-let h = class extends m {
-  constructor() {
-    super(...arguments), this.adapter = new v(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  updated(t) {
-    super.updated(t);
-    const i = this.adapter.templateData.size;
-    i ? this.style.flex = String(i) : this.style.removeProperty("flex");
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-number", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  render() {
-    return super.render(), c`
-      <gui-number
-        .uid=${this.widget.uid}
-        .label=${this.adapter.templateData.label}
-        .hint=${this.adapter.templateData.hint}
-        .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}
-        .step=${this.adapter.templateData.step}
-        .minimum=${this.adapter.templateData.minimum}
-        .maximum=${this.adapter.templateData.maximum}
-        .autoGrow=${this.adapter.templateData.autoGrow}
-        .placeholder=${this.adapter.templateData.placeholder}
-        .autocomplete=${this.adapter.templateData.autocomplete}
-        @input=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
-      ></gui-number>
-    `;
-  }
-  valueChanged(t) {
-    const i = t.detail.value;
-    this.adapter.valueChanged(i);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
-  }
-};
-n([
-  C({ context: y }),
-  r({ attribute: !1 })
-], h.prototype, "formContext", 2);
-n([
-  A({ context: g })
-], h.prototype, "adapter", 2);
-h = n([
-  b("gui-number-input")
-], h);
-export {
-  h as NumberElement
-};

package/numeric-jmOOKz30.js

@@ -1,12 +0,0 @@
-const r = /^[0-9.,eE+-]+$/;
-function i(t) {
-  const a = t.data ?? t.dataTransfer?.getData("text");
-  a && (r.test(a) || t.preventDefault());
-}
-function o(t) {
-  t.ctrlKey || t.metaKey || t.altKey || t.isComposing || t.key.length === 1 && (r.test(t.key) || t.preventDefault());
-}
-export {
-  o as a,
-  i as b
-};

package/one-of-anKkm7mD.js

@@ -1,50 +0,0 @@
-import "./index.js";
-import "@golemui/core";
-const i = (e) => e !== null && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "label") && Object.prototype.hasOwnProperty.call(e, "value");
-function s(e) {
-  const r = typeof e;
-  return r === "string" || r === "number";
-}
-function b(e, r) {
-  return r.find((t) => t.value.toString() === e)?.value;
-}
-const O = (e, r) => {
-  if (Array.isArray(e) && e.length > 0 && !i(e[0])) {
-    if (s(e[0]))
-      return e.map((t) => ({
-        label: t.toString(),
-        value: t
-      }));
-    if (u(e[0], r)) {
-      const t = f(e[0], r);
-      return e.map(t);
-    } else
-      throw new Error("Invalid option shape");
-  }
-  return e;
-}, u = (e, { labelField: r, valueField: t }) => {
-  if (e === null || typeof e != "object")
-    return !1;
-  const n = e, o = r ? Object.prototype.hasOwnProperty.call(n, r) : !1, a = t ? Object.prototype.hasOwnProperty.call(n, t) : !1;
-  return r && !o ? !1 : !(t && !a);
-};
-function f(e, { labelField: r, valueField: t }) {
-  if (e === null || typeof e != "object")
-    throw new Error("Provided value is not an object");
-  const n = e, o = r && Object.prototype.hasOwnProperty.call(n, r) ? r : void 0, a = t && Object.prototype.hasOwnProperty.call(n, t) ? t : void 0;
-  if (!o && !a)
-    throw new Error("Neither labelField nor valueField exists on the object");
-  return (l) => {
-    if (l === null || typeof l != "object")
-      throw new Error("Item is not an object");
-    const c = l;
-    return {
-      label: o ? c[o] : "",
-      value: a ? c[a] : ""
-    };
-  };
-}
-export {
-  b as i,
-  O as u
-};