next-flow-design 1.0.2 → 1.1.0

package/dist/index.js

@@ -1,92 +1,10 @@
-import { css as d, LitElement as c, html as i } from "lit";
-import { b as u, n as a, r as g, t as w } from "./nf-select-CUntTjoX.js";
-import { N as P } from "./nf-select-CUntTjoX.js";
-const v = d`:host{min-width:10rem;position:relative;display:inline-block}::slotted(*){position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.input{position:absolute;inset:0;padding:var(--nf-input-padding);outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-weight:var(--nf-font-weight)}.input:has(.toggle-password){padding-right:2.5rem}.input .toggle-password{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#aaa;transition:color var(--nf-transition-fast) ease;outline:0}.input .toggle-password:hover{color:#c1c1c1}.input .toggle-password:active{color:#e1e1e1}.input .toggle-password svg{display:block}`;
-var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (e, t, l, n) => {
-  for (var s = n > 1 ? void 0 : n ? y(t, l) : t, p = e.length - 1, h; p >= 0; p--)
-    (h = e[p]) && (s = (n ? h(t, l, s) : h(s)) || s);
-  return n && s && b(t, l, s), s;
-};
-let o = class extends c {
-  constructor() {
-    super(...arguments), this.value = "", this.placeholder = "", this.type = "text", this.showPassword = !1, this.onInput = (e) => {
-      e.stopPropagation();
-      const t = e.target?.value;
-      this.dispatchEvent(
-        new CustomEvent("input", {
-          detail: t,
-          bubbles: !0,
-          composed: !0
-        })
-      ), t !== void 0 && this.value !== t && this.dispatchEvent(
-        new CustomEvent("change", {
-          detail: t,
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }, this.onChange = (e) => {
-      e.stopPropagation();
-      const t = e.target?.value;
-      t !== void 0 && this.value !== t && this.dispatchEvent(
-        new CustomEvent("change", {
-          detail: t,
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }, this.onKeyDown = (e) => {
-      if (e.key === "Enter") {
-        e.stopPropagation();
-        const t = e.target?.value;
-        t !== void 0 && this.dispatchEvent(
-          new CustomEvent("pressEnter", {
-            detail: t,
-            bubbles: !0,
-            composed: !0
-          })
-        );
-      }
-    }, this.togglePasswordVisibility = (e) => {
-      e.preventDefault(), e.stopPropagation(), this.showPassword = !this.showPassword;
-    };
-  }
-  render() {
-    const e = this.type === "password" && !this.showPassword ? "password" : "text", t = this.type === "password";
-    return i`<slot></slot><input .value=${e} @change=${this.value} @input=${this.placeholder} @keydown=${this.maxLength ?? ""} class=input maxlength=${this.onInput} placeholder=${this.onChange} type=${this.onKeyDown}> ${t ? i`<button @click=${this.togglePasswordVisibility} aria-label=${this.showPassword ? "Hide password" : "Show password"} class=toggle-password tabindex=-1 type=button>${this.showPassword ? this.renderEyeOffIcon() : this.renderEyeIcon()}</button>` : ""}`;
-  }
-  renderEyeIcon() {
-    return i`<svg fill=none height=16 stroke=currentColor stroke-width=2 viewBox="0 0 24 24"width=16><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx=12 cy=12 r=3 /></svg>`;
-  }
-  renderEyeOffIcon() {
-    return i`<svg fill=none height=16 stroke=currentColor stroke-width=2 viewBox="0 0 24 24"width=16><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1=1 x2=23 y1=1 y2=23 /></svg>`;
-  }
-  connectedCallback() {
-    this.style.transition = "none", super.connectedCallback(), requestAnimationFrame(() => {
-      this.style.transition = "";
-    });
-  }
-};
-o.styles = [u, v];
-r([
-  a({ type: String })
-], o.prototype, "value", 2);
-r([
-  a({ type: String })
-], o.prototype, "placeholder", 2);
-r([
-  a({ type: String })
-], o.prototype, "type", 2);
-r([
-  a({ type: Number })
-], o.prototype, "maxLength", 2);
-r([
-  g()
-], o.prototype, "showPassword", 2);
-o = r([
-  w("nf-input")
-], o);
+import { d as l, e as f, a as m, c as n, N, f as a, b as s } from "./nf-slider-CZmx94AZ.js";
 export {
-  o as NfInputElement,
-  P as NfSelectElement
+  l as NfCheckboxElement,
+  f as NfColorPickerElement,
+  m as NfInputElement,
+  n as NfInputNumberElement,
+  N as NfSelectElement,
+  a as NfSliderElement,
+  s as NfSwitchElement
 };