@progress/kendo-vue-common/unstyled/inputs.mjs

Kendo UI for Vue Common Utilities package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { getClassByName as R } from "./common.mjs";
import { base as e, inputs as f, elements as j, containers as z, states as u, sizeMap as c, roundedMap as x, fillModeMap as v, orientationMap as h } from "./json-classes.mjs";
const d = `${e.prefix}-${f.input}`, A = `${e.prefix}-${f.maskedtextbox}`, m = `${e.prefix}-${f.radio}`, D = `${e.prefix}-${f.textbox}`, C = `${e.prefix}-${f.input}-${f.prefix}`, g = `${e.prefix}-${f.input}-${f.suffix}`, B = {
  input: {
    radio: m,
    size: {
      prefix: `${m}-`,
      small: `${m}-${c.small}`,
      medium: `${m}-${c.medium}`,
      large: `${m}-${c.large}`
    },
    invalid: `${e.prefix}-${u.invalid}`,
    checked: `${e.prefix}-${u.checked}`
  },
  wrap: `${m}-${z.wrap}`,
  label: `${m}-${j.label}`
}, H = {
  input: (o) => {
    var s;
    const { size: t, invalid: a, checked: l, c: $ = B } = o, n = $.input;
    return {
      [n == null ? void 0 : n.radio]: !0,
      [n == null ? void 0 : n.size[t]]: n == null ? void 0 : n.size[t],
      [`${(s = n == null ? void 0 : n.size) == null ? void 0 : s.prefix}${t}`]: t && !(n != null && n.size[t]),
      [n == null ? void 0 : n.invalid]: a,
      [n == null ? void 0 : n.checked]: l
    };
  },
  label: (o) => {
    const { c: t = B } = o;
    return {
      [t == null ? void 0 : t.label]: !0
    };
  },
  wrap: (o) => {
    const { c: t = B } = o;
    return {
      [t == null ? void 0 : t.wrap]: !0
    };
  }
}, N = {
  ul: {
    main: `${m}-${z.list}`,
    horizontal: `${e.prefix}-${z.list}-${u.horizontal}`,
    vertical: `${e.prefix}-${z.list}-${u.vertical}`
  },
  item: {
    main: `${m}-${z.list}-${z.item}`,
    disabled: `${e.prefix}-${u.disabled}`
  }
}, J = {
  ul: (o) => {
    const { horizontal: t, vertical: a, c: l = N } = o, $ = l.ul;
    return {
      [$ == null ? void 0 : $.main]: !0,
      [$ == null ? void 0 : $.horizontal]: t,
      [$ == null ? void 0 : $.vertical]: a
    };
  },
  item: (o) => {
    const { disabled: t, c: a = N } = o, l = a.item;
    return {
      [l == null ? void 0 : l.main]: !0,
      [l == null ? void 0 : l.disabled]: t
    };
  }
}, P = {
  wrapper: {
    main: A,
    input: d,
    size: {
      small: `${d}-${c.small}`,
      medium: `${d}-${c.medium}`,
      large: `${d}-${c.large}`
    },
    fillMode: {
      solid: `${d}-${v.solid}`,
      outline: `${d}-${v.outline}`,
      flat: `${d}-${v.flat}`
    },
    rounded: {
      small: `${e.prefix}-${e.rounded}-${x.small}`,
      medium: `${e.prefix}-${e.rounded}-${x.medium}`,
      large: `${e.prefix}-${e.rounded}-${x.large}`
    },
    disabled: `${e.prefix}-${u.disabled}`,
    invalid: `${e.prefix}-${u.invalid}`,
    isRtl: `${e.prefix}-${e.rtl}`
  },
  inputInner: `${d}-${f.inner}`
}, K = {
  wrapper: (o) => {
    var b, M, i, k, q, T, G, y;
    const { invalid: t, disabled: a, size: l, fillMode: $, rounded: n, c: s = P } = o, r = s.wrapper;
    return {
      [r.main]: !0,
      [r.input]: !0,
      [(b = r.size) == null ? void 0 : b[l]]: (M = r.size) == null ? void 0 : M[l],
      [`${d}-${l}`]: !((i = r.size) != null && i[l]),
      [(k = r.fillMode) == null ? void 0 : k[$]]: (q = r.fillMode) == null ? void 0 : q[$],
      [(T = r.rounded) == null ? void 0 : T[n]]: (G = r.rounded) == null ? void 0 : G[n],
      [`${e.prefix}-${e.rounded}-${n}`]: n && !((y = r.rounded) != null && y[n]),
      [r.disabled]: a,
      [r.invalid]: t
    };
  },
  inputInner: R(P, "inputInner")
}, p = {
  wrapper: {
    main: D,
    input: d,
    size: {
      small: `${d}-${c.small}`,
      medium: `${d}-${c.medium}`,
      large: `${d}-${c.large}`
    },
    fillMode: {
      solid: `${d}-${v.solid}`,
      outline: `${d}-${v.outline}`,
      flat: `${d}-${v.flat}`
    },
    rounded: {
      small: `${e.prefix}-${e.rounded}-${x.small}`,
      medium: `${e.prefix}-${e.rounded}-${x.medium}`,
      large: `${e.prefix}-${e.rounded}-${x.large}`
    },
    disabled: `${e.prefix}-${u.disabled}`,
    focused: `${e.prefix}-${u.focus}`,
    required: `${e.prefix}-${u.required}`,
    invalid: `${e.prefix}-${u.invalid}`,
    isRtl: `${e.prefix}-${e.rtl}`
  },
  inputInner: `${d}-${f.inner}`,
  prefix: {
    main: C,
    orientation: {
      horizontal: `${C}-${h.horizontal}`,
      vertical: `${C}-${h.vertical}`
    }
  },
  suffix: {
    main: g,
    orientation: {
      horizontal: `${g}-${h.horizontal}`,
      vertical: `${g}-${h.vertical}`
    }
  }
}, L = {
  wrapper: (o) => {
    const { disabled: t, invalid: a, focused: l, required: $, size: n, fillMode: s, rounded: r, isRtl: b, c: M = p } = o, i = M.wrapper;
    return {
      [i == null ? void 0 : i.main]: !0,
      [i == null ? void 0 : i.input]: !0,
      [i == null ? void 0 : i.size[n]]: i == null ? void 0 : i.size[n],
      [`${d}-${n}`]: n && !(i != null && i.size[n]),
      [i == null ? void 0 : i.fillMode[s]]: i == null ? void 0 : i.fillMode[s],
      [i == null ? void 0 : i.rounded[r]]: i == null ? void 0 : i.rounded[r],
      [`${e.prefix}-${e.rounded}-${r}`]: r && !(i != null && i.rounded[r]),
      [i == null ? void 0 : i.disabled]: t,
      [i == null ? void 0 : i.focused]: l,
      [i == null ? void 0 : i.required]: $,
      [i == null ? void 0 : i.invalid]: a,
      [i == null ? void 0 : i.isRtl]: b
    };
  },
  inputInner: R(p, "inputInner"),
  prefix: (o) => {
    var $, n;
    const { orientation: t, c: a = p } = o, l = a.prefix;
    return {
      [l.main]: !0,
      [($ = l.orientation) == null ? void 0 : $[t]]: (n = l.orientation) == null ? void 0 : n[t]
    };
  },
  suffix: (o) => {
    var $, n;
    const { orientation: t, c: a = p } = o, l = a.suffix;
    return {
      [l == null ? void 0 : l.main]: !0,
      [($ = l == null ? void 0 : l.orientation) == null ? void 0 : $[t]]: (n = l == null ? void 0 : l.orientation) == null ? void 0 : n[t]
    };
  }
}, S = {
  input: {
    main: `${d} ${d}-${c.medium} ${e.prefix}-${e.rounded}-${x.medium} ${d}-${v.solid}`,
    disabled: `${e.prefix}-${u.disabled}`,
    required: `${e.prefix}-${u.required}`,
    invalid: `${e.prefix}-${u.invalid}`,
    isRtl: `${e.prefix}-${e.rtl}`
  },
  clearButton: `${e.prefix}-${e.clear}-${e.value}`
}, O = {
  input: (o) => {
    const { disabled: t, invalid: a, required: l, isRtl: $, c: n = S } = o, s = n.input;
    return {
      [s == null ? void 0 : s.main]: !0,
      [s == null ? void 0 : s.disabled]: t,
      [s == null ? void 0 : s.required]: l,
      [s == null ? void 0 : s.invalid]: a,
      [s == null ? void 0 : s.isRtl]: $
    };
  },
  clearButton: R(S, "clearButton")
};
export {
  B as radioButtonClasses,
  N as radioGroupClasses,
  O as uInput,
  K as uMaskedTextBox,
  H as uRadioButton,
  J as uRadioGroup,
  L as uTextBox
};