@golemui/gui-lit 1.2.0 → 1.2.1

package/currency.element-Cezgzbbs.js

@@ -1,276 +0,0 @@
-import { InputWidgetAdapter as g, formContext as b, inputContext as v } from "@golemui/lit";
-import { LitElement as m, nothing as p, html as d } from "lit";
-import { property as a, state as f, query as $, customElement as y } from "lit/decorators.js";
-import { classMap as D } from "lit/directives/class-map.js";
-import { G as C, a as x, b as F, c as w } from "./templates-Df7abEkB.js";
-import { b as S, a as _ } from "./numeric-jmOOKz30.js";
-import { consume as E, provide as I } from "@lit/context";
-import "rxjs";
-var O = Object.defineProperty, q = Object.getOwnPropertyDescriptor, r = (t, e, o, n) => {
-  for (var s = n > 1 ? void 0 : n ? q(e, o) : e, l = t.length - 1, u; l >= 0; l--)
-    (u = t[l]) && (s = (n ? u(e, o, s) : u(s)) || s);
-  return n && s && O(e, o, s), s;
-};
-let i = class extends m {
-  constructor() {
-    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = void 0, this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.currency = void 0, this.step = void 0, this.maximumFractionDigits = void 0, this.minimumFractionDigits = void 0, this.hint = void 0, this.icon = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.ariaController = new C(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");
-  }
-  willUpdate(t) {
-    t.has("value") && document.activeElement !== this.inputElement && (this.displayValue = this.formatCurrency(this.value));
-  }
-  render() {
-    super.render();
-    const t = {
-      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,
-      currency: this.currency,
-      maximumFractionDigits: this.maximumFractionDigits,
-      minimumFractionDigits: this.minimumFractionDigits,
-      icon: this.icon,
-      placeholder: this.placeholder,
-      autocomplete: this.autocomplete
-    };
-    this.displayValue = this.formatCurrency(this.value);
-    const e = x("currency", t), o = {
-      "gui-widget-input": !0,
-      "gui-currency--icon": !!this.icon
-    };
-    return d`
-      ${F(this.uid, t)}
-
-      <div class="gui-widget">
-        <input
-          type="number"
-          inputmode="decimal"
-          id=${this.uid}
-          data-cy=${`${this.uid}_currency`}
-          class=${D(o)}
-          step=${this.step && this.step > 0 ? this.step : p}
-          .value=${this.value ?? ""}
-          ?required=${this.required}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readOnly}
-          placeholder=${this.placeholder || p}
-          autocomplete=${this.autocomplete || p}
-          @input=${this.handleInput}
-          @beforeinput=${S}
-          @keydown=${_}
-          @focus=${this.handleFocus}
-          @blur=${this.handleBlur}
-        />
-        ${this.displayValue ? d`<span
-              aria-hidden="true"
-              class="gui-currency__format-value ${this.icon ? "gui-currency__format-value--icon" : ""}"
-              >${this.displayValue}</span
-            >` : p}
-        ${e.html}
-      </div>
-
-      ${w(this.uid, t)}
-    `;
-  }
-  handleInput(t) {
-    if (t.stopPropagation(), !this.readOnly) {
-      const e = t.target;
-      this.displayValue = this.formatCurrency(e.valueAsNumber);
-      const o = e.valueAsNumber;
-      this.dispatchEvent(
-        new CustomEvent("input", {
-          detail: { value: Number.isNaN(o) ? void 0 : o },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }
-  }
-  handleFocus() {
-    this.displayValue = this.formatCurrency(this.value);
-  }
-  handleBlur() {
-    this.displayValue = this.formatCurrency(this.value), this.dispatchEvent(
-      new CustomEvent("blur", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  formatCurrency(t) {
-    if (t === "" || t === void 0 || t === null || isNaN(t)) return "";
-    try {
-      const e = this.maximumFractionDigits ?? Math.max(this.minimumFractionDigits ?? 2, 2), o = Math.min(
-        this.minimumFractionDigits ?? 2,
-        e
-      );
-      return new Intl.NumberFormat(this.localeId ?? "en", {
-        style: "currency",
-        currency: this.currency ?? "USD",
-        maximumFractionDigits: e,
-        minimumFractionDigits: o
-      }).format(t);
-    } catch (e) {
-      return console.warn("Invalid locale or currency", e), t.toString();
-    }
-  }
-  get separators() {
-    const t = new Intl.NumberFormat(this.localeId ?? "en").format(1111.1);
-    return {
-      group: t.replace(/1/g, "").replace(/\d/g, "")[0] || ",",
-      decimal: t.replace(/1/g, "").replace(/\d/g, "").slice(-1) || "."
-    };
-  }
-};
-r([
-  a({ type: String })
-], i.prototype, "uid", 2);
-r([
-  a({ type: String })
-], i.prototype, "label", 2);
-r([
-  a({ type: String, attribute: "locale-id" })
-], i.prototype, "localeId", 2);
-r([
-  a({ type: Array })
-], i.prototype, "errors", 2);
-r([
-  a({ type: Boolean })
-], i.prototype, "touched", 2);
-r([
-  a({ type: Boolean })
-], i.prototype, "required", 2);
-r([
-  a({ type: Boolean })
-], i.prototype, "disabled", 2);
-r([
-  a({ type: Boolean, attribute: "readonly" })
-], i.prototype, "readOnly", 2);
-r([
-  a({ type: String })
-], i.prototype, "value", 2);
-r([
-  a({ type: String })
-], i.prototype, "currency", 2);
-r([
-  a({ type: String })
-], i.prototype, "step", 2);
-r([
-  a({ type: String })
-], i.prototype, "maximumFractionDigits", 2);
-r([
-  a({ type: String })
-], i.prototype, "minimumFractionDigits", 2);
-r([
-  a({ type: String })
-], i.prototype, "hint", 2);
-r([
-  a({ type: String })
-], i.prototype, "icon", 2);
-r([
-  a({ type: String })
-], i.prototype, "placeholder", 2);
-r([
-  a({ type: String })
-], i.prototype, "autocomplete", 2);
-r([
-  f()
-], i.prototype, "displayValue", 2);
-r([
-  $("input")
-], i.prototype, "inputElement", 2);
-i = r([
-  y("gui-currency")
-], i);
-typeof customElements < "u" && !customElements.get("gui-currency") && customElements.define("gui-currency", i);
-var N = Object.defineProperty, P = Object.getOwnPropertyDescriptor, h = (t, e, o, n) => {
-  for (var s = n > 1 ? void 0 : n ? P(e, o) : e, l = t.length - 1, u; l >= 0; l--)
-    (u = t[l]) && (s = (n ? u(e, o, s) : u(s)) || s);
-  return n && s && N(e, o, s), s;
-};
-let c = class extends m {
-  constructor() {
-    super(...arguments), this.adapter = new g(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  updated(t) {
-    super.updated(t);
-    const e = this.adapter.templateData.size;
-    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-currency", "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(), d`
-      <gui-currency
-        .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}
-        .currency=${this.adapter.templateData.currency}
-        .step=${this.adapter.templateData.step}
-        .maximumFractionDigits=${this.adapter.templateData.maximumFractionDigits}
-        .minimumFractionDigits=${this.adapter.templateData.minimumFractionDigits}
-        .icon=${this.adapter.templateData.icon}
-        .placeholder=${this.adapter.templateData.placeholder}
-        .autocomplete=${this.adapter.templateData.autocomplete}
-        .localeId=${this.adapter.templateData.lang}
-        @input=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
-      ></gui-currency>
-    `;
-  }
-  valueChanged(t) {
-    const e = t.detail.value;
-    this.adapter.valueChanged(e);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
-  }
-};
-h([
-  E({ context: b }),
-  a({ attribute: !1 })
-], c.prototype, "formContext", 2);
-h([
-  I({ context: v })
-], c.prototype, "adapter", 2);
-c = h([
-  y("gui-currency-input")
-], c);
-export {
-  c as CurrencyElement
-};