r3ui-lib 1.3.19 → 1.3.21

package/dist/modules/components/cards/PageCard.vue2.js

@@ -0,0 +1,117 @@
+import { defineComponent as B, ref as E, useSlots as F, computed as b, onMounted as j, createElementBlock as e, openBlock as t, withDirectives as p, createElementVNode as i, vShow as _, createCommentVNode as l, renderSlot as m, createVNode as g, Fragment as r, renderList as u, normalizeClass as h, toDisplayString as d } from "vue";
+import z from "../Divider.vue.js";
+import A from "../dropdowns/DefaultDropDown.vue.js";
+const H = { class: "placeholder-glow" }, I = { class: "page-card" }, M = { class: "row hide-to-print card-header mx-0 w-100" }, P = { class: "col" }, q = { class: "row flex-nowrap align-items-center" }, G = { class: "col-auto" }, J = {
+  key: 0,
+  class: "col-auto"
+}, K = {
+  class: "row",
+  style: { padding: "20px" }
+}, O = { class: "d-flex align-items-start" }, Q = {
+  class: "nav flex-column nav-pills",
+  id: "v-pills-tab",
+  role: "tablist",
+  "aria-orientation": "vertical"
+}, R = ["onClick"], U = {
+  class: "tab-content",
+  id: "v-pills-tabContent"
+}, W = {
+  key: 0,
+  class: "title"
+}, X = { key: 1 }, Y = { key: 0 }, Z = { key: 0 }, x = ["title"], ee = { key: 2 }, te = { class: "row" }, se = { class: "col-12" }, ae = /* @__PURE__ */ B({
+  __name: "PageCard",
+  props: {
+    actionLinks: { default: () => [] },
+    tabs: { default: () => [] },
+    col: { default: "auto" },
+    actionsTitle: { default: "Действия" },
+    isLoading: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "active-tab"],
+  setup(w, { emit: C }) {
+    const L = w, k = C, v = E(0), f = F(), S = (s) => {
+      k("click", s);
+    }, $ = b(() => !!f.header), D = b(() => !!f.footer), N = (s) => {
+      v.value = s, k("active-tab", L.tabs[s]);
+    };
+    return j(() => {
+    }), (s, y) => (t(), e("div", null, [
+      p(i("p", H, [...y[0] || (y[0] = [
+        i("span", {
+          class: "placeholder col-12 mb-1",
+          style: { "min-height": "300px", "border-radius": "4px" }
+        }, null, -1)
+      ])], 512), [
+        [_, s.isLoading]
+      ]),
+      p(i("div", I, [
+        i("div", M, [
+          i("div", P, [
+            i("div", q, [
+              i("div", G, [
+                $.value ? m(s.$slots, "header", { key: 0 }, void 0, !0) : l("", !0)
+              ])
+            ])
+          ]),
+          s.actionLinks.length > 0 ? (t(), e("div", J, [
+            g(A, {
+              title: s.actionsTitle,
+              links: s.actionLinks,
+              onClick: S
+            }, null, 8, ["title", "links"])
+          ])) : l("", !0)
+        ]),
+        i("div", K, [
+          i("div", O, [
+            i("div", Q, [
+              (t(!0), e(r, null, u(s.tabs, (c, a) => p((t(), e("button", {
+                key: a,
+                class: h(["nav-link me-5", [a === v.value ? "active" : ""]]),
+                onClick: (o) => N(a)
+              }, d(c.navLink), 11, R)), [
+                [_, c.navLink]
+              ])), 128))
+            ]),
+            i("div", U, [
+              (t(!0), e(r, null, u(s.tabs, (c, a) => (t(), e("div", {
+                key: a,
+                class: h(["tab-pane fade row", [a === v.value ? "show active d-flex" : ""]])
+              }, [
+                (t(!0), e(r, null, u(c.contents, (o, V) => (t(), e("div", {
+                  key: V,
+                  class: h(`col-${s.col} mb-3`)
+                }, [
+                  o.subtitle ? (t(), e("div", W, d(o.subtitle) + ": ", 1)) : l("", !0),
+                  !o.type || o.type === "text" ? (t(), e("div", X, [
+                    typeof o.text == "string" ? (t(), e("div", Y, d(o.text), 1)) : o.text ? (t(!0), e(r, { key: 1 }, u(o.text, (n, T) => (t(), e("div", { key: T }, [
+                      typeof n == "string" ? (t(), e("div", Z, d(n), 1)) : l("", !0),
+                      typeof n == "object" ? (t(), e("div", {
+                        key: 1,
+                        title: n?.description || ""
+                      }, d(n.name), 9, x)) : l("", !0)
+                    ]))), 128)) : l("", !0)
+                  ])) : o.type === "custom" && o.slotName ? (t(), e("div", ee, [
+                    m(s.$slots, o.slotName, { content: o }, void 0, !0)
+                  ])) : l("", !0)
+                ], 2))), 128))
+              ], 2))), 128))
+            ])
+          ]),
+          D.value ? (t(), e(r, { key: 0 }, [
+            g(z, { class: "mt-3" }),
+            i("div", te, [
+              i("div", se, [
+                m(s.$slots, "footer", {}, void 0, !0)
+              ])
+            ])
+          ], 64)) : l("", !0)
+        ])
+      ], 512), [
+        [_, !s.isLoading]
+      ])
+    ]));
+  }
+});
+export {
+  ae as default
+};

package/dist/modules/components/dropdowns/DefaultDropDown.vue.js

@@ -0,0 +1,102 @@
+import { ref as g, useId as R, watch as E, onDeactivated as H, computed as S, createElementBlock as n, openBlock as r, withKeys as V, createElementVNode as c, withModifiers as w, unref as m, createTextVNode as B, toDisplayString as v, createCommentVNode as b, Fragment as I, renderList as L, normalizeClass as N } from "vue";
+/* empty css                     */
+import z from "../../_virtual/_plugin-vue_export-helper.js";
+const A = ["aria-expanded", "aria-controls"], F = ["aria-expanded", "aria-controls"], K = { style: { "border-bottom": "2px solid #000" } }, M = { class: "dropdown-list-wrapper" }, P = ["id"], T = ["disabled", "onClick"], q = {
+  __name: "DefaultDropDown",
+  props: {
+    links: {
+      type: Array,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: "Actions"
+    },
+    type: {
+      type: String,
+      default: "actions",
+      validator: function(i) {
+        return ["actions", "profile"].includes(i);
+      }
+    }
+  },
+  setup(i) {
+    const _ = i, t = g(!1), l = g(null), u = g(null), p = R(), y = () => {
+      t.value = !t.value;
+    }, s = (e = !1) => {
+      t.value = !1, e && u.value?.focus({ preventScroll: !0 });
+    }, k = (e) => {
+      s(!0), typeof e == "function" && e();
+    }, x = (e) => {
+      l.value?.contains(e.relatedTarget) || s();
+    }, D = (e) => {
+      !t.value || e.isComposing || (e.preventDefault(), e.stopPropagation(), s(!0));
+    };
+    E(t, (e, a, o) => {
+      if (!e) return;
+      const d = l.value.ownerDocument, f = (C) => {
+        l.value?.contains(C.target) || s();
+      };
+      d.addEventListener("pointerdown", f, !0), o(
+        () => d.removeEventListener("pointerdown", f, !0)
+      );
+    }), H(() => s());
+    const h = S(() => _.type === "profile");
+    return (e, a) => (r(), n("div", {
+      ref_key: "wrapperRef",
+      ref: l,
+      class: "custom-dropdown",
+      onFocusout: x,
+      onKeydown: V(D, ["esc"])
+    }, [
+      h.value ? (r(), n("button", {
+        key: 0,
+        ref_key: "triggerRef",
+        ref: u,
+        type: "button",
+        class: "dropdown-trigger cursor-pointer nav-link dropdown-toggle d-flex align-items-center border rounded p-2",
+        "aria-expanded": t.value,
+        "aria-controls": m(p),
+        onClick: w(y, ["stop"])
+      }, [
+        a[0] || (a[0] = c("div", { class: "circl" }, null, -1)),
+        B(" " + v(i.title), 1)
+      ], 8, A)) : (r(), n("button", {
+        key: 1,
+        ref_key: "triggerRef",
+        ref: u,
+        class: "dropdown-trigger link-dark",
+        type: "button",
+        "aria-expanded": t.value,
+        "aria-controls": m(p),
+        onClick: w(y, ["stop"])
+      }, [
+        c("span", K, v(i.title), 1),
+        a[1] || (a[1] = c("i", {
+          class: "bi bi-chevron-up dropdown-edit",
+          style: { "font-size": "12px", "padding-inline-start": "5px" }
+        }, null, -1))
+      ], 8, F)),
+      c("div", M, [
+        t.value ? (r(), n("ul", {
+          key: 0,
+          id: m(p),
+          class: "custom-dropdown-menu"
+        }, [
+          (r(!0), n(I, null, L(i.links, (o, d) => (r(), n("li", { key: d }, [
+            o.hidden ? b("", !0) : (r(), n("button", {
+              key: 0,
+              type: "button",
+              class: N(["dropdown-item", { disabled: o?.disabled }]),
+              disabled: !!o?.disabled,
+              onClick: (f) => k(o?.action)
+            }, v(o?.title), 11, T))
+          ]))), 128))
+        ], 8, P)) : b("", !0)
+      ])
+    ], 544));
+  }
+}, J = /* @__PURE__ */ z(q, [["__scopeId", "data-v-ffaf1261"]]);
+export {
+  J as default
+};

package/dist/modules/components/export/ExportComponent.vue.js

@@ -0,0 +1,7 @@
+import o from "./ExportComponent.vue2.js";
+/* empty css                     */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-db74d2e3"]]);
+export {
+  e as default
+};

package/dist/modules/components/export/ExportComponent.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent as b, ref as p, computed as g, watch as h, onMounted as _, createElementBlock as l, openBlock as s, createCommentVNode as T, createElementVNode as i, Fragment as F, renderList as C, normalizeClass as w, createTextVNode as S, toDisplayString as V } from "vue";
+import f from "../../_virtual/index.js";
+const x = ["action"], E = ["value"], H = ["name", "value"], N = ["value"], O = ["disabled"], P = /* @__PURE__ */ b({
+  __name: "ExportComponent",
+  props: {
+    type: {},
+    action: {},
+    filters: {},
+    buttonText: {},
+    csrfToken: {}
+  },
+  setup(d) {
+    const r = d, a = p(), o = p([]), m = g(() => r.csrfToken), y = async () => {
+      a.value && a.value.submit();
+    }, u = () => {
+      if (!r.filters) return !1;
+      if (typeof r.filters == "string")
+        return v(), !0;
+      k();
+    }, v = () => {
+      o.value = [];
+      const e = /^.*\?/gm, n = r.filters.replace(e, ""), t = f.parse(n);
+      o.value = c(t);
+    }, c = (e) => f.stringify(e, { encode: !1 }).split("&").map((n) => {
+      const t = n.split("=");
+      return { key: t[0], value: t[1] };
+    }).filter(({ key: n, value: t }) => n.length && t.length), k = () => {
+      if (o.value = [], !r.filters)
+        return !1;
+      o.value = c(r.filters);
+    };
+    return h(() => r.filters, () => {
+      u();
+    }, { deep: !1 }), _(() => {
+      u();
+    }), (e, n) => (s(), l("form", {
+      target: "_blank",
+      action: e.action,
+      method: "POST",
+      ref_key: "reportForm",
+      ref: a
+    }, [
+      e.type ? (s(), l("input", {
+        key: 0,
+        type: "hidden",
+        name: "type",
+        value: e.type
+      }, null, 8, E)) : T("", !0),
+      (s(!0), l(F, null, C(o.value, (t) => (s(), l("input", {
+        key: t.key,
+        type: "hidden",
+        name: t.key,
+        value: t.value
+      }, null, 8, H))), 128)),
+      i("input", {
+        type: "hidden",
+        name: "_token",
+        value: m.value
+      }, null, 8, N),
+      i("button", {
+        type: "button",
+        class: w(["col-auto export-button", { disabled: !e.action }]),
+        onClick: y,
+        disabled: !e.action
+      }, [
+        S(V(e.buttonText) + " ", 1),
+        n[0] || (n[0] = i("i", { class: "ps-2 bi bi-file-earmark-arrow-down-fill" }, null, -1))
+      ], 10, O)
+    ], 8, x));
+  }
+});
+export {
+  P as default
+};

