import { a3 as S, dD as g, dE as c, S as b, w as x, a4 as n, W as V, aa as f, V as P, P as h, a5 as s, cf as I, cg as C, dF as T, aG as F, U as v, dG as E, H as t, c5 as R, ad as l, I as d, dH as $, co as D, am as y, dI as L, ae as i, af as o, ag as M, dJ as N, cp as O, dK as q, dL as U, dM as W, ah as j, aj as B, dN as H, dO as A, dP as G, dQ as k, ct as J, dR as K, dS as Q, c3 as _, cr as z } from "./56c67d3b.js";
import { useContext as p } from "react";
import "react-dom";
const X = S(Q)`
  box-shadow: ${(a) => {
  var e, r;
  return `${(e = a.$style) == null ? void 0 : e.boxShadow} ${(r = a.$style) == null ? void 0 : r.boxShadowColor}`;
}};
  ${(a) => a.$style && g(a.$style)}
`;
let u = function() {
  const a = {
    ...c,
    viewRef: b,
    label: x(V, {
      text: n("password.label")
    }),
    validationType: f(k, "Regex"),
    visibilityToggle: P.DEFAULT_TRUE,
    prefixIcon: h,
    style: s(I, "style"),
    labelStyle: s(C, "labelStyle"),
    inputFieldStyle: s(T, "inputFieldStyle"),
    animationStyle: s(F, "animationStyle")
  };
  return new v(a, (e, r) => {
    const [m, w] = E(e);
    return e.label({
      required: e.required,
      children: /* @__PURE__ */ t(X, {
        prefix: R(e.prefixIcon) && e.prefixIcon,
        ...m,
        ref: e.viewRef,
        visibilityToggle: e.visibilityToggle,
        $style: e.inputFieldStyle
      }),
      style: e.style,
      labelStyle: e.labelStyle,
      inputFieldStyle: e.inputFieldStyle,
      animationStyle: e.animationStyle,
      showValidationWhenEmpty: e.showValidationWhenEmpty,
      ...w
    });
  }).setPropertyViewFn((e) => /* @__PURE__ */ l(d, {
    children: [/* @__PURE__ */ t($, {
      ...e
    }), /* @__PURE__ */ t(D, {
      ...e
    }), ["layout", "both"].includes(p(y).editorModeStatus) && e.label.getPropertyView(), ["logic", "both"].includes(p(y).editorModeStatus) && /* @__PURE__ */ l(d, {
      children: [/* @__PURE__ */ t(L, {
        ...e
      }), /* @__PURE__ */ t(i, {
        name: o.layout,
        children: M(e)
      }), /* @__PURE__ */ l(i, {
        name: o.advanced,
        children: [e.visibilityToggle.propertyView({
          label: n("password.visibilityToggle")
        }), N(e), e.prefixIcon.propertyView({
          label: n("button.prefixIcon")
        })]
      }), /* @__PURE__ */ l(i, {
        name: o.validation,
        children: [O(e), e.showValidationWhenEmpty.propertyView({
          label: n("prop.showEmptyValidation")
        }), q(e), U(e), W(e), e.customRule.propertyView({})]
      })]
    }), ["layout", "both"].includes(p(y).editorModeStatus) && /* @__PURE__ */ l(d, {
      children: [/* @__PURE__ */ t(i, {
        name: o.style,
        children: e.style.getPropertyView()
      }), /* @__PURE__ */ t(i, {
        name: o.labelStyle,
        children: e.labelStyle.getPropertyView()
      }), /* @__PURE__ */ t(i, {
        name: o.inputFieldStyle,
        children: e.inputFieldStyle.getPropertyView()
      }), /* @__PURE__ */ t(i, {
        name: o.animationStyle,
        hasTooltip: !0,
        children: e.animationStyle.getPropertyView()
      })]
    })]
  })).build();
}();
u = _(u, z);
const Y = J(u, K), ae = j(Y, [new B("value", n("export.inputValueDesc")), H, A, ...G]);
export {
  ae as PasswordComp
};
