import { X as S, N as b, w as g, Y as n, P as c, a3 as x, O as f, L as V, Z as s, c2 as P, c3 as C, dA as h, az as I, U as T, F as t, bU as F, a6 as l, G as y, af as d, a7 as i, a8 as o, a9 as v, dC as E, ca as $, dG as R, dH as D, dI as L, aa as M, ac as N, dD as O, dE as U, cd as q, dJ as A, bS as B } from "./603b75d9.js";
import { useContext as p } from "react";
import { FormDataPropertyView as W } from "./f9847c56.js";
import { getStyle as j, textInputChildren as G, useTextInputProps as H, TextInputBasicSection as k, TextInputInteractionSection as z, TextInputConfigs as J, TextInputValidationOptions as X, inputRefMethods as Y, fixOldInputCompData as Z } from "./41aba172.js";
import "react-dom";
const _ = S(A)`
  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 && j(a.$style)}
`;
let u = function() {
  const a = {
    ...G,
    viewRef: b,
    label: g(c, {
      text: n("password.label")
    }),
    validationType: x(X, "Regex"),
    visibilityToggle: f.DEFAULT_TRUE,
    prefixIcon: V,
    style: s(P, "style"),
    labelStyle: s(C, "labelStyle"),
    inputFieldStyle: s(h, "inputFieldStyle"),
    animationStyle: s(I, "animationStyle")
  };
  return new T(a, (e, r) => {
    const [m, w] = H(e);
    return e.label({
      required: e.required,
      children: /* @__PURE__ */ t(_, {
        prefix: F(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(y, {
    children: [/* @__PURE__ */ t(k, {
      ...e
    }), /* @__PURE__ */ t(W, {
      ...e
    }), ["layout", "both"].includes(p(d).editorModeStatus) && e.label.getPropertyView(), ["logic", "both"].includes(p(d).editorModeStatus) && /* @__PURE__ */ l(y, {
      children: [/* @__PURE__ */ t(z, {
        ...e
      }), /* @__PURE__ */ t(i, {
        name: o.layout,
        children: v(e)
      }), /* @__PURE__ */ l(i, {
        name: o.advanced,
        children: [e.visibilityToggle.propertyView({
          label: n("password.visibilityToggle")
        }), E(e), e.prefixIcon.propertyView({
          label: n("button.prefixIcon")
        })]
      }), /* @__PURE__ */ l(i, {
        name: o.validation,
        children: [$(e), e.showValidationWhenEmpty.propertyView({
          label: n("prop.showEmptyValidation")
        }), R(e), D(e), L(e), e.customRule.propertyView({})]
      })]
    }), ["layout", "both"].includes(p(d).editorModeStatus) && /* @__PURE__ */ l(y, {
      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 = B(u, Z);
const K = q(u, Y), oe = M(K, [new N("value", n("export.inputValueDesc")), O, U, ...J]);
export {
  oe as PasswordComp
};