package/dist/modules/components/filters/MultipleQuickFilterComponent.vue.js

@@ -0,0 +1,7 @@
+import o from "./MultipleQuickFilterComponent.vue2.js";
+/* empty css                                  */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f65c1c64"]]);
+export {
+  e as default
+};

package/dist/modules/components/filters/MultipleQuickFilterComponent.vue2.js

@@ -0,0 +1,34 @@
+import { defineComponent as m, watch as f, createElementBlock as s, openBlock as r, createElementVNode as u, Fragment as p, renderList as L, normalizeClass as k, toDisplayString as v } from "vue";
+const _ = { class: "row pt-3" }, b = { class: "col-12" }, h = ["onClick"], C = /* @__PURE__ */ m({
+  __name: "MultipleQuickFilterComponent",
+  props: {
+    filterList: {},
+    defaultSelected: { default: () => ({}) }
+  },
+  emits: ["emitSelected"],
+  setup(c, { emit: a }) {
+    const i = c, n = a, d = (e) => {
+      i.filterList[e].disabled || (i.filterList[e].value = !i.filterList[e].value, n("emitSelected", i.filterList));
+    };
+    return f(() => i.defaultSelected, (e) => {
+      e && Object.keys(e).length > 0 && i.filterList.forEach((o, l) => {
+        const t = Object.keys(e)[l];
+        t && e[t] !== void 0 && (o.value = e[t]);
+      });
+    }, { immediate: !0 }), (e, o) => (r(), s("div", _, [
+      u("div", b, [
+        (r(!0), s(p, null, L(e.filterList, (l, t) => (r(), s("button", {
+          onClick: (g) => d(t),
+          class: k(["btn filter-item", {
+            active: e.filterList[t].value,
+            disabled: e.filterList[t].disabled
+          }]),
+          key: t
+        }, v(l.title), 11, h))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  C as default
+};

package/dist/modules/components/form/Checkbox.vue.js

@@ -0,0 +1,66 @@
+import { ref as u, computed as m, watch as s, onMounted as f, createElementBlock as a, openBlock as i, createElementVNode as h, createCommentVNode as k, normalizeStyle as b, normalizeClass as p, toDisplayString as g } from "vue";
+const y = { class: "form-check d-flex align-items-center" }, x = ["id", "name", "checked"], v = ["for"], V = {
+  __name: "Checkbox",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    id: {
+      type: String,
+      default: () => `checkbox-${Math.random().toString(36).slice(2, 9)}`
+    },
+    size: {
+      type: String,
+      default: "sm",
+      validator: (e) => ["sm", "md", "lg"].includes(e)
+    },
+    clickableLabel: {
+      type: Boolean,
+      default: !0
+    },
+    indeterminate: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: c }) {
+    const t = e, o = c, l = u(null), r = m(() => t.size === "sm" ? "5px" : t.size === "md" ? "10px" : t.size === "lg" ? "15px" : "5px"), d = (n) => {
+      o("update:modelValue", n.target.checked);
+    };
+    return s(() => t.indeterminate, (n) => {
+      l.value && (l.value.indeterminate = n);
+    }), f(() => {
+      l.value && (l.value.indeterminate = t.indeterminate);
+    }), (n, z) => (i(), a("div", y, [
+      h("input", {
+        ref_key: "inputRef",
+        ref: l,
+        class: "form-check-input mr-2 mt-0",
+        type: "checkbox",
+        id: e.id,
+        name: e.name,
+        style: b({ padding: r.value }),
+        checked: e.modelValue,
+        onChange: d
+      }, null, 44, x),
+      e.label ? (i(), a("label", {
+        key: 0,
+        class: p(["form-check-label lh-n", { "cursor-pointer": e.clickableLabel }]),
+        for: e.clickableLabel ? e.id : void 0
+      }, g(e.label), 11, v)) : k("", !0)
+    ]));
+  }
+};
+export {
+  V as default
+};

package/dist/modules/components/form/CustomInput.vue.js

@@ -0,0 +1,161 @@
+import { ref as x, useId as A, useAttrs as E, inject as j, computed as y, toValue as L, onMounted as w, watch as M, createElementBlock as d, openBlock as m, normalizeStyle as z, normalizeClass as g, createCommentVNode as v, createElementVNode as c, createVNode as q, unref as r, toDisplayString as D, mergeProps as F } from "vue";
+import P from "../../_virtual/inputmask.js";
+import { isEqual as G } from "../../utils/helpers.js";
+import { useFieldError as H } from "../../composables/forms/useFieldError.js";
+import J from "./FormError.vue.js";
+/* empty css                 */
+import K from "../../_virtual/_plugin-vue_export-helper.js";
+const Q = ["for"], R = { class: "position-relative" }, T = ["id", "type", "name", "value", "placeholder", "disabled", "readonly"], U = ["aria-label", "aria-controls"], W = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "CustomInput",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    titleClass: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    min: {
+      type: [String, Number],
+      default: ""
+    },
+    max: {
+      type: [String, Number],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    clearLabel: {
+      type: String,
+      default: ""
+    },
+    inputClass: {
+      type: [String, Object],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    error: {
+      type: [String, Object, Array],
+      default: ""
+    },
+    maskOptions: {
+      type: [String, Object],
+      default: () => ({})
+    },
+    maxNumber: {
+      type: [String, Number],
+      default: null
+    }
+  },
+  emits: ["change", "blur", "update:modelValue"],
+  setup(a, { emit: S }) {
+    const t = a, u = S, n = x(null), s = A(), h = E(), V = j(
+      "r3ui-custom-input-clear-label",
+      "Очистить поле"
+    ), C = y(
+      () => t.clearLabel || L(V)
+    );
+    function k() {
+      const { class: e, style: l, ...b } = h;
+      return b;
+    }
+    const f = (e) => {
+      let l = e.target.value;
+      t.max && (l = I(l), e.target.value = l), t.maxNumber && (Number(l) >= Number(t.maxNumber) && (l = t.maxNumber.toString()), e.target.value = l), u("update:modelValue", l);
+    }, N = (e) => {
+      e.target.value !== String(t.modelValue ?? "") && f(e);
+    }, I = (e) => e.substring(0, t.max), O = () => {
+      o.value && (u("update:modelValue", null), u("change", null), n.value && (n.value.value = "", n.value.focus({ preventScroll: !0 })));
+    }, p = () => {
+      if (t.maskOptions === "" || !n.value) return !1;
+      P({ ...t.maskOptions }).mask(n.value);
+    };
+    w(() => {
+      p();
+    }), M(
+      () => t.maskOptions,
+      (e, l) => {
+        G(e, l) || p();
+      },
+      { deep: !0 }
+    );
+    const o = y(() => t.modelValue !== "" && t.modelValue != null && !t.disabled && !t.readonly), { errorId: $, errorMessages: i, errorAttributes: B } = H(
+      () => t.error
+    );
+    return (e, l) => (m(), d("div", {
+      class: g(e.$attrs.class),
+      style: z(e.$attrs.style)
+    }, [
+      a.title ? (m(), d("label", {
+        key: 0,
+        for: e.$attrs.id || r(s),
+        class: g(["mb-1 fw-bold", [a.titleClass]])
+      }, D(a.title), 11, Q)) : v("", !0),
+      c("div", R, [
+        c("input", F({
+          ref_key: "inputEl",
+          ref: n,
+          onBlur: l[0] || (l[0] = (b) => u("blur")),
+          onInput: f,
+          onChange: N
+        }, { ...k(), ...r(B)(e.$attrs) }, {
+          id: e.$attrs.id || r(s),
+          type: a.type,
+          name: a.name,
+          class: ["form-control outline-none", {
+            [a.inputClass]: a.inputClass,
+            "not-valid": r(i).length > 0,
+            "is-invalid": r(i).length > 0,
+            "has-clear-button": o.value
+          }],
+          value: a.modelValue,
+          placeholder: a.placeholder,
+          disabled: a.disabled,
+          readonly: a.readonly
+        }), null, 16, T),
+        o.value ? (m(), d("button", {
+          key: 0,
+          type: "button",
+          class: "remove-button clear-input position-absolute",
+          "aria-label": C.value,
+          "aria-controls": e.$attrs.id || r(s),
+          onClick: O
+        }, [...l[1] || (l[1] = [
+          c("i", {
+            class: "bi bi-x-lg",
+            "aria-hidden": "true"
+          }, null, -1)
+        ])], 8, U)) : v("", !0)
+      ]),
+      q(J, {
+        id: r($),
+        errors: r(i)
+      }, null, 8, ["id", "errors"])
+    ], 6));
+  }
+}), ae = /* @__PURE__ */ K(W, [["__scopeId", "data-v-a76e929c"]]);
+export {
+  ae as default
+};

package/dist/modules/components/form/FormError.vue.js

@@ -0,0 +1,24 @@
+import { createElementBlock as r, openBlock as e, createCommentVNode as s, Fragment as n, renderList as c, toDisplayString as l } from "vue";
+const m = {
+  class: "lh-1",
+  "data-test": "FormError"
+}, p = {
+  __name: "FormError",
+  props: {
+    errors: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(t) {
+    return (d, i) => (e(), r("div", m, [
+      t.errors?.length ? (e(!0), r(n, { key: 0 }, c(t.errors, (o, a) => (e(), r("div", {
+        class: "text-danger small",
+        key: a
+      }, l(o), 1))), 128)) : s("", !0)
+    ]));
+  }
+};
+export {
+  p as default
+};

package/dist/modules/components/form/PasswordInput.vue.js

@@ -0,0 +1,82 @@
+import { ref as c, useId as m, watch as f, createElementBlock as y, openBlock as v, createElementVNode as s, createVNode as g, mergeProps as V, unref as l, normalizeClass as w } from "vue";
+import { useFieldError as h } from "../../composables/forms/useFieldError.js";
+import I from "./FormError.vue.js";
+/* empty css                   */
+import $ from "../../_virtual/_plugin-vue_export-helper.js";
+const B = { class: "position-relative" }, P = ["id", "type", "value", "disabled", "autocomplete"], k = ["disabled", "aria-label", "aria-pressed", "aria-controls", "title"], A = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "PasswordInput",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    error: {
+      type: [String, Array],
+      default: ""
+    },
+    initialVisibility: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    visibilityLabel: {
+      type: String,
+      default: "Показывать значение"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const a = t, i = c(a.initialVisibility), r = m();
+    function n() {
+      a.disabled || (i.value = !i.value);
+    }
+    f(
+      () => a.initialVisibility,
+      (e) => {
+        i.value = e;
+      }
+    );
+    const { errorId: u, errorMessages: o, errorAttributes: p } = h(
+      () => a.error
+    );
+    return (e, d) => (v(), y("div", null, [
+      s("div", B, [
+        s("input", V({ ...e.$attrs, ...l(p)(e.$attrs) }, {
+          id: e.$attrs.id ?? l(r),
+          class: ["form-control password-input outline-none", { "is-invalid": l(o).length > 0 }],
+          type: i.value ? "text" : "password",
+          value: t.modelValue,
+          disabled: t.disabled,
+          autocomplete: e.$attrs.autocomplete ?? "new-password",
+          onInput: d[0] || (d[0] = (b) => e.$emit("update:modelValue", b.target.value))
+        }), null, 16, P),
+        s("button", {
+          class: "toggle-pass",
+          type: "button",
+          disabled: t.disabled,
+          "aria-label": t.visibilityLabel,
+          "aria-pressed": i.value,
+          "aria-controls": e.$attrs.id ?? l(r),
+          title: t.visibilityLabel,
+          onClick: n
+        }, [
+          s("i", {
+            "aria-hidden": "true",
+            class: w(["bi", [i.value ? "bi-eye-slash-fill" : "bi-eye-fill"]]),
+            style: { "font-size": "20px" }
+          }, null, 2)
+        ], 8, k)
+      ]),
+      g(I, {
+        id: l(u),
+        errors: l(o)
+      }, null, 8, ["id", "errors"])
+    ]));
+  }
+}), N = /* @__PURE__ */ $(A, [["__scopeId", "data-v-67dc0e2c"]]);
+export {
+  N as default
+};