@elcrm/form 0.0.78 → 0.0.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/README.md +16 -2
  2. package/dist/assets/styles/Color.module.css +1 -0
  3. package/dist/core/Field.js +1 -1
  4. package/dist/dark.css +5 -0
  5. package/dist/fields/Color.d.ts +24 -0
  6. package/dist/fields/Color.js +444 -0
  7. package/dist/index.d.ts +3 -0
  8. package/dist/index.js +7 -6
  9. package/dist/index.umd.js +2 -2
  10. package/dist/light.css +5 -0
  11. package/dist/package.js +1 -1
  12. package/dist/style.css +2 -0
  13. package/dist/styles/Color.module.js +27 -0
  14. package/package.json +2 -2
package/README.md CHANGED
@@ -191,9 +191,23 @@ import { useForm } from "@elcrm/form/hooks/use";
191
191
 
192
192
  ## Экспорт компонентов (корень пакета)
193
193
 
194
- `StringField`, `PasswordField`, `TextareaField`, `NumberField`, `MoneyField`, `MaskField`, `PhoneField`, `DateField`, `TimeField`, `SelectField`, `RangeField`, `CheckField`, `ModalField`, `OptionsField`, **`Form`**, хуки **`useForm`**, **`useFormField`**, **`useFormFieldState`**, **`useFormInit`**.
194
+ `StringField`, `PasswordField`, `TextareaField`, `NumberField`, `MoneyField`, `MaskField`, `PhoneField`, `DateField`, `TimeField`, `SelectField`, `RangeField`, `CheckField`, `ColorField`, `ModalField`, `OptionsField`, **`Form`**, хуки **`useForm`**, **`useFormField`**, **`useFormFieldState`**, **`useFormInit`**.
195
195
 
196
- Типы: **`TInput`**, **`TPasswordField`**, **`TCheck`**, **`TValue`**, **`TFieldFormBindings`**, **`TFieldPresentation`**, **`UseFormApi`**, **`FormInitProps`**, **`TModalOpenPayload`** и др.
196
+ Типы: **`TInput`**, **`TPasswordField`**, **`TCheck`**, **`TColor`**, **`TValue`**, **`TFieldFormBindings`**, **`TFieldPresentation`**, **`UseFormApi`**, **`FormInitProps`**, **`TModalOpenPayload`** и др.
197
+
198
+ ### `ColorField`
199
+
200
+ Пикер цвета (SV + hue + opacity + Hex) и палитра кружков в портале, как у Select.
201
+
202
+ ```tsx
203
+ import { ColorField, useForm } from "@elcrm/form";
204
+
205
+ const form = useForm({ accent: "#C11F3E" });
206
+
207
+ <ColorField name="accent" form={form} label="Цвет" />
208
+ ```
209
+
210
+ Значение — строка hex (`#RRGGBB` или `#RRGGBBAA` при alpha &lt; 100%). Свои пресеты: проп **`colors`**; отключить opacity: **`alpha={false}`**.
197
211
 
198
212
  ## Лицензия
199
213
 
package/dist/assets/styles/Color.module.css ADDED
@@ -0,0 +1 @@
1
+ :root{--color-picker-width:260px;--color-picker-radius:16px;--color-picker-pad:10px;--color-picker-swatch:20px;--color-picker-input-radius:5px;--color-picker-handle:14px}._o_ftvr3_14{z-index:98;background:var(--select-overlay,transparent);position:fixed;inset:0}._panel_ftvr3_21{z-index:99;box-sizing:border-box;width:var(--color-picker-width);padding:var(--color-picker-pad);background:var(--select-background,#2c2c2e);color:var(--select-color,#fff);border-radius:var(--color-picker-radius);flex-direction:column;gap:8px;display:flex;position:fixed;box-shadow:0 8px 28px #00000059}._sv_ftvr3_37{aspect-ratio:1/.55;cursor:crosshair;touch-action:none;border-radius:8px;width:100%;max-height:140px;position:relative;overflow:hidden}._svWhite_ftvr3_48{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}._svBlack_ftvr3_54{background:linear-gradient(#0000,#000);position:absolute;inset:0}._handle_ftvr3_60{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000059}._slidersRow_ftvr3_72{align-items:center;gap:8px;display:flex}._eyedropper_ftvr3_78{border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);width:26px;height:26px;color:var(--field-icon-color,#8e8e93);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._eyedropper_ftvr3_78:hover{color:var(--field-color,#fff)}._sliders_ftvr3_72{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}._slider_ftvr3_72{cursor:pointer;touch-action:none;border-radius:999px;height:10px;position:relative}._sliderHue_ftvr3_113{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._sliderAlpha_ftvr3_117{background-image:linear-gradient(to right, transparent, var(--alpha-color,#fff)), linear-gradient(45deg, #777 25%, transparent 25%), linear-gradient(-45deg, #777 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #777 75%), linear-gradient(-45deg, transparent 75%, #777 75%);background-color:#bbb;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px}._sliderHandle_ftvr3_125{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059}._inputs_ftvr3_139{align-items:center;gap:6px;display:flex}._format_ftvr3_145{color:var(--field-placeholder,#8e8e93);flex:none;padding:0 2px;font-size:12px}._input_ftvr3_139{box-sizing:border-box;border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);min-width:0;height:28px;color:var(--field-color,#fff);font:inherit;border:none;outline:none;flex:1;padding:0 8px;font-size:13px}._input_ftvr3_139:focus{box-shadow:0 0 0 2px var(--field-focus-ring,#fff3)}._inputAlpha_ftvr3_171{text-align:center;flex:0 0 56px}._palette_ftvr3_176{grid-template-columns:repeat(8,1fr);place-items:center;gap:4px;padding:0;display:grid}._swatchBtn_ftvr3_185{width:var(--color-picker-swatch);height:var(--color-picker-swatch);cursor:pointer;background:var(--swatch,#888);border:none;border-radius:50%;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}._swatchBtn_ftvr3_185[aria-checked=true]{z-index:1;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px var(--select-background,#2c2c2e), 0 0 0 3px #ffffff59;transform:scale(1.35)}._swatchBtn_ftvr3_185:disabled{cursor:not-allowed;opacity:.5}._trigger_ftvr3_210{cursor:pointer;align-items:center;gap:var(--field-icon-gap,10px);min-width:0;height:var(--field-height,44px);flex:1;display:flex}._trigger_ftvr3_210[aria-disabled=true]{cursor:not-allowed}._preview_ftvr3_224{background-color:var(--preview-color,transparent);background-image:linear-gradient(var(--preview-color,transparent), var(--preview-color,transparent)), linear-gradient(45deg, #c6c6c8 25%, transparent 25%), linear-gradient(-45deg, #c6c6c8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #c6c6c8 75%), linear-gradient(-45deg, transparent 75%, #c6c6c8 75%);background-position:0 0,0 0,0 3px,3px -3px,-3px 0;background-size:100% 100%,6px 6px,6px 6px,6px 6px,6px 6px;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026}._hexText_ftvr3_237{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--control-font-size,17px);flex:1;overflow:hidden}._placeholder_ftvr3_246{color:var(--field-placeholder,#8e8e93);font-weight:400}
package/dist/core/Field.js CHANGED
@@ -5,7 +5,7 @@
5
5
  var el = document.createElement("style");
6
6
  el.id = "elcrm-form-base-styles";
7
7
  el.setAttribute("data-elcrm", "form");
8
- el.textContent = "._l_1to3e_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1to3e_2>dt,._l_1to3e_2>dd{margin:0}._l_1to3e_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1to3e_2[data-field=group] div:last-child{border-bottom:0}._l_1to3e_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_1to3e_2 [placeholder]:focus:before{display:none}._f_1to3e_38{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--control-inner-padding,0 var(--field-side-padding,14px));transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_1to3e_38:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1to3e_38:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_1to3e_38._e_1to3e_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1to3e_38[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_1to3e_38[data-disabled=true]>*{cursor:not-allowed}._f_1to3e_38>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}._f_1to3e_38>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1to3e_38>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1to3e_38>:not(div) svg{width:20px;height:20px}._f_1to3e_38 input::placeholder,._f_1to3e_38 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1to3e_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_1to3e_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_1to3e_134>div::-webkit-scrollbar{width:0;height:0}._time_1to3e_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1to3e_144 ._timeInner_1to3e_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timeInner_1to3e_151{justify-content:center}._time_1to3e_144 ._timeSep_1to3e_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1to3e_144 ._timePart_1to3e_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_1to3e_144 ._timePart_1to3e_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1to3e_144 ._timePart_1to3e_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1to3e_144 ._timePart_1to3e_176:focus:empty:before{content:none}._time_1to3e_144 ._timePart_1to3e_176:focus-visible{background:0 0}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timePart_1to3e_176{text-align:center}._t_1to3e_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1to3e_223{color:var(--field-icon-color,var(--field-placeholder));font-size:inherit;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}._g_1to3e_237{flex-direction:column}._range_1to3e_241>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1to3e_241 ._rangeTrack_1to3e_250{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_1to3e_241 ._rangeTrack_1to3e_250:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1to3e_241 ._rangeTrack_1to3e_250[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1to3e_241 ._rangeFill_1to3e_271{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1to3e_241 ._rangeFillFull_1to3e_282{border-radius:999px}._checkbox_1to3e_286>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1to3e_295{width:100%;min-height:var(--field-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:flex-start;gap:12px;margin:0;padding:10px 0;display:flex}._checkControl_1to3e_295:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1to3e_295[aria-disabled=true]{cursor:not-allowed}._checkBox_1to3e_319{border:var(--field-check-box-border,var(--field-border));background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}._checkMark_1to3e_332{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}._checkText_1to3e_341{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1to3e_295[aria-checked=true] ._checkBox_1to3e_319{background:var(--field-background-active)}._h_1to3e_354{--field-border:0}._h_1to3e_354 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_1to3e_354 div[aria-checked=true]{background:var(--field-background-active)}._h_1to3e_354 div:after{content:\"\";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_1to3e_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1to3e_393{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:\"\";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}\n\n:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}\n";
8
+ el.textContent = "._l_1to3e_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1to3e_2>dt,._l_1to3e_2>dd{margin:0}._l_1to3e_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1to3e_2[data-field=group] div:last-child{border-bottom:0}._l_1to3e_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_1to3e_2 [placeholder]:focus:before{display:none}._f_1to3e_38{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--control-inner-padding,0 var(--field-side-padding,14px));transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_1to3e_38:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1to3e_38:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_1to3e_38._e_1to3e_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1to3e_38[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_1to3e_38[data-disabled=true]>*{cursor:not-allowed}._f_1to3e_38>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}._f_1to3e_38>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1to3e_38>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1to3e_38>:not(div) svg{width:20px;height:20px}._f_1to3e_38 input::placeholder,._f_1to3e_38 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1to3e_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_1to3e_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_1to3e_134>div::-webkit-scrollbar{width:0;height:0}._time_1to3e_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1to3e_144 ._timeInner_1to3e_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timeInner_1to3e_151{justify-content:center}._time_1to3e_144 ._timeSep_1to3e_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1to3e_144 ._timePart_1to3e_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_1to3e_144 ._timePart_1to3e_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1to3e_144 ._timePart_1to3e_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1to3e_144 ._timePart_1to3e_176:focus:empty:before{content:none}._time_1to3e_144 ._timePart_1to3e_176:focus-visible{background:0 0}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timePart_1to3e_176{text-align:center}._t_1to3e_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1to3e_223{color:var(--field-icon-color,var(--field-placeholder));font-size:inherit;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}._g_1to3e_237{flex-direction:column}._range_1to3e_241>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1to3e_241 ._rangeTrack_1to3e_250{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_1to3e_241 ._rangeTrack_1to3e_250:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1to3e_241 ._rangeTrack_1to3e_250[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1to3e_241 ._rangeFill_1to3e_271{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1to3e_241 ._rangeFillFull_1to3e_282{border-radius:999px}._checkbox_1to3e_286>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1to3e_295{width:100%;min-height:var(--field-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:flex-start;gap:12px;margin:0;padding:10px 0;display:flex}._checkControl_1to3e_295:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1to3e_295[aria-disabled=true]{cursor:not-allowed}._checkBox_1to3e_319{border:var(--field-check-box-border,var(--field-border));background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}._checkMark_1to3e_332{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}._checkText_1to3e_341{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1to3e_295[aria-checked=true] ._checkBox_1to3e_319{background:var(--field-background-active)}._h_1to3e_354{--field-border:0}._h_1to3e_354 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_1to3e_354 div[aria-checked=true]{background:var(--field-background-active)}._h_1to3e_354 div:after{content:\"\";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_1to3e_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1to3e_393{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:\"\";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}\n\n:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}\n\n:root{--color-picker-width:260px;--color-picker-radius:16px;--color-picker-pad:10px;--color-picker-swatch:20px;--color-picker-input-radius:5px;--color-picker-handle:14px}._o_ftvr3_14{z-index:98;background:var(--select-overlay,transparent);position:fixed;inset:0}._panel_ftvr3_21{z-index:99;box-sizing:border-box;width:var(--color-picker-width);padding:var(--color-picker-pad);background:var(--select-background,#2c2c2e);color:var(--select-color,#fff);border-radius:var(--color-picker-radius);flex-direction:column;gap:8px;display:flex;position:fixed;box-shadow:0 8px 28px #00000059}._sv_ftvr3_37{aspect-ratio:1/.55;cursor:crosshair;touch-action:none;border-radius:8px;width:100%;max-height:140px;position:relative;overflow:hidden}._svWhite_ftvr3_48{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}._svBlack_ftvr3_54{background:linear-gradient(#0000,#000);position:absolute;inset:0}._handle_ftvr3_60{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000059}._slidersRow_ftvr3_72{align-items:center;gap:8px;display:flex}._eyedropper_ftvr3_78{border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);width:26px;height:26px;color:var(--field-icon-color,#8e8e93);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._eyedropper_ftvr3_78:hover{color:var(--field-color,#fff)}._sliders_ftvr3_72{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}._slider_ftvr3_72{cursor:pointer;touch-action:none;border-radius:999px;height:10px;position:relative}._sliderHue_ftvr3_113{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._sliderAlpha_ftvr3_117{background-image:linear-gradient(to right, transparent, var(--alpha-color,#fff)), linear-gradient(45deg, #777 25%, transparent 25%), linear-gradient(-45deg, #777 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #777 75%), linear-gradient(-45deg, transparent 75%, #777 75%);background-color:#bbb;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px}._sliderHandle_ftvr3_125{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059}._inputs_ftvr3_139{align-items:center;gap:6px;display:flex}._format_ftvr3_145{color:var(--field-placeholder,#8e8e93);flex:none;padding:0 2px;font-size:12px}._input_ftvr3_139{box-sizing:border-box;border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);min-width:0;height:28px;color:var(--field-color,#fff);font:inherit;border:none;outline:none;flex:1;padding:0 8px;font-size:13px}._input_ftvr3_139:focus{box-shadow:0 0 0 2px var(--field-focus-ring,#fff3)}._inputAlpha_ftvr3_171{text-align:center;flex:0 0 56px}._palette_ftvr3_176{grid-template-columns:repeat(8,1fr);place-items:center;gap:4px;padding:0;display:grid}._swatchBtn_ftvr3_185{width:var(--color-picker-swatch);height:var(--color-picker-swatch);cursor:pointer;background:var(--swatch,#888);border:none;border-radius:50%;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}._swatchBtn_ftvr3_185[aria-checked=true]{z-index:1;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px var(--select-background,#2c2c2e), 0 0 0 3px #ffffff59;transform:scale(1.35)}._swatchBtn_ftvr3_185:disabled{cursor:not-allowed;opacity:.5}._trigger_ftvr3_210{cursor:pointer;align-items:center;gap:var(--field-icon-gap,10px);min-width:0;height:var(--field-height,44px);flex:1;display:flex}._trigger_ftvr3_210[aria-disabled=true]{cursor:not-allowed}._preview_ftvr3_224{background-color:var(--preview-color,transparent);background-image:linear-gradient(var(--preview-color,transparent), var(--preview-color,transparent)), linear-gradient(45deg, #c6c6c8 25%, transparent 25%), linear-gradient(-45deg, #c6c6c8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #c6c6c8 75%), linear-gradient(-45deg, transparent 75%, #c6c6c8 75%);background-position:0 0,0 0,0 3px,3px -3px,-3px 0;background-size:100% 100%,6px 6px,6px 6px,6px 6px,6px 6px;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026}._hexText_ftvr3_237{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--control-font-size,17px);flex:1;overflow:hidden}._placeholder_ftvr3_246{color:var(--field-placeholder,#8e8e93);font-weight:400}\n";
9
9
  document.head.appendChild(el);
10
10
  })();
11
11
 
package/dist/dark.css CHANGED
@@ -61,4 +61,9 @@
61
61
  --color-placeholder: #8e8e93;
62
62
  --bg-select-hover: #48484a;
63
63
  --bg-select-active: rgba(255, 255, 255, 0.12);
64
+
65
+ /* ColorField popup */
66
+ --color-picker-width: 260px;
67
+ --color-picker-radius: 16px;
68
+ --color-picker-input-radius: 5px;
64
69
  }
package/dist/fields/Color.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ import { TInput } from './type';
2
+ /** Встроенная палитра (6 колонок), близкая к пресетам UI */
3
+ export declare const DEFAULT_COLOR_PALETTE: string[];
4
+ type Hsva = {
5
+ h: number;
6
+ s: number;
7
+ v: number;
8
+ a: number;
9
+ };
10
+ /** #RGB / #RRGGBB / #RRGGBBAA → hsva */
11
+ export declare function parseHexColor(input: unknown): Hsva | null;
12
+ /** hsva → #RRGGBB или #RRGGBBAA (alpha &lt; 1) */
13
+ export declare function formatHexColor(hsva: Hsva, withAlpha: boolean): string;
14
+ export type TColor = TInput & {
15
+ /** Свои пресеты; иначе встроенная палитра */
16
+ colors?: string[];
17
+ /** Показывать слайдер opacity (по умолчанию true) */
18
+ alpha?: boolean;
19
+ };
20
+ declare function ColorField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, colors, alpha, }: TColor): import("react/jsx-runtime").JSX.Element | null;
21
+ declare namespace ColorField {
22
+ var displayName: string;
23
+ }
24
+ export default ColorField;
package/dist/fields/Color.js ADDED
@@ -0,0 +1,444 @@
1
+ import e from "../styles/Field.module.js";
2
+ import t from "../core/Field.js";
3
+ import { useFormFieldState as n } from "../hooks/use.js";
4
+ import r from "../styles/Color.module.js";
5
+ import i from "react";
6
+ import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
7
+ import { createPortal as c } from "react-dom";
8
+ //#region src/lib/fields/Color.tsx
9
+ var l = /* @__PURE__ */ "#FF2D55.#FF3B30.#FF453A.#FF6961.#FF8A80.#C11F3E.#AF52DE.#BF5AF2.#DA8FFF.#5856D6.#5E5CE6.#7D7AFF.#007AFF.#0A84FF.#409CFF.#64D2FF.#70D7FF.#5AC8FA.#32ADE6.#64D2FF.#40C8E0.#00C7BE.#63E6E2.#66D4CF.#34C759.#30D158.#30DB5B.#4CD964.#6DE6A0.#8EEDB3.#A8E10C.#B5F200.#D0FF00.#E4FF66.#F2FF99.#C6FF00.#FFCC00.#FFD60A.#FFEA00.#FFE066.#FFF3A3.#FFEB3B.#FF9500.#FF9F0A.#FFB340.#FFB340.#FFD580.#FF8C00.#A2845E.#AC8E68.#C4A484.#8E8E93.#636366.#48484A.#3A3A3C.#2C2C2E.#1C1C1E".split(".");
10
+ function u(e, t, n) {
11
+ return Math.min(n, Math.max(t, e));
12
+ }
13
+ function d(e) {
14
+ return Math.round(u(e, 0, 255)).toString(16).padStart(2, "0").toUpperCase();
15
+ }
16
+ function f(e, t, n) {
17
+ let r = (e % 360 + 360) % 360, i = n * t, a = i * (1 - Math.abs(r / 60 % 2 - 1)), o = n - i, s = 0, c = 0, l = 0;
18
+ return r < 60 ? [s, c, l] = [
19
+ i,
20
+ a,
21
+ 0
22
+ ] : r < 120 ? [s, c, l] = [
23
+ a,
24
+ i,
25
+ 0
26
+ ] : r < 180 ? [s, c, l] = [
27
+ 0,
28
+ i,
29
+ a
30
+ ] : r < 240 ? [s, c, l] = [
31
+ 0,
32
+ a,
33
+ i
34
+ ] : r < 300 ? [s, c, l] = [
35
+ a,
36
+ 0,
37
+ i
38
+ ] : [s, c, l] = [
39
+ i,
40
+ 0,
41
+ a
42
+ ], {
43
+ r: (s + o) * 255,
44
+ g: (c + o) * 255,
45
+ b: (l + o) * 255
46
+ };
47
+ }
48
+ function p(e, t, n) {
49
+ let r = e / 255, i = t / 255, a = n / 255, o = Math.max(r, i, a), s = o - Math.min(r, i, a), c = 0;
50
+ s !== 0 && (c = o === r ? (i - a) / s % 6 : o === i ? (a - r) / s + 2 : (r - i) / s + 4, c *= 60, c < 0 && (c += 360));
51
+ let l = o === 0 ? 0 : s / o;
52
+ return {
53
+ h: c,
54
+ s: l,
55
+ v: o
56
+ };
57
+ }
58
+ function m(e) {
59
+ if (typeof e != "string") return null;
60
+ let t = e.trim();
61
+ if (!t || (t[0] === "#" && (t = t.slice(1)), ![
62
+ 3,
63
+ 4,
64
+ 6,
65
+ 8
66
+ ].includes(t.length)) || !/^[0-9a-fA-F]+$/.test(t)) return null;
67
+ let n = 0, r = 0, i = 0, a = 1;
68
+ return t.length === 3 || t.length === 4 ? (n = parseInt(t[0] + t[0], 16), r = parseInt(t[1] + t[1], 16), i = parseInt(t[2] + t[2], 16), t.length === 4 && (a = parseInt(t[3] + t[3], 16) / 255)) : (n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16), t.length === 8 && (a = parseInt(t.slice(6, 8), 16) / 255)), {
69
+ ...p(n, r, i),
70
+ a
71
+ };
72
+ }
73
+ function h(e, t) {
74
+ let { r: n, g: r, b: i } = f(e.h, e.s, e.v), a = `#${d(n)}${d(r)}${d(i)}`;
75
+ return !t || e.a >= .999 ? a : `${a}${d(e.a * 255)}`;
76
+ }
77
+ function g(e) {
78
+ let { r: t, g: n, b: r } = f(e.h, e.s, e.v), i = Math.round(t), a = Math.round(n), o = Math.round(r);
79
+ return e.a >= .999 ? `rgb(${i}, ${a}, ${o})` : `rgba(${i}, ${a}, ${o}, ${Number(e.a.toFixed(3))})`;
80
+ }
81
+ function _(e) {
82
+ let { r: t, g: n, b: r } = f(e, 1, 1);
83
+ return `rgb(${Math.round(t)},${Math.round(n)},${Math.round(r)})`;
84
+ }
85
+ function v(e) {
86
+ let t = m(e);
87
+ return t ? h(t, t.a < .999) : e.toUpperCase();
88
+ }
89
+ function y(e) {
90
+ return e == null ? !0 : typeof e == "string" ? e.trim() === "" : !1;
91
+ }
92
+ function b() {
93
+ return typeof window < "u" && "EyeDropper" in window;
94
+ }
95
+ var x = {
96
+ h: 0,
97
+ s: 1,
98
+ v: .76,
99
+ a: 1
100
+ };
101
+ function S({ value: u = "", form: d, onValue: f, onBlur: p, name: g = "", placeholder: _ = "#000000", label: v = "", error: b = "", hidden: S = !1, disabled: w = !1, className: T = "", after: E = "", before: D = "", colors: O, alpha: k = !0 }) {
102
+ let { value: A } = n(d, g, u), j = typeof A == "string" ? A : A == null ? "" : String(A), [M, N] = i.useState(!1), [P, F] = i.useState(null), [I, L] = i.useState(() => m(j) ?? { ...x }), [R, z] = i.useState(() => h(m(j) ?? x, k)), B = O?.length ? O : l, V = m(j), H = V ?? (y(j) ? m(_) : null), U = V ? h(V, k) : "", W = H ? h(H, k) : "transparent";
103
+ i.useEffect(() => {
104
+ let e = m(j);
105
+ e && (L(e), z(h(e, k)));
106
+ }, [j, k]);
107
+ let G = i.useCallback((e, t) => {
108
+ let n = h(e, k), r = {
109
+ value: n,
110
+ name: g || ""
111
+ };
112
+ d && g && (t === "live" ? d.onValue(r) : d.setValue(r)), f && f !== d?.onValue && f(r), z(n);
113
+ }, [
114
+ k,
115
+ d,
116
+ g,
117
+ f
118
+ ]), K = (e) => {
119
+ if (w) return;
120
+ let t = m(j) ?? { ...I };
121
+ L(t), z(h(t, k)), F(e.getBoundingClientRect()), N(!0);
122
+ }, q = () => {
123
+ N(!1), p?.({
124
+ value: h(I, k),
125
+ name: g || ""
126
+ });
127
+ }, J = (e) => {
128
+ if (!w) {
129
+ if (!M && (e.key === "Enter" || e.key === " " || e.key === "ArrowDown")) {
130
+ e.preventDefault(), K(e.currentTarget);
131
+ return;
132
+ }
133
+ M && e.key === "Escape" && (e.preventDefault(), q());
134
+ }
135
+ };
136
+ return S && y(j) ? null : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s(t, {
137
+ type: "color",
138
+ label: v,
139
+ error: b,
140
+ element_blok: { className: [T || ""] },
141
+ element_input: {
142
+ className: [e.w],
143
+ props: { "data-disabled": w ? "true" : void 0 }
144
+ },
145
+ children: [
146
+ D ? /* @__PURE__ */ o("span", {
147
+ className: e.affix,
148
+ children: D
149
+ }) : null,
150
+ /* @__PURE__ */ s("div", {
151
+ className: r.trigger,
152
+ role: "combobox",
153
+ tabIndex: w ? -1 : 0,
154
+ "aria-expanded": M,
155
+ "aria-haspopup": "dialog",
156
+ "aria-disabled": w,
157
+ "aria-label": v || "Цвет",
158
+ onClick: (e) => K(e.currentTarget),
159
+ onKeyDown: J,
160
+ children: [/* @__PURE__ */ o("span", {
161
+ className: r.preview,
162
+ style: { "--preview-color": W }
163
+ }), /* @__PURE__ */ o("span", {
164
+ className: [r.hexText, U ? "" : r.placeholder].filter(Boolean).join(" "),
165
+ children: U || _
166
+ })]
167
+ }),
168
+ E ? /* @__PURE__ */ o("span", {
169
+ className: e.affix,
170
+ children: E
171
+ }) : null
172
+ ]
173
+ }), M && c(/* @__PURE__ */ o(C, {
174
+ parent: P || void 0,
175
+ hsva: I,
176
+ setHsva: L,
177
+ hexDraft: R,
178
+ setHexDraft: z,
179
+ alpha: k,
180
+ palette: B,
181
+ onLive: (e) => G(e, "live"),
182
+ onCommit: (e) => G(e, "commit"),
183
+ onClose: q
184
+ }), document.body)] });
185
+ }
186
+ S.displayName = "ColorField";
187
+ function C({ parent: e, hsva: t, setHsva: n, hexDraft: i, setHexDraft: c, alpha: l, palette: d, onLive: f, onCommit: p, onClose: _ }) {
188
+ if (!e) return null;
189
+ let y = l ? 340 : 300, x = window.innerHeight - e.bottom < y + 8 ? Math.max(8, e.top - y - 8) : Math.min(window.innerHeight - y - 8, e.bottom + 8), S = Math.min(Math.max(8, e.left), window.innerWidth - 260 - 8), C = g({
190
+ ...t,
191
+ a: 1
192
+ }), D = v(h(t, l)), k = (e, t) => {
193
+ n(e), t === "live" ? f(e) : p(e);
194
+ }, A = () => {
195
+ let e = m(i);
196
+ if (!e) {
197
+ c(h(t, l));
198
+ return;
199
+ }
200
+ k(e, "commit");
201
+ }, j = (e) => {
202
+ let n = e.replace(/[^\d]/g, ""), r = u(Number(n || 0), 0, 100);
203
+ k({
204
+ ...t,
205
+ a: r / 100
206
+ }, "commit");
207
+ }, M = async () => {
208
+ if (b()) try {
209
+ let e = window.EyeDropper, n = m((await new e().open()).sRGBHex);
210
+ n && k({
211
+ ...n,
212
+ a: t.a
213
+ }, "commit");
214
+ } catch {}
215
+ };
216
+ return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
217
+ className: r.o,
218
+ onClick: _,
219
+ "aria-hidden": !0
220
+ }), /* @__PURE__ */ s("div", {
221
+ className: r.panel,
222
+ role: "dialog",
223
+ "aria-label": "Выбор цвета",
224
+ style: {
225
+ top: x,
226
+ left: S,
227
+ width: 260
228
+ },
229
+ children: [
230
+ /* @__PURE__ */ o(w, {
231
+ hsva: t,
232
+ onChange: (e, n, r) => k({
233
+ ...t,
234
+ s: e,
235
+ v: n
236
+ }, r)
237
+ }),
238
+ /* @__PURE__ */ s("div", {
239
+ className: r.slidersRow,
240
+ children: [b() ? /* @__PURE__ */ o("button", {
241
+ type: "button",
242
+ className: r.eyedropper,
243
+ "aria-label": "Пипетка",
244
+ onClick: M,
245
+ children: /* @__PURE__ */ o(O, {})
246
+ }) : null, /* @__PURE__ */ s("div", {
247
+ className: r.sliders,
248
+ children: [/* @__PURE__ */ o(T, {
249
+ h: t.h,
250
+ onChange: (e, n) => k({
251
+ ...t,
252
+ h: e
253
+ }, n)
254
+ }), l ? /* @__PURE__ */ o(E, {
255
+ a: t.a,
256
+ color: C,
257
+ onChange: (e, n) => k({
258
+ ...t,
259
+ a: e
260
+ }, n)
261
+ }) : null]
262
+ })]
263
+ }),
264
+ /* @__PURE__ */ s("div", {
265
+ className: r.inputs,
266
+ children: [
267
+ /* @__PURE__ */ o("span", {
268
+ className: r.format,
269
+ children: "Hex"
270
+ }),
271
+ /* @__PURE__ */ o("input", {
272
+ className: r.input,
273
+ value: i.replace(/^#/, ""),
274
+ spellCheck: !1,
275
+ "aria-label": "Hex",
276
+ onChange: (e) => {
277
+ let t = e.target.value.replace(/[^0-9a-fA-F]/g, "");
278
+ c(t ? `#${t}` : "");
279
+ },
280
+ onBlur: A,
281
+ onKeyDown: (e) => {
282
+ e.key === "Enter" && (e.preventDefault(), e.target.blur());
283
+ }
284
+ }),
285
+ l ? /* @__PURE__ */ o("input", {
286
+ className: `${r.input} ${r.inputAlpha}`,
287
+ value: `${Math.round(t.a * 100)} %`,
288
+ "aria-label": "Прозрачность",
289
+ onChange: (e) => j(e.target.value),
290
+ onFocus: (e) => e.target.select()
291
+ }) : null
292
+ ]
293
+ }),
294
+ /* @__PURE__ */ o("div", {
295
+ className: r.palette,
296
+ role: "listbox",
297
+ "aria-label": "Палитра",
298
+ children: d.map((e) => {
299
+ let t = v(e) === D;
300
+ return /* @__PURE__ */ o("button", {
301
+ type: "button",
302
+ role: "option",
303
+ "aria-checked": t,
304
+ "aria-label": e,
305
+ className: r.swatchBtn,
306
+ style: { "--swatch": e },
307
+ onClick: () => {
308
+ let t = m(e);
309
+ t && k({
310
+ ...t,
311
+ a: l ? t.a : 1
312
+ }, "commit");
313
+ }
314
+ }, e);
315
+ })
316
+ })
317
+ ]
318
+ })] });
319
+ }
320
+ function w({ hsva: e, onChange: t }) {
321
+ let n = i.useRef(null), a = i.useRef(!1), c = i.useRef(t);
322
+ c.current = t;
323
+ let l = (t, r) => {
324
+ let i = n.current;
325
+ if (!i) return {
326
+ s: e.s,
327
+ v: e.v
328
+ };
329
+ let a = i.getBoundingClientRect();
330
+ return {
331
+ s: u((t - a.left) / a.width, 0, 1),
332
+ v: u(1 - (r - a.top) / a.height, 0, 1)
333
+ };
334
+ };
335
+ return i.useEffect(() => {
336
+ let e = (e) => {
337
+ if (!a.current) return;
338
+ let { s: t, v: n } = l(e.clientX, e.clientY);
339
+ c.current(t, n, "live");
340
+ }, t = (e) => {
341
+ if (!a.current) return;
342
+ a.current = !1;
343
+ let { s: t, v: n } = l(e.clientX, e.clientY);
344
+ c.current(t, n, "commit");
345
+ };
346
+ return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
347
+ window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
348
+ };
349
+ }, []), /* @__PURE__ */ s("div", {
350
+ ref: n,
351
+ className: r.sv,
352
+ style: { background: _(e.h) },
353
+ onPointerDown: (e) => {
354
+ a.current = !0;
355
+ let { s: t, v: n } = l(e.clientX, e.clientY);
356
+ c.current(t, n, "live");
357
+ },
358
+ children: [
359
+ /* @__PURE__ */ o("div", { className: r.svWhite }),
360
+ /* @__PURE__ */ o("div", { className: r.svBlack }),
361
+ /* @__PURE__ */ o("div", {
362
+ className: r.handle,
363
+ style: {
364
+ left: `${e.s * 100}%`,
365
+ top: `${(1 - e.v) * 100}%`,
366
+ background: g({
367
+ ...e,
368
+ a: 1
369
+ })
370
+ }
371
+ })
372
+ ]
373
+ });
374
+ }
375
+ function T({ h: e, onChange: t }) {
376
+ return /* @__PURE__ */ o(D, {
377
+ className: `${r.slider} ${r.sliderHue}`,
378
+ ratio: e / 360,
379
+ onRatio: (e, n) => t(e * 360, n),
380
+ handleColor: _(e)
381
+ });
382
+ }
383
+ function E({ a: e, color: t, onChange: n }) {
384
+ return /* @__PURE__ */ o(D, {
385
+ className: `${r.slider} ${r.sliderAlpha}`,
386
+ style: { "--alpha-color": t },
387
+ ratio: e,
388
+ onRatio: n,
389
+ handleColor: t
390
+ });
391
+ }
392
+ function D({ className: e, style: t, ratio: n, onRatio: a, handleColor: s }) {
393
+ let c = i.useRef(null), l = i.useRef(!1), d = (e, t) => {
394
+ let n = c.current;
395
+ if (!n) return;
396
+ let r = n.getBoundingClientRect();
397
+ a(u((e - r.left) / r.width, 0, 1), t);
398
+ };
399
+ return i.useEffect(() => {
400
+ let e = (e) => {
401
+ l.current && d(e.clientX, "live");
402
+ }, t = (e) => {
403
+ l.current && (l.current = !1, d(e.clientX, "commit"));
404
+ };
405
+ return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
406
+ window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
407
+ };
408
+ }, [a]), /* @__PURE__ */ o("div", {
409
+ ref: c,
410
+ className: e,
411
+ style: t,
412
+ onPointerDown: (e) => {
413
+ l.current = !0, d(e.clientX, "live");
414
+ },
415
+ children: /* @__PURE__ */ o("div", {
416
+ className: r.sliderHandle,
417
+ style: {
418
+ left: `${u(n, 0, 1) * 100}%`,
419
+ background: s
420
+ }
421
+ })
422
+ });
423
+ }
424
+ function O() {
425
+ return /* @__PURE__ */ s("svg", {
426
+ width: "16",
427
+ height: "16",
428
+ viewBox: "0 0 24 24",
429
+ fill: "none",
430
+ stroke: "currentColor",
431
+ strokeWidth: "2",
432
+ strokeLinecap: "round",
433
+ strokeLinejoin: "round",
434
+ "aria-hidden": !0,
435
+ children: [
436
+ /* @__PURE__ */ o("path", { d: "m2 22 1-1h3l9-9" }),
437
+ /* @__PURE__ */ o("path", { d: "M3 21v-3l9-9" }),
438
+ /* @__PURE__ */ o("path", { d: "m15 5 3 3" }),
439
+ /* @__PURE__ */ o("path", { d: "M17.5 2.5a2.12 2.12 0 0 1 3 3L12 14l-4 1 1-4Z" })
440
+ ]
441
+ });
442
+ }
443
+ //#endregion
444
+ export { l as DEFAULT_COLOR_PALETTE, S as default };
package/dist/index.d.ts CHANGED
@@ -14,11 +14,14 @@ export { default as SelectField } from './fields/Select';
14
14
  export { default as ModalField } from './fields/Modal';
15
15
  export { default as PasswordField } from './fields/Password';
16
16
  export { default as CheckField } from './fields/Check';
17
+ export { default as ColorField } from './fields/Color';
18
+ export { DEFAULT_COLOR_PALETTE } from './fields/Color';
17
19
  export { useForm, useFormField, useFormFieldState } from './hooks/use';
18
20
  export type { TInput, TValue, TPasswordField, TFieldFormBindings, TFieldPresentation, } from './fields/type';
19
21
  export type { TRange, TProgress } from './fields/Range';
20
22
  export type { TTime } from './fields/Time';
21
23
  export type { TCheck } from './fields/Check';
24
+ export type { TColor } from './fields/Color';
22
25
  export type { FormValues, UseFormApi, UseFormFieldStateResult, } from './hooks/use';
23
26
  export type { EditableFieldTarget, EditableClipboardEvent, } from './events/onEvent';
24
27
  export { asEditableClipboard } from './events/onEvent';
package/dist/index.js CHANGED
@@ -5,7 +5,7 @@
5
5
  var el = document.createElement("style");
6
6
  el.id = "elcrm-form-base-styles";
7
7
  el.setAttribute("data-elcrm", "form");
8
- el.textContent = "._l_1to3e_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1to3e_2>dt,._l_1to3e_2>dd{margin:0}._l_1to3e_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1to3e_2[data-field=group] div:last-child{border-bottom:0}._l_1to3e_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_1to3e_2 [placeholder]:focus:before{display:none}._f_1to3e_38{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--control-inner-padding,0 var(--field-side-padding,14px));transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_1to3e_38:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1to3e_38:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_1to3e_38._e_1to3e_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1to3e_38[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_1to3e_38[data-disabled=true]>*{cursor:not-allowed}._f_1to3e_38>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}._f_1to3e_38>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1to3e_38>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1to3e_38>:not(div) svg{width:20px;height:20px}._f_1to3e_38 input::placeholder,._f_1to3e_38 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1to3e_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_1to3e_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_1to3e_134>div::-webkit-scrollbar{width:0;height:0}._time_1to3e_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1to3e_144 ._timeInner_1to3e_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timeInner_1to3e_151{justify-content:center}._time_1to3e_144 ._timeSep_1to3e_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1to3e_144 ._timePart_1to3e_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_1to3e_144 ._timePart_1to3e_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1to3e_144 ._timePart_1to3e_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1to3e_144 ._timePart_1to3e_176:focus:empty:before{content:none}._time_1to3e_144 ._timePart_1to3e_176:focus-visible{background:0 0}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timePart_1to3e_176{text-align:center}._t_1to3e_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1to3e_223{color:var(--field-icon-color,var(--field-placeholder));font-size:inherit;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}._g_1to3e_237{flex-direction:column}._range_1to3e_241>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1to3e_241 ._rangeTrack_1to3e_250{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_1to3e_241 ._rangeTrack_1to3e_250:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1to3e_241 ._rangeTrack_1to3e_250[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1to3e_241 ._rangeFill_1to3e_271{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1to3e_241 ._rangeFillFull_1to3e_282{border-radius:999px}._checkbox_1to3e_286>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1to3e_295{width:100%;min-height:var(--field-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:flex-start;gap:12px;margin:0;padding:10px 0;display:flex}._checkControl_1to3e_295:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1to3e_295[aria-disabled=true]{cursor:not-allowed}._checkBox_1to3e_319{border:var(--field-check-box-border,var(--field-border));background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}._checkMark_1to3e_332{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}._checkText_1to3e_341{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1to3e_295[aria-checked=true] ._checkBox_1to3e_319{background:var(--field-background-active)}._h_1to3e_354{--field-border:0}._h_1to3e_354 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_1to3e_354 div[aria-checked=true]{background:var(--field-background-active)}._h_1to3e_354 div:after{content:\"\";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_1to3e_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1to3e_393{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:\"\";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}\n\n:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}\n";
8
+ el.textContent = "._l_1to3e_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1to3e_2>dt,._l_1to3e_2>dd{margin:0}._l_1to3e_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1to3e_2[data-field=group] div:last-child{border-bottom:0}._l_1to3e_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_1to3e_2 [placeholder]:focus:before{display:none}._f_1to3e_38{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--control-inner-padding,0 var(--field-side-padding,14px));transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_1to3e_38:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1to3e_38:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_1to3e_38._e_1to3e_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1to3e_38[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_1to3e_38[data-disabled=true]>*{cursor:not-allowed}._f_1to3e_38>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}._f_1to3e_38>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1to3e_38>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1to3e_38>:not(div) svg{width:20px;height:20px}._f_1to3e_38 input::placeholder,._f_1to3e_38 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1to3e_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_1to3e_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_1to3e_134>div::-webkit-scrollbar{width:0;height:0}._time_1to3e_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1to3e_144 ._timeInner_1to3e_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timeInner_1to3e_151{justify-content:center}._time_1to3e_144 ._timeSep_1to3e_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1to3e_144 ._timePart_1to3e_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_1to3e_144 ._timePart_1to3e_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1to3e_144 ._timePart_1to3e_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1to3e_144 ._timePart_1to3e_176:focus:empty:before{content:none}._time_1to3e_144 ._timePart_1to3e_176:focus-visible{background:0 0}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timePart_1to3e_176{text-align:center}._t_1to3e_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1to3e_223{color:var(--field-icon-color,var(--field-placeholder));font-size:inherit;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}._g_1to3e_237{flex-direction:column}._range_1to3e_241>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1to3e_241 ._rangeTrack_1to3e_250{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_1to3e_241 ._rangeTrack_1to3e_250:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1to3e_241 ._rangeTrack_1to3e_250[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1to3e_241 ._rangeFill_1to3e_271{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1to3e_241 ._rangeFillFull_1to3e_282{border-radius:999px}._checkbox_1to3e_286>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1to3e_295{width:100%;min-height:var(--field-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:flex-start;gap:12px;margin:0;padding:10px 0;display:flex}._checkControl_1to3e_295:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1to3e_295[aria-disabled=true]{cursor:not-allowed}._checkBox_1to3e_319{border:var(--field-check-box-border,var(--field-border));background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}._checkMark_1to3e_332{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}._checkText_1to3e_341{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1to3e_295[aria-checked=true] ._checkBox_1to3e_319{background:var(--field-background-active)}._h_1to3e_354{--field-border:0}._h_1to3e_354 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_1to3e_354 div[aria-checked=true]{background:var(--field-background-active)}._h_1to3e_354 div:after{content:\"\";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_1to3e_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1to3e_393{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:\"\";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}\n\n:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}\n\n:root{--color-picker-width:260px;--color-picker-radius:16px;--color-picker-pad:10px;--color-picker-swatch:20px;--color-picker-input-radius:5px;--color-picker-handle:14px}._o_ftvr3_14{z-index:98;background:var(--select-overlay,transparent);position:fixed;inset:0}._panel_ftvr3_21{z-index:99;box-sizing:border-box;width:var(--color-picker-width);padding:var(--color-picker-pad);background:var(--select-background,#2c2c2e);color:var(--select-color,#fff);border-radius:var(--color-picker-radius);flex-direction:column;gap:8px;display:flex;position:fixed;box-shadow:0 8px 28px #00000059}._sv_ftvr3_37{aspect-ratio:1/.55;cursor:crosshair;touch-action:none;border-radius:8px;width:100%;max-height:140px;position:relative;overflow:hidden}._svWhite_ftvr3_48{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}._svBlack_ftvr3_54{background:linear-gradient(#0000,#000);position:absolute;inset:0}._handle_ftvr3_60{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000059}._slidersRow_ftvr3_72{align-items:center;gap:8px;display:flex}._eyedropper_ftvr3_78{border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);width:26px;height:26px;color:var(--field-icon-color,#8e8e93);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._eyedropper_ftvr3_78:hover{color:var(--field-color,#fff)}._sliders_ftvr3_72{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}._slider_ftvr3_72{cursor:pointer;touch-action:none;border-radius:999px;height:10px;position:relative}._sliderHue_ftvr3_113{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._sliderAlpha_ftvr3_117{background-image:linear-gradient(to right, transparent, var(--alpha-color,#fff)), linear-gradient(45deg, #777 25%, transparent 25%), linear-gradient(-45deg, #777 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #777 75%), linear-gradient(-45deg, transparent 75%, #777 75%);background-color:#bbb;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px}._sliderHandle_ftvr3_125{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059}._inputs_ftvr3_139{align-items:center;gap:6px;display:flex}._format_ftvr3_145{color:var(--field-placeholder,#8e8e93);flex:none;padding:0 2px;font-size:12px}._input_ftvr3_139{box-sizing:border-box;border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);min-width:0;height:28px;color:var(--field-color,#fff);font:inherit;border:none;outline:none;flex:1;padding:0 8px;font-size:13px}._input_ftvr3_139:focus{box-shadow:0 0 0 2px var(--field-focus-ring,#fff3)}._inputAlpha_ftvr3_171{text-align:center;flex:0 0 56px}._palette_ftvr3_176{grid-template-columns:repeat(8,1fr);place-items:center;gap:4px;padding:0;display:grid}._swatchBtn_ftvr3_185{width:var(--color-picker-swatch);height:var(--color-picker-swatch);cursor:pointer;background:var(--swatch,#888);border:none;border-radius:50%;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}._swatchBtn_ftvr3_185[aria-checked=true]{z-index:1;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px var(--select-background,#2c2c2e), 0 0 0 3px #ffffff59;transform:scale(1.35)}._swatchBtn_ftvr3_185:disabled{cursor:not-allowed;opacity:.5}._trigger_ftvr3_210{cursor:pointer;align-items:center;gap:var(--field-icon-gap,10px);min-width:0;height:var(--field-height,44px);flex:1;display:flex}._trigger_ftvr3_210[aria-disabled=true]{cursor:not-allowed}._preview_ftvr3_224{background-color:var(--preview-color,transparent);background-image:linear-gradient(var(--preview-color,transparent), var(--preview-color,transparent)), linear-gradient(45deg, #c6c6c8 25%, transparent 25%), linear-gradient(-45deg, #c6c6c8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #c6c6c8 75%), linear-gradient(-45deg, transparent 75%, #c6c6c8 75%);background-position:0 0,0 0,0 3px,3px -3px,-3px 0;background-size:100% 100%,6px 6px,6px 6px,6px 6px,6px 6px;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026}._hexText_ftvr3_237{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--control-font-size,17px);flex:1;overflow:hidden}._placeholder_ftvr3_246{color:var(--field-placeholder,#8e8e93);font-weight:400}\n";
9
9
  document.head.appendChild(el);
10
10
  })();
11
11
 
@@ -27,12 +27,13 @@ import g from "./fields/Select.js";
27
27
  import _ from "./fields/Modal.js";
28
28
  import v from "./fields/Password.js";
29
29
  import y from "./fields/Check.js";
30
- import { Form as b } from "./Form.js";
30
+ import b, { DEFAULT_COLOR_PALETTE as x } from "./fields/Color.js";
31
+ import { Form as S } from "./Form.js";
31
32
  //#region src/lib/index.ts
32
- function x() {
33
+ function C() {
33
34
  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof self < "u" ? self : {};
34
35
  }
35
- var S = x();
36
- S.elcrm ||= {}, Object.assign(S.elcrm, { form: e.version });
36
+ var w = C();
37
+ w.elcrm ||= {}, Object.assign(w.elcrm, { form: e.version });
37
38
  //#endregion
38
- export { y as CheckField, c as DateField, b as Form, s as MaskField, _ as ModalField, o as MoneyField, m as NumberField, h as OptionsField, v as PasswordField, f as PhoneField, i as ProgressField, i as RangeField, g as SelectField, p as StringField, u as TextareaField, l as TimeField, a as asEditableClipboard, t as useForm, n as useFormField, r as useFormFieldState, d as useFormInit };
39
+ export { y as CheckField, b as ColorField, x as DEFAULT_COLOR_PALETTE, c as DateField, S as Form, s as MaskField, _ as ModalField, o as MoneyField, m as NumberField, h as OptionsField, v as PasswordField, f as PhoneField, i as ProgressField, i as RangeField, g as SelectField, p as StringField, u as TextareaField, l as TimeField, a as asEditableClipboard, t as useForm, n as useFormField, r as useFormFieldState, d as useFormInit };
package/dist/index.umd.js CHANGED
@@ -1,2 +1,2 @@
1
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`react/jsx-runtime`),require(`react-dom`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`react/jsx-runtime`,`react-dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t((e.elCRM=e.elCRM||{},e.elCRM.form={}),e.React,e[`react/jsx-runtime`],e.ReactDOM))})(this,function(e,t,n,r){var i=document.createElement(`style`);i.textContent=`._l_1to3e_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1to3e_2>dt,._l_1to3e_2>dd{margin:0}._l_1to3e_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1to3e_2[data-field=group] div:last-child{border-bottom:0}._l_1to3e_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_1to3e_2 [placeholder]:focus:before{display:none}._f_1to3e_38{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--control-inner-padding,0 var(--field-side-padding,14px));transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_1to3e_38:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1to3e_38:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_1to3e_38._e_1to3e_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1to3e_38[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_1to3e_38[data-disabled=true]>*{cursor:not-allowed}._f_1to3e_38>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}._f_1to3e_38>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1to3e_38>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1to3e_38>:not(div) svg{width:20px;height:20px}._f_1to3e_38 input::placeholder,._f_1to3e_38 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1to3e_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_1to3e_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_1to3e_134>div::-webkit-scrollbar{width:0;height:0}._time_1to3e_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1to3e_144 ._timeInner_1to3e_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timeInner_1to3e_151{justify-content:center}._time_1to3e_144 ._timeSep_1to3e_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1to3e_144 ._timePart_1to3e_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_1to3e_144 ._timePart_1to3e_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1to3e_144 ._timePart_1to3e_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1to3e_144 ._timePart_1to3e_176:focus:empty:before{content:none}._time_1to3e_144 ._timePart_1to3e_176:focus-visible{background:0 0}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timePart_1to3e_176{text-align:center}._t_1to3e_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1to3e_223{color:var(--field-icon-color,var(--field-placeholder));font-size:inherit;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}._g_1to3e_237{flex-direction:column}._range_1to3e_241>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1to3e_241 ._rangeTrack_1to3e_250{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_1to3e_241 ._rangeTrack_1to3e_250:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1to3e_241 ._rangeTrack_1to3e_250[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1to3e_241 ._rangeFill_1to3e_271{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1to3e_241 ._rangeFillFull_1to3e_282{border-radius:999px}._checkbox_1to3e_286>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1to3e_295{width:100%;min-height:var(--field-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:flex-start;gap:12px;margin:0;padding:10px 0;display:flex}._checkControl_1to3e_295:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1to3e_295[aria-disabled=true]{cursor:not-allowed}._checkBox_1to3e_319{border:var(--field-check-box-border,var(--field-border));background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}._checkMark_1to3e_332{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}._checkText_1to3e_341{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1to3e_295[aria-checked=true] ._checkBox_1to3e_319{background:var(--field-background-active)}._h_1to3e_354{--field-border:0}._h_1to3e_354 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_1to3e_354 div[aria-checked=true]{background:var(--field-background-active)}._h_1to3e_354 div:after{content:"";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_1to3e_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1to3e_393{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:"";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}
2
- /*$vite$:1*/`,document.head.appendChild(i),Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var a=Object.create,o=Object.defineProperty,s=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,l=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=c(t),a=0,l=i.length,d;a<l;a++)d=i[a],!u.call(e,d)&&d!==n&&o(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=s(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:a(l(e)),d(t||!e||!e.__esModule?o(n,`default`,{value:e,enumerable:!0}):n,e)))(t);var f={name:`@elcrm/form`,version:`0.0.78`,description:`React-компоненты полей формы и хук useForm для elCRM: текст, даты, маски, деньги, селект, связка с формой по имени поля (tree-shakeable ESM).`,type:`module`,author:`MaSkal <dev@elcrm.online>`,license:`MIT`,repository:{type:`git`,url:`git+https://github.com/elcrm-lib/elcrm.form.git`},bugs:{url:`https://github.com/elcrm-lib/elcrm.form/issues`},homepage:`https://www.npmjs.com/package/@elcrm/form`,publishConfig:{access:`public`},engines:{node:`>=18`},files:[`dist`],keywords:[`elcrm`,`form`,`react`,`fields`,`useForm`,`input`],sideEffects:[`./dist/index.js`,`./dist/core/Field.js`,`**/*.css`,`**/*.scss`,`**/*.module.scss`],main:`./dist/index.umd.js`,module:`./dist/index.js`,types:`./dist/index.d.ts`,exports:{".":{types:`./dist/index.d.ts`,import:`./dist/index.js`,require:`./dist/index.umd.js`},"./fields/*":{types:`./dist/fields/*.d.ts`,import:`./dist/fields/*.js`},"./hooks/*":{types:`./dist/hooks/*.d.ts`,import:`./dist/hooks/*.js`},"./events/*":{types:`./dist/events/*.d.ts`,import:`./dist/events/*.js`},"./core/*":{types:`./dist/core/*.d.ts`,import:`./dist/core/*.js`},"./mask/*":{types:`./dist/mask/*.d.ts`,import:`./dist/mask/*.js`},"./Form":{types:`./dist/Form.d.ts`,import:`./dist/Form.js`},"./FormInitContext":{types:`./dist/FormInitContext.d.ts`,import:`./dist/FormInitContext.js`},"./style.css":{import:`./dist/style.css`,require:`./dist/style.css`,default:`./dist/style.css`},"./light.css":{import:`./dist/light.css`,require:`./dist/light.css`,default:`./dist/light.css`},"./dark.css":{import:`./dist/dark.css`,require:`./dist/dark.css`,default:`./dist/dark.css`},"./dist/style.css":{import:`./dist/style.css`,require:`./dist/style.css`,default:`./dist/style.css`},"./package.json":`./package.json`},scripts:{dev:`vite --config test/vite.config.ts`,build:`node scripts/build.mjs`,test:`vitest run`,"test:watch":`vitest`,"test:build":`vite build --config test/vite.config.ts`,"test:preview":`vite preview --config test/vite.config.ts`,prepublishOnly:`vitest run && node scripts/build.mjs`,"pack:check":`npm pack --dry-run`},peerDependencies:{"@types/react":`>=18.0.0`,react:`>=18.0.0`,"react-dom":`>=18.0.0`},peerDependenciesMeta:{"@types/react":{optional:!0}},devDependencies:{"@elcrm/storybook":`^0.0.3`,"@testing-library/dom":`^10.4.1`,"@testing-library/jest-dom":`^6.6.3`,"@testing-library/react":`^16.3.2`,"@testing-library/user-event":`^14.6.1`,"@types/node":`^22.13.10`,"@types/react":`^19.2.14`,"@types/react-dom":`^19.2.3`,"@vitejs/plugin-react":`^6.0.1`,jsdom:`^29.0.1`,react:`^19.2.4`,"react-dom":`^19.2.4`,"sass-embedded":`^1.98.0`,typescript:`^5.8.2`,vite:`^8.0.1`,"vite-plugin-dts":`^4.0.3`,"vite-plugin-dynamic-import":`^1.6.0`,"vite-plugin-lib-inject-css":`^2.1.1`,vitest:`^4.1.0`}},p={l:`_l_1to3e_2`,f:`_f_1to3e_38`,e:`_e_1to3e_63`,n:`_n_1to3e_127`,w:`_w_1to3e_134`,time:`_time_1to3e_144`,timeInner:`_timeInner_1to3e_151`,timeAlignCenter:`_timeAlignCenter_1to3e_162`,timeSep:`_timeSep_1to3e_165`,timePart:`_timePart_1to3e_176`,t:`_t_1to3e_144`,affix:`_affix_1to3e_223`,g:`_g_1to3e_237`,range:`_range_1to3e_241`,rangeTrack:`_rangeTrack_1to3e_250`,rangeFill:`_rangeFill_1to3e_271`,rangeFillFull:`_rangeFillFull_1to3e_282`,checkbox:`_checkbox_1to3e_286`,checkControl:`_checkControl_1to3e_295`,checkBox:`_checkBox_1to3e_319`,checkMark:`_checkMark_1to3e_332`,checkText:`_checkText_1to3e_341`,h:`_h_1to3e_354`,m:`_m_1to3e_393`},m=({element_blok:e={className:[]},element_input:t={className:[],props:{}},type:r=`input`,label:i,error:a,before:o,after:s,children:c})=>(0,n.jsxs)(`dl`,{"data-field":r,className:[p.l,...e.className||[]].filter(e=>e!==void 0).join(` `),children:[i?(0,n.jsx)(`dt`,{className:p.t,children:i}):``,o,(0,n.jsx)(`dd`,{className:[p.f,...t.className||[],a&&a.length>0?p.e:``].join(` `),...t.props||{},children:c}),a&&a.length>0?(0,n.jsx)(`em`,{className:p.m,children:a}):``,s]}),h=(e,t)=>Object.is(e,t);function g(e={}){let n=t.default.useRef({...e}),r=t.default.useRef({}),i=t.default.useRef({}),a=t.default.useCallback(e=>{let t=r.current[e];t&&t.forEach(e=>e())},[]),o=t.default.useCallback(e=>{i.current[e]=(i.current[e]||0)+1},[]),s=t.default.useCallback(e=>{!e||!e.name||(n.current[e.name]=e.value)},[]),c=t.default.useCallback(e=>{let t=n.current,r=new Set([...Object.keys(t),...Object.keys(e)]),i={...e};n.current=i,r.forEach(e=>{let n=t[e],r=i[e];h(n,r)||(o(e),a(e))})},[o,a]),l=t.default.useCallback(e=>{!e||!e.name||(n.current[e.name]=e.value,o(e.name),a(e.name))},[o,a]),u=t.default.useCallback((t=e)=>{let r=n.current,i=new Set([...Object.keys(r),...Object.keys(t)]);n.current={...t},i.forEach(e=>{let t=r[e],i=n.current[e];h(t,i)||(o(e),a(e))})},[e,o,a]),d=t.default.useCallback(()=>({...n.current}),[]),f=t.default.useCallback((e,t)=>n.current[e]??t,[]),p=t.default.useCallback(e=>i.current[e]||0,[]),m=t.default.useCallback((e,t)=>(r.current[e]||(r.current[e]=new Set),r.current[e].add(t),()=>{r.current[e]?.delete(t),r.current[e]?.size===0&&delete r.current[e]}),[]),g=t.default.useRef(null);return g.current||={},Object.assign(g.current,{valuesRef:n,getValues:d,setValues:c,setValue:l,onValue:s,reset:u,getValue:f,getVersion:p,subscribe:m}),g.current}function _(e,n,r){let i=t.default.useCallback(t=>!e||!n?()=>{}:e.subscribe(n,t),[e,n]),a=t.default.useCallback(()=>!e||!n?0:e.getVersion(n),[e,n]),o=t.default.useSyncExternalStore(i,a,a);return{value:e&&n?e.getValue(n,r):r,version:o}}function v(e,t,n=``){let{value:r}=_(e,t,n);return r}function y(e,t,n){let r=e;return Number.isFinite(r)||(r=t),Math.min(n,Math.max(t,r))}function b(e,t,n,r){return y(!Number.isFinite(r)||r<=0?e:t+Math.round((e-t)/r)*r,t,n)}function x({value:e=0,form:r,onValue:i,onBlur:a,name:o=``,placeholder:s=``,label:c=``,error:l=``,hidden:u=!1,disabled:d=!1,className:f=``,after:h=``,before:g=``,min:v=0,max:x=100,step:S=1}){let{value:C}=_(r,o,e),w=y(Number(C),v,x),T=x===v?0:(w-v)/(x-v)*100,E=T>=99.999,D=!d,O=t.default.useRef(null),k=t.default.useCallback(e=>{let t={value:b(e,v,x,S),name:o||``};r&&o&&r.setValue(t),i&&i!==r?.onValue&&i(t)},[r,o,i,v,x,S]),A=t.default.useCallback(e=>{let t=O.current;if(!t)return v;let n=t.getBoundingClientRect(),r=n.width||1;return b(v+(e-n.left)/r*(x-v),v,x,S)},[v,x,S]),j=e=>{D&&(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),k(A(e.clientX)))},M=e=>{D&&e.currentTarget.hasPointerCapture(e.pointerId)&&k(A(e.clientX))},N=e=>{try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}},P=e=>{if(!D)return;let t=w;if(e.key===`ArrowRight`||e.key===`ArrowUp`)t=w+S;else if(e.key===`ArrowLeft`||e.key===`ArrowDown`)t=w-S;else if(e.key===`Home`)t=v;else if(e.key===`End`)t=x;else if(e.key===`PageUp`)t=w+S*10;else if(e.key===`PageDown`)t=w-S*10;else return;e.preventDefault(),k(b(t,v,x,S))},F=()=>{if(!a||!o)return;let t=r&&o?r.getValue(o,e):w;a({value:y(Number(t),v,x),name:o})};return u&&(C==null||C===``)?null:(0,n.jsxs)(m,{type:`range`,label:c,error:l,element_blok:{className:[f||``]},element_input:{className:[p.w,p.range],props:{"data-disabled":d||!D?`true`:void 0}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{children:(0,n.jsx)(`div`,{ref:O,className:p.rangeTrack,role:`slider`,tabIndex:D?0:-1,"aria-label":c||s||`Диапазон`,"aria-valuemin":v,"aria-valuemax":x,"aria-valuenow":w,"data-disabled":d||!D?`true`:void 0,onPointerDown:j,onPointerMove:M,onPointerUp:N,onPointerCancel:N,onKeyDown:P,onBlur:F,children:(0,n.jsx)(`div`,{className:E?`${p.rangeFill} ${p.rangeFillFull}`:p.rangeFill,style:{width:`${T}%`},"aria-hidden":!0})})}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}x.displayName=`RangeField`;var S=e=>{let t=window.getSelection();if(!t||t.rangeCount===0)return;let n=t.getRangeAt(0);n.deleteContents(),n.insertNode(document.createTextNode(e)),n.collapse(!1),t.removeAllRanges(),t.addRange(n)};function C(e,t){S(e),t.dispatchEvent(new Event(`input`,{bubbles:!0}))}var w=e=>{let t=window.getSelection();if(!t)return;let n=document.createRange();n.selectNodeContents(e),n.collapse(!1),t.removeAllRanges(),t.addRange(n)},T=(e,t,n)=>{if(!t)return e;let r=window.getSelection(),i=0;if(r&&r.rangeCount>0){let e=r.getRangeAt(0);n.contains(e.commonAncestorContainer)&&(i=e.toString().length)}let a=t-((n.textContent||``).length-i);return a<=0?``:e.slice(0,a)};function E(e){queueMicrotask(()=>{e.dispatchEvent(new Event(`input`,{bubbles:!0}))})}var D={KeyDown(e){e.key===`Enter`&&e.preventDefault()},PasteOne(e){e.preventDefault(),S(e.clipboardText.replace(/\D/g,``)),E(e.target)},Paste(e,t){t.preventDefault();let n=T(t.clipboardText,e,t.target);n&&(S(n.replace(/(\r\n|\n|\r)/gm,` `)),E(t.target))},PasteDigits(e,t){t.preventDefault();let n=T(t.clipboardText.replace(/\D/g,``),e,t.target);n&&(S(n),E(t.target))},Focus(e){(e.target.textContent||``).length||(e.target.innerHTML=`<br>`),w(e.target)},Blur(e){e.target.scrollLeft=0,e.target.querySelector(`br`)!==null&&e.target.querySelector(`br`)?.remove()}},O=`plaintext-only`;function k(e){return{preventDefault:()=>e.preventDefault(),target:e.currentTarget,clipboardText:e.clipboardData?.getData(`text/plain`)??``}}var A={...D,ContentEditable:O};function j(e){return e==null?!0:typeof e==`string`?e.trim()===``:!1}function M(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function N(e,t,n){let r=Math.max(0,Math.min(t,e.length));return n(e.slice(0,r)).length}function P({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s=``,error:c=``,hidden:l=!1,disabled:u=!1,onBlur:d,className:f=``,after:h=``,before:g=``,inputmode:v=`decimal`,course:y=100,view:b,type:x,isClear:S=!1}){let{value:w,version:T}=_(r,a||``,e),E=r&&a?w:e,D=t.default.useRef(null),O=t.default.useRef(!1);t.default.useLayoutEffect(()=>{if(O.current)return;let e=D.current;if(!e)return;let t=E!=null&&(typeof E==`number`?!0:!j(String(E))),n=!o||t?F(E??``,y):``;e.textContent!==n&&(e.textContent=n)},[E,T,o,y]);let k=e=>x===`multi`?e.replace(/[^+\d.+-]/g,``):e.replace(/[^+\d.]/g,``),P=(e,t)=>{let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())},I=e=>{let t=e.target,n=t.textContent||``,o=M(t),s=k(n),c=N(n,o,k),l={value:Number(s||0)*y,name:a};r&&a&&r.onValue(l),i&&i!==r?.onValue&&i(l),t.textContent=s,s.length>0&&queueMicrotask(()=>{P(Math.min(c,s.length),t)})},L=e=>{let t=e.target;A.Blur(e),(t.textContent||``)===``&&(t.textContent=`0`);let n={value:Number(k(t.textContent||``))*y,name:a};r&&a&&r.setValue(n),d?.(n),i&&i!==r?.onValue&&i(n),t.textContent=F(k(t.textContent||``).trim()||`0`),O.current=!1},R=e=>{O.current=!0;let t=e.target;t.textContent=k(t.textContent||``),A.Focus({target:e.currentTarget})},z=e=>{let t=e.currentTarget.previousElementSibling;t&&(t.textContent=``);let n={value:0,name:a};r&&a&&r.setValue(n),i&&i!==r?.onValue&&i(n)},B=e=>{e.key===`Enter`&&e.preventDefault()},V=e=>{e.preventDefault(),C(k(e.clipboardData?.getData(`text/plain`)??``),e.currentTarget)},H=!u,U=E==null||(typeof E==`number`?!1:j(String(E??``)));if(l&&U)return``;let W={};return W.inputMode=v??`decimal`,o&&(W.placeholder=o),H&&(W.edit=``),(0,n.jsxs)(m,{type:`input`,label:s,error:c,element_blok:{className:[f]},element_input:{className:[p.w]},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{ref:D,...W,onInput:I,onPaste:V,onBlur:L,onKeyDown:B,onFocus:R,role:`textbox`,spellCheck:!1,"aria-label":s||o||`Сумма`,"aria-disabled":!H,tabIndex:u?-1:0,contentEditable:H?`plaintext-only`:!1,suppressContentEditableWarning:!0}),S&&(0,n.jsx)(`button`,{type:`button`,onClick:z,"aria-label":`Очистить поле`,children:`x`}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}P.displayName=`MoneyField`;function F(e,t){let n;if(typeof e==`string`){let t=e.replace(/\s/g,``).replace(`,`,`.`);n=parseFloat(t===``?`0`:t)}else n=Number(e??0);return Number.isNaN(n)&&(n=0),t!=null&&t>0&&(n/=t),n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g,`$1 `)}function I(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function L(e,t){if(t<=0)return 0;let n=0;for(let r=0;r<e.length;r++)if(/\d/.test(e[r])&&(n++,n===t))return r+1;return e.length}function R({value:e=``,form:r,onValue:i,onBlur:a,name:o=``,format:s=`+_(___) ___-__-__`,placeholder:c=``,label:l=``,error:u=``,hidden:d=!1,disabled:f=!1,className:h=``,after:g=``,before:v=``,inputmode:y=`numeric`,view:b}){let x=!f,{value:S,version:C}=_(r,o,e),w=t.default.useRef(null),T=t.default.useRef(!1),E=s,D=!0,O=0,M=(e,t)=>{let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())},N=e=>A.PasteOne(k(e)),P=e=>{E=s,D=!0,O=0;let t=0,n=``,r=e.replace(/\D/g,``);r===``&&(D=!0);let i=r.split(``),a=``;i.forEach(e=>{D&&(a+=e,D&&(O=(``+a).length,E=s.replace(RegExp(`[0-9]`,`g`),`_`),n=``),O>(``+a).length&&(D=!0,E=s.replace(RegExp(`[0-9]`,`g`),`_`),n=``))});let o=E.replace(/\D/g,``);return o.length>=r.length&&(r=o),{q:E.replace(/[_\d]/g,function(){return r.charAt(t++)||`_`}),i:t,v:r,f:n}};t.default.useLayoutEffect(()=>{if(T.current)return;let e=w.current;if(!e)return;let t=P(String(S||``));e.textContent!==t.q&&(e.textContent=t.q)},[S,C,s]),P(String(S||``));let F=e=>{let t=e.target,n=t.textContent||``,a=I(t),s=n.slice(0,a).replace(/\D/g,``).length,c=P(n);t.textContent=c.q;let l=L(c.q,s);c.q.length>0&&queueMicrotask(()=>{M(Math.min(l,c.q.length),t)});let u={value:c.q.replace(/\D/g,``),name:o};r&&o&&r.onValue(u),i&&i!==r?.onValue&&i(u)},R=e=>{e.key===`Enter`&&e.preventDefault()},z=e=>{A.Blur(e),a&&a({value:(e.target.textContent??``).replace(/\D/g,``),name:o}),T.current=!1},B=e=>{T.current=!0,A.Focus({target:e.currentTarget})},V={};c&&(V.placeholder=c),V.inputMode=y??`numeric`;let H=String(S??``).replace(/\D/g,``);return d&&j(H)?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`input`,label:l,error:u,element_blok:{className:[h]},element_input:{className:[p.w]},children:[v?(0,n.jsx)(`span`,{className:p.affix,children:v}):null,(0,n.jsx)(`div`,{ref:w,onPaste:N,onInput:F,onKeyDown:R,onBlur:z,onFocus:B,role:`textbox`,spellCheck:!1,"aria-label":l||c||o||`Маска`,"aria-disabled":!x,tabIndex:f?-1:0,"data-disabled":!x,contentEditable:x?`plaintext-only`:!1,suppressContentEditableWarning:!0,...V}),g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null]})}R.displayName=`MaskField`;var z={o:`_o_14hhr_2`,c:`_c_14hhr_13`,_active:`__active_14hhr_64`,dateHeaderMonth:`_dateHeaderMonth_14hhr_119`,dateHeaderYear:`_dateHeaderYear_14hhr_119`,dateHeaderDisabled:`_dateHeaderDisabled_14hhr_129`,as:`_as_14hhr_196`,ap:`_ap_14hhr_199`};function B(e){return!!(e==null||typeof e==`string`&&j(e)||e instanceof Date&&Number.isNaN(e.getTime()))}function V(e,t,n,r){let i=new Date(e,t-1,1);return!(n&&new Date(e,t,0)<n||r&&i>r)}function H(e,t,n){return!(t&&e<t.getFullYear()||n&&e>n.getFullYear())}function U(e,t,n){let r=e;if(t){let e=t.getFullYear();r+11<e&&(r=e-11),r<e&&(r=e)}if(n){let e=n.getFullYear();r>e&&(r=e-11),r+11>e&&(r=e-11)}return r}function W({label:e=``,error:i,hidden:a=!1,className:o,placeholder:s,disabled:c=!1,onValue:l,max:u,min:d,form:f,icon:h,name:g=``,value:v,after:y=``,before:b=``}){let x=t.default.useCallback(e=>{if(e==null||typeof e==`string`&&j(e))return``;if(e instanceof Date)return Number.isNaN(e.getTime())?``:e;if(typeof e==`string`||typeof e==`number`){let t=new Date(e);return Number.isNaN(t.getTime())?``:e}return``},[]),{value:S}=_(f,g,v),[C,w]=t.default.useState(x(S)),T=t.default.useRef(null),[E,D]=t.default.useState(null),[O,k]=t.default.useState(!1),A=t.default.useCallback(()=>{let e=T.current;if(!e)return;let t=e.getBoundingClientRect();D({x:t.left,y:t.top,b:t.bottom})},[]);t.default.useEffect(()=>{if(!O)return;A();let e=()=>{A()};return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[O,A]),t.default.useEffect(()=>{w(x(S))},[S,x]);let M=e=>{let t={value:e,name:g};w(e),f&&g&&f.setValue(t),l&&l!==f?.onValue&&l(t)},N=e=>{if(c)return;let t=e.currentTarget.getBoundingClientRect();D({x:t.left,y:t.top,b:t.bottom}),k(!0)},P={};s&&(P.placeholder=s);let F=S==null||S===``||typeof S==`string`&&j(S);return a&&F?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(n.Fragment,{children:[h?h():(0,n.jsxs)(m,{type:`date`,label:e,error:i,element_blok:{className:[o||``]},element_input:{className:[p.w],props:{"data-disabled":c?`true`:void 0}},children:[b?(0,n.jsx)(`span`,{className:p.affix,children:b}):null,(0,n.jsx)(`div`,{ref:T,onClick:N,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),N(e))},tabIndex:c?-1:0,role:`button`,"aria-haspopup":`dialog`,"aria-expanded":O,"aria-label":e||s||`Дата`,"data-edit":c?void 0:`true`,...P,style:{cursor:c?`not-allowed`:`pointer`},children:B(C)?``:re(C,`dd.mm.yyyy`)}),y?(0,n.jsx)(`span`,{className:p.affix,children:y}):null]}),O&&E&&(0,r.createPortal)((0,n.jsx)(G,{position:E,onValue:M,date:C,max:u,min:d,onOpen:k,className:o},`elcrm-date-popup`),document.body)]})}W.displayName=`DateField`;var G=({date:e,onValue:r,position:i,max:a,min:o,className:s,onOpen:c})=>{let l=new Date,u=new Date(e);Number.isNaN(u.getTime())&&(u=new Date);let d={y:l.getFullYear(),d:l.getDate(),m:l.getMonth()+1},f={y:u.getFullYear(),d:u.getDate(),m:u.getMonth()+1},[p,m]=t.default.useState({y:f.y,m:f.m}),[h,g]=t.default.useState(`days`),[_,v]=t.default.useState(()=>U(f.y-5,o,a)),y=e=>{let t=e.getDay();return t===0&&(t=7),t-1},b=[`пн`,`вт`,`ср`,`чт`,`пт`,`сб`,`вс`],x=p.m-1,S=new Date(p.y,x),C=[];for(let e=0;e<y(S);e++)C.push(0);for(;S.getMonth()===x;)C.push(S.getDate()),S.setDate(S.getDate()+1);let w=()=>{c(!1)},T=()=>{N(p.m+1,p.y)},E=()=>{N(p.m-1,p.y)},D=()=>{h===`days`?E():h===`months`?N(p.m,p.y-1):v(e=>U(e-12,o,a))},O=()=>{h===`days`?T():h===`months`?N(p.m,p.y+1):v(e=>U(e+12,o,a))},k=e=>{e.stopPropagation(),v(U(p.y-5,o,a)),g(`years`)},A=e=>{V(p.y,e,o,a)&&(m({y:p.y,m:e}),g(`days`))},j=e=>{H(e,o,a)&&(m({y:e,m:p.m}),g(`days`))},M=e=>{r(p.y+`-`+ne(2,p.m)+`-`+ne(2,e)),w()},N=(e,t)=>{t=e>12?t+1:e<1?t-1:t,e=e>12?1:e<1?12:e,m({y:t,m:e})},P=e=>d.y===p.y&&d.m===p.m&&d.d===e?{"data-active":`true`}:{},F=e=>f.y===p.y&&f.m===p.m&&f.d===e?{"data-current":`true`}:{},I=e=>{let t=!0;return a&&a.getTime()<new Date(p.y,p.m-1,e).getTime()&&(t=!1),o&&o.getTime()>new Date(p.y,p.m-1,e).getTime()&&(t=!1),t},L=window.innerHeight-i.b<360?Math.max(8,i.y-360):i.b;L=Math.min(L,window.innerHeight-360-8),L=Math.max(8,L);let R=window.innerWidth-i.x<270?i.x-246:i.x;return R=Math.max(8,Math.min(R,window.innerWidth-270-8)),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:z.o,onClick:()=>w()}),(0,n.jsxs)(`div`,{className:[z.c,s&&s+`-backdrop`].join(` `),style:{top:L+`px`,left:R+`px`},onClick:e=>e.stopPropagation(),children:[(0,n.jsxs)(`s`,{children:[(0,n.jsx)(`i`,{onClick:e=>{e.stopPropagation(),D()},children:(0,n.jsx)(`svg`,{width:`16`,height:`16`,fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`m15.09 4.594-7.646 6.553a1.126 1.126 0 0 0 0 1.708l7.647 6.552c.73.625 1.857.107 1.857-.854V5.447c0-.961-1.127-1.48-1.857-.853Z`})})}),(0,n.jsxs)(`h2`,{children:[(0,n.jsx)(`span`,{className:z.dateHeaderMonth,onClick:e=>{e.stopPropagation(),g(h===`years`?`months`:h===`months`?`days`:`months`)},title:h===`years`?`К списку месяцев`:h===`months`?`К календарю`:`Выбрать месяц`,children:te(p.m).name}),(0,n.jsx)(`span`,{className:z.dateHeaderYear,onClick:e=>{e.stopPropagation(),h===`years`?g(`days`):k(e)},title:h===`years`?`К календарю`:`Выбрать год`,children:p.y})]}),(0,n.jsx)(`i`,{onClick:e=>{e.stopPropagation(),O()},children:(0,n.jsx)(`svg`,{width:`16`,height:`16`,fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`m8.91 19.406 7.646-6.552a1.125 1.125 0 0 0 0-1.709L8.91 4.593c-.73-.625-1.857-.107-1.857.854v13.107c0 .96 1.127 1.479 1.857.852Z`})})})]}),h===`days`&&(0,n.jsxs)(`div`,{"grid-calendar":``,children:[b.map((e,t)=>(0,n.jsx)(`p`,{children:e},`v`+t)),C.map((e,t)=>(0,n.jsx)(`span`,{children:e!==0&&I(e)?(0,n.jsx)(`b`,{...P(e),...F(e),onClick:()=>M(e),children:e}):(0,n.jsx)(`p`,{...P(e),...F(e),children:e===0?``:e})},t))]}),h===`months`&&(0,n.jsx)(`div`,{"grid-month":``,children:Array.from({length:12},(e,t)=>{let r=t+1,i=V(p.y,r,o,a),s=d.y===p.y&&d.m===r?{"data-active":`true`}:{},c=f.y===p.y&&f.m===r?{"data-current":`true`}:{};return(0,n.jsx)(`b`,{className:i?``:z.dateHeaderDisabled,...s,...c,onClick:()=>i&&A(r),children:te(r).abc},r)})}),h===`years`&&(0,n.jsx)(`div`,{"grid-month":``,children:Array.from({length:12},(e,t)=>{let r=_+t,i=H(r,o,a),s=d.y===r?{"data-active":`true`}:{},c=f.y===r?{"data-current":`true`}:{};return(0,n.jsx)(`b`,{className:i?``:z.dateHeaderDisabled,...s,...c,onClick:()=>i&&j(r),children:r},r)})})]})]})},ee={val:`01`,name:`—`,names:`—`,abc:`—`};function te(e){let t=typeof e==`number`?e:new Date(e).getMonth()+1;return(!Number.isFinite(t)||t<1||t>12)&&(t=new Date().getMonth()+1),{1:{val:`01`,name:`Январь`,names:`Января`,abc:`Янв`},2:{val:`02`,name:`Февраль`,names:`Февраля`,abc:`Февр`},3:{val:`03`,name:`Март`,names:`Марта`,abc:`Март`},4:{val:`04`,name:`Апрель`,names:`Апреля`,abc:`Апр`},5:{val:`05`,name:`Май`,names:`Мая`,abc:`Май`},6:{val:`06`,name:`Июнь`,names:`Июня`,abc:`Июнь`},7:{val:`07`,name:`Июль`,names:`Июля`,abc:`Июль`},8:{val:`08`,name:`Август`,names:`Августа`,abc:`Авг`},9:{val:`09`,name:`Сентябрь`,names:`Сентября`,abc:`Сент`},10:{val:`10`,name:`Октябрь`,names:`Октября`,abc:`Окт`},11:{val:`11`,name:`Ноябрь`,names:`Ноября`,abc:`Нояб`},12:{val:`12`,name:`Декабрь`,names:`Декабря`,abc:`Дек`}}[t]??ee}function ne(e,t){let n=t+``;for(;n.length<e;)n=`0`+n;return n}function re(e,t){let n,r;t===void 0?(r=String(e),n=new Date):(r=t,n=new Date(e)),Number.isNaN(n.getTime())&&(n=new Date);let i=r,a={yyyy:n.getFullYear(),yy:(``+n.getFullYear()).slice(-2),mm:(`0`+(n.getMonth()+1)).slice(-2),dd:(`0`+n.getDate()).slice(-2),HH:(`0`+n.getHours()).slice(-2),MM:(`0`+n.getMinutes()).slice(-2),SS:(`0`+n.getSeconds()).slice(-2),__:` \xA0\xA0\xA0\xA0 `,_:` \xA0\xA0 `};for(let e in a)i=i.replace(e,String(a[e]));return i}function ie(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function K(e,t){let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())}function q(e){return String(e).padStart(2,`0`)}function J(e){return(e||``).replace(/\D/g,``)}function Y(e){if(e==null||e===``||typeof e!=`string`)return``;let t=e.trim(),n=/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(t);if(!n)return``;let r=Math.min(23,Math.max(0,parseInt(n[1],10))),i=Math.min(59,Math.max(0,parseInt(n[2],10)));return`${q(r)}:${q(i)}`}function X(e){let t=Y(e);if(!t)return{h:null,m:null};let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return{h:n,m:r}}function ae(e,t){if(e===null&&t===null)return``;let n=e??0,r=t??0;return`${q(n)}:${q(r)}`}function oe(e,t){let n=J(e).slice(0,2);if(n===``)return null;let r=parseInt(n,10);return Number.isNaN(r)?null:Math.min(t,Math.max(0,r))}function se(e){let t=Y(e);if(!t)return null;let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return n*60+r}function ce(e,t){let n=Math.max(1,Math.round(t/60));if(n<=1)return e;let r=Math.round(e/n)*n;return Math.min(59,Math.max(0,r))}function le(e,t,n){let r=Y(e);if(!r)return``;let i=se(r);if(i===null)return``;if(t){let e=se(t);e!==null&&(i=Math.max(i,e))}if(n){let e=se(n);e!==null&&(i=Math.min(i,e))}return ae(Math.floor(i/60),i%60)}function ue({value:e=``,form:r,onValue:i,onBlur:a,name:o=``,placeholder:s=``,label:c=``,hidden:l=!1,disabled:u=!1,error:d=``,className:f=``,after:h=``,before:g=``,step:v=60,min:y,max:b,id:x,spellCheck:S=!1,align:C=`start`}){let{value:w,version:T}=_(r,o,e),E=Y(w),D=!u,O=t.default.useRef(null),k=t.default.useRef(null),j=t.default.useRef(null),[M,N]=t.default.useState(!1);t.default.useLayoutEffect(()=>{if(!M||!D)return;let{h:e,m:t}=X(E),n=(e,t)=>{e&&(t===null?e.innerHTML=`<br>`:e.textContent=String(t))};n(O.current,e),n(k.current,t)},[M,E,T,D]);let P=t.default.useCallback(()=>{let e=oe(O.current?.textContent||``,23),t=oe(k.current?.textContent||``,59);if(e===null&&t===null)return``;let n=ae(e,t);if(!n)return``;let{h:r,m:i}=X(n);return i!==null&&(n=ae(r,ce(i,v))),n&&=le(n,y,b),n||``},[y,b,v]),F=e=>t=>{if(t.preventDefault(),!D)return;let n=J(t.clipboardData?.getData(`text/plain`)??``),r=e===`hour`?23:59;if(n.length>=4){let e=Math.min(23,Math.max(0,parseInt(n.slice(0,2),10))),t=Math.min(59,Math.max(0,parseInt(n.slice(2,4),10))),r=O.current,i=k.current;r&&(r.textContent=String(e),queueMicrotask(()=>K(String(e).length,r))),i&&(i.textContent=String(t),queueMicrotask(()=>K(String(t).length,i)));return}let i=n.slice(0,2),a=t.currentTarget;if(i===``){a.innerHTML=`<br>`,queueMicrotask(()=>K(0,a));return}let o=parseInt(i,10);if(Number.isNaN(o))return;let s=String(Math.min(r,Math.max(0,o)));a.textContent=s,queueMicrotask(()=>K(s.length,a))},I=e=>{let t=e.target,n=t.textContent||``,r=ie(t),i=n.slice(0,r).replace(/\D/g,``).length,a=J(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>K(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(23,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>K(c,t))},L=e=>{let t=e.target,n=t.textContent||``,r=ie(t),i=n.slice(0,r).replace(/\D/g,``).length,a=J(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>K(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(59,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>K(c,t))},R=e=>{(e.key===`Enter`||e.key===`:`)&&(e.preventDefault(),k.current?.focus())},z=e=>{e.key===`Enter`&&e.preventDefault()},B=e=>{let t=e.currentTarget;(t.textContent||``).trim().length||(t.innerHTML=`<br>`),D&&N(!0)},V=e=>{A.Blur(e)};t.default.useEffect(()=>{let e=j.current;if(!e)return;let t=t=>{let n=t.relatedTarget;if(n&&e.contains(n))return;let s=P();r&&o&&r.setValue({name:o,value:s}),i&&i!==r?.onValue&&i({value:s,name:o}),a&&o&&a({value:s,name:o}),N(!1)};return e.addEventListener(`focusout`,t),()=>e.removeEventListener(`focusout`,t)},[r,o,a,y,b,v,P]);let{h:H,m:U}=X(E),W={};D&&(W.edit=``);let G={...W},ee={...W};s&&(G.placeholder=s);let te=E!==``||M;return l&&E===``?null:(0,n.jsxs)(m,{type:`time`,label:c,error:d,element_blok:{className:[f||``]},element_input:{className:[p.w,p.time,C===`center`?p.timeAlignCenter:``].filter(Boolean),props:{"data-disabled":u||!D?`true`:void 0}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsxs)(`div`,{ref:j,className:p.timeInner,role:`group`,"aria-label":c||`Время`,children:[(0,n.jsx)(`div`,{id:x,ref:O,className:p.timePart,contentEditable:D?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:S,inputMode:`numeric`,onPaste:F(`hour`),onInput:I,onKeyDown:R,onFocus:B,onBlur:V,"aria-label":`Часы, 0–23`,...G,children:!D||!M?H===null?``:q(H):null}),te&&(0,n.jsx)(`span`,{className:p.timeSep,"aria-hidden":`true`,children:`:`}),(0,n.jsx)(`div`,{ref:k,className:p.timePart,contentEditable:D?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:S,inputMode:`numeric`,onPaste:F(`minute`),onInput:L,onKeyDown:z,onFocus:B,onBlur:V,"aria-label":`Минуты, 0–59`,...ee,children:!D||!M?U===null?``:q(U):null})]}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}ue.displayName=`TimeField`;function de({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s=``,hidden:c=!1,disabled:l=!1,onBlur:u,className:d=``,after:f=``,before:h=``,error:g=``,inputmode:v=`text`,maxLength:y,spellCheck:b=!0}){let{value:x,version:S}=_(r,a||``,e),C=!l,w=String(x??``),T=t.default.useRef(null),E=t.default.useRef(!1);t.default.useLayoutEffect(()=>{if(E.current)return;let e=T.current;e&&e.innerText!==w&&(e.innerText=w)},[w,S]);let D=e=>{let t={value:e.currentTarget.innerText,name:a||``};r&&a&&r.onValue(t),i&&i!==r?.onValue&&i(t)},O=e=>{let t=(e.currentTarget.textContent??``).trim();y&&t.length>=y&&e.key!==`Backspace`&&e.preventDefault(),e.key===`Enter`&&!e.shiftKey&&e.preventDefault()},M=e=>A.Paste(y||0,k(e));if(c&&j(x))return(0,n.jsx)(n.Fragment,{});let N={};return o&&(N.placeholder=o),C&&(N.edit=``),N.inputMode=v||`text`,(0,n.jsxs)(m,{type:`note`,label:s,error:g,element_blok:{className:[d||``]},element_input:{className:[p.n]},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,(0,n.jsx)(`div`,{ref:T,onPaste:M,onInput:D,onFocus:()=>{E.current=!0},onBlur:e=>{A.Blur(e),u?.({value:(e.currentTarget.textContent??``).trim(),name:a||``}),E.current=!1},onKeyDown:O,spellCheck:b,contentEditable:C?`plaintext-only`:!1,suppressContentEditableWarning:!0,...N}),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]})}de.displayName=`TextareaField`;var fe=Object.freeze({0:{name:`Heard Island and Mcdonald Islands`,dial_code:`+0`,code:`HM`,mask:`+0(___) ___-__-__`},1:{name:`United States`,dial_code:`+1`,code:`US`,mask:`+1(___) ___-__-__`},7:{name:`Russia`,dial_code:`+7`,code:`RU`,mask:`+7(___) ___-__-__`},20:{name:`Egypt`,dial_code:`+20`,code:`EG`,mask:`+20(___) ___-__-__`},27:{name:`South Africa`,dial_code:`+27`,code:`ZA`,mask:`+27(___) __-__-__`},30:{name:`Greece`,dial_code:`+30`,code:`GR`,mask:`+30(___) ___-__-__`},31:{name:`Netherlands`,dial_code:`+31`,code:`NL`,mask:`+31(___) __-__-__`},32:{name:`Belgium`,dial_code:`+32`,code:`BE`,mask:`+32(___) __-__-__`},33:{name:`France`,dial_code:`+33`,code:`FR`,mask:`+33(___) __-__-__`},34:{name:`Spain`,dial_code:`+34`,code:`ES`,mask:`+34(___) __-__-__`},36:{name:`Hungary`,dial_code:`+36`,code:`HU`,mask:`+36(___) __-__-__`},39:{name:`Italy`,dial_code:`+39`,code:`IT`,mask:`+39(___) ___-__-__`},40:{name:`Romania`,dial_code:`+40`,code:`RO`,mask:`+40(___) __-__-__`},41:{name:`Switzerland`,dial_code:`+41`,code:`CH`,mask:`+41(___) __-__-__`},43:{name:`Austria`,dial_code:`+43`,code:`AT`,mask:`+43(__) ___-__-__`},44:{name:`United Kingdom`,dial_code:`+44`,code:`GB`,mask:`+44(___) ___-__-__`},45:{name:`Denmark`,dial_code:`+45`,code:`DK`,mask:`+45(__) __-__-__`},46:{name:`Sweden`,dial_code:`+46`,code:`SE`,mask:`+46(___) __-__-__`},47:{name:`Svalbard and Jan Mayen`,dial_code:`+47`,code:`SJ`,mask:`+47(__) __-__-__`},48:{name:`Poland`,dial_code:`+48`,code:`PL`,mask:`+48(__) __-__-__`},49:{name:`Germany`,dial_code:`+49`,code:`DE`,mask:`+49(___) ___-__-__`},51:{name:`Peru`,dial_code:`+51`,code:`PE`,mask:`+51(___) __-__-__`},52:{name:`Mexico`,dial_code:`+52`,code:`MX`,mask:`+52(__-__) ___-__-__`},53:{name:`Cuba`,dial_code:`+53`,code:`CU`,mask:`+53(__) __-__-__`},54:{name:`Argentina`,dial_code:`+54`,code:`AR`,mask:`+54(__-__) ___-__-__`},55:{name:`Brazil`,dial_code:`+55`,code:`BR`,mask:`+55(___) ___-__-__`},56:{name:`Chile`,dial_code:`+56`,code:`CL`,mask:`+56(___) __-__-__`},57:{name:`Colombia`,dial_code:`+57`,code:`CO`,mask:`+57(___) ___-__-__`},58:{name:`Venezuela, Bolivarian Republic of Venezuela`,dial_code:`+58`,code:`VE`,mask:`+58(___) ___-__-__`},60:{name:`Malaysia`,dial_code:`+60`,code:`MY`,mask:`+60(___) __-__-__`},61:{name:`Cocos (Keeling) Islands`,dial_code:`+61`,code:`CC`,mask:`+61(___) ___-__-__`},62:{name:`Indonesia`,dial_code:`+62`,code:`ID`,mask:`+62(___) __-__-__`},63:{name:`Philippines`,dial_code:`+63`,code:`PH`,mask:`+63(___) ___-__-__`},64:{name:`Pitcairn`,dial_code:`+64`,code:`PN`,mask:`+64(___) __-__-__`},65:{name:`Singapore`,dial_code:`+65`,code:`SG`,mask:`+65(__) __-__-__`},66:{name:`Thailand`,dial_code:`+66`,code:`TH`,mask:`+66(___) __-__-__`},77:{name:`Kazakhstan`,dial_code:`+77`,code:`KZ`,mask:`+77(__) ___-__-__`},81:{name:`Japan`,dial_code:`+81`,code:`JP`,mask:`+81(___) ___-__-__`},82:{name:`Korea, Republic of South Korea`,dial_code:`+82`,code:`KR`,mask:`+82(___) ___-__-__`},84:{name:`Vietnam`,dial_code:`+84`,code:`VN`,mask:`+84(___) __-__-__`},86:{name:`China`,dial_code:`+86`,code:`CN`,mask:`+86(__-__) ___-__-__`},90:{name:`Turkey`,dial_code:`+90`,code:`TR`,mask:`+90(___) ___-__-__`},91:{name:`India`,dial_code:`+91`,code:`IN`,mask:`+91(___) ___-__-__`},92:{name:`Pakistan`,dial_code:`+92`,code:`PK`,mask:`+92(___) ___-__-__`},93:{name:`Afghanistan`,dial_code:`+93`,code:`AF`,mask:`+93(__) ___-__-__`},94:{name:`Sri Lanka`,dial_code:`+94`,code:`LK`,mask:`+94(___) __-__-__`},95:{name:`Myanmar`,dial_code:`+95`,code:`MM`,mask:`+95(___) ___-__-__`},98:{name:`Iran, Islamic Republic of Persian Gulf`,dial_code:`+98`,code:`IR`,mask:`+98(___) ___-__-__`},211:{name:`South Sudan`,dial_code:`+211`,code:`SS`,mask:`+211(___) ___-__-__`},212:{name:`Morocco`,dial_code:`+212`,code:`MA`,mask:`+212(___) __-__-__`},213:{name:`Algeria`,dial_code:`+213`,code:`DZ`,mask:`+213(__) ___-__-__`},216:{name:`Tunisia`,dial_code:`+216`,code:`TN`,mask:`+216(__) __-__-__`},218:{name:`Libyan Arab Jamahiriya`,dial_code:`+218`,code:`LY`,mask:`+218(___) ___-__-__`},220:{name:`Gambia`,dial_code:`+220`,code:`GM`,mask:`+220(___) __-__`},221:{name:`Senegal`,dial_code:`+221`,code:`SN`,mask:`+221(___) __-__-__`},222:{name:`Mauritania`,dial_code:`+222`,code:`MR`,mask:`+222(__) __-__-__`},223:{name:`Mali`,dial_code:`+223`,code:`ML`,mask:`+223(__) __-__-__`},224:{name:`Guinea`,dial_code:`+224`,code:`GN`,mask:`+224(__) __-__-__`},225:{name:`Cote d'Ivoire`,dial_code:`+225`,code:`CI`,mask:`+225(__) __-__-__`},226:{name:`Burkina Faso`,dial_code:`+226`,code:`BF`,mask:`+226(__) __-__-__`},227:{name:`Niger`,dial_code:`+227`,code:`NE`,mask:`+227(__) __-__-__`},228:{name:`Togo`,dial_code:`+228`,code:`TG`,mask:`+228(__) __-__-__`},229:{name:`Benin`,dial_code:`+229`,code:`BJ`,mask:`+229(__) __-__-__`},230:{name:`Mauritius`,dial_code:`+230`,code:`MU`,mask:`+230(___) __-__`},231:{name:`Liberia`,dial_code:`+231`,code:`LR`,mask:`+231(___) __-__`},232:{name:`Sierra Leone`,dial_code:`+232`,code:`SL`,mask:`+232(__) __-__-__`},233:{name:`Ghana`,dial_code:`+233`,code:`GH`,mask:`+233(___) __-__-__`},234:{name:`Nigeria`,dial_code:`+234`,code:`NG`,mask:`+234(___) ___-__-__`},235:{name:`Chad`,dial_code:`+235`,code:`TD`,mask:`+235(__) __-__-__`},236:{name:`Central African Republic`,dial_code:`+236`,code:`CF`,mask:`+236(__) __-__-__`},237:{name:`Cameroon`,dial_code:`+237`,code:`CM`,mask:`+237(__) __-__-__`},238:{name:`Cape Verde`,dial_code:`+238`,code:`CV`,mask:`+238(___) __-__`},239:{name:`Sao Tome and Principe`,dial_code:`+239`,code:`ST`,mask:`+239(___) ___-__-__`},240:{name:`Equatorial Guinea`,dial_code:`+240`,code:`GQ`,mask:`+240(___) __-__-__`},241:{name:`Gabon`,dial_code:`+241`,code:`GA`,mask:`+241(__) __-__-__`},242:{name:`Congo`,dial_code:`+242`,code:`CG`,mask:`+242(___) __-__-__`},243:{name:`Congo, The Democratic Republic of the Congo`,dial_code:`+243`,code:`CD`,mask:`+243(___) ___-__-__`},244:{name:`Angola`,dial_code:`+244`,code:`AO`,mask:`+244(__) ___-__-__`},245:{name:`Guinea-Bissau`,dial_code:`+245`,code:`GW`,mask:`+245(___) __-__`},246:{name:`British Indian Ocean Territory`,dial_code:`+246`,code:`IO`,mask:`+246(___) ___-__-__`},248:{name:`Seychelles`,dial_code:`+248`,code:`SC`,mask:`+248(___) ___-__-__`},249:{name:`Sudan`,dial_code:`+249`,code:`SD`,mask:`+249(___) __-__-__`},250:{name:`Rwanda`,dial_code:`+250`,code:`RW`,mask:`+250(___) __-__-__`},251:{name:`Ethiopia`,dial_code:`+251`,code:`ET`,mask:`+251(___) __-__-__`},252:{name:`Somalia`,dial_code:`+252`,code:`SO`,mask:`+252(___) ___-__-__`},253:{name:`Djibouti`,dial_code:`+253`,code:`DJ`,mask:`+253(___) ___-__-__`},254:{name:`Kenya`,dial_code:`+254`,code:`KE`,mask:`+254(___) __-__-__`},255:{name:`Tanzania, United Republic of Tanzania`,dial_code:`+255`,code:`TZ`,mask:`+255(___) __-__-__`},256:{name:`Uganda`,dial_code:`+256`,code:`UG`,mask:`+256(___) __-__-__`},257:{name:`Burundi`,dial_code:`+257`,code:`BI`,mask:`+257(__) __-__-__`},258:{name:`Mozambique`,dial_code:`+258`,code:`MZ`,mask:`+258(___) __-__-__`},260:{name:`Zambia`,dial_code:`+260`,code:`ZM`,mask:`+260(___) __-__-__`},261:{name:`Madagascar`,dial_code:`+261`,code:`MG`,mask:`+261(___) __-__-__`},262:{name:`Reunion`,dial_code:`+262`,code:`RE`,mask:`+262(___) __-__-__`},263:{name:`Zimbabwe`,dial_code:`+263`,code:`ZW`,mask:`+263(___) __-__-__`},264:{name:`Namibia`,dial_code:`+264`,code:`NA`,mask:`+264(___) __-__-__`},265:{name:`Malawi`,dial_code:`+265`,code:`MW`,mask:`+265(___) __-__-__`},266:{name:`Lesotho`,dial_code:`+266`,code:`LS`,mask:`+266(__) __-__-__`},267:{name:`Botswana`,dial_code:`+267`,code:`BW`,mask:`+267(__) __-__-__`},268:{name:`Swaziland`,dial_code:`+268`,code:`SZ`,mask:`+268(___) ___-__-__`},269:{name:`Comoros`,dial_code:`+269`,code:`KM`,mask:`+269(___) __-__`},290:{name:`Saint Helena, Ascension and Tristan Da Cunha`,dial_code:`+290`,code:`SH`,mask:`+290(___) ___-__-__`},291:{name:`Eritrea`,dial_code:`+291`,code:`ER`,mask:`+291(___) ___-__-__`},297:{name:`Aruba`,dial_code:`+297`,code:`AW`,mask:`+297(_) __-__-__`},298:{name:`Faroe Islands`,dial_code:`+298`,code:`FO`,mask:`+298(__) __-__`},299:{name:`Greenland`,dial_code:`+299`,code:`GL`,mask:`+299(__) __-__`},345:{name:`Cayman Islands`,dial_code:`+ 345`,code:`KY`,mask:`+345(___) ___-__-__`},350:{name:`Gibraltar`,dial_code:`+350`,code:`GI`,mask:`+350(__) __-__-__`},351:{name:`Portugal`,dial_code:`+351`,code:`PT`,mask:`+351(___) __-__-__`},352:{name:`Luxembourg`,dial_code:`+352`,code:`LU`,mask:`+352(___) __-__-__`},353:{name:`Ireland`,dial_code:`+353`,code:`IE`,mask:`+353(___) __-__-__`},354:{name:`Iceland`,dial_code:`+354`,code:`IS`,mask:`+354(___) __-__`},355:{name:`Albania`,dial_code:`+355`,code:`AL`,mask:`+355(__) ___-__-__`},356:{name:`Malta`,dial_code:`+356`,code:`MT`,mask:`+356(__) __-__-__`},357:{name:`Cyprus`,dial_code:`+357`,code:`CY`,mask:`+357(__) __-__-__`},358:{name:`Finland`,dial_code:`+358`,code:`FI`,mask:`+358(___) __-__-__`},359:{name:`Bulgaria`,dial_code:`+359`,code:`BG`,mask:`+359(___) __-__-__`},370:{name:`Lithuania`,dial_code:`+370`,code:`LT`,mask:`+370(_) ___-__-__`},371:{name:`Latvia`,dial_code:`+371`,code:`LV`,mask:`+371(__) __-__-__`},372:{name:`Estonia`,dial_code:`+372`,code:`EE`,mask:`+372(__) __-__-__`},373:{name:`Moldova`,dial_code:`+373`,code:`MD`,mask:`+373(__) __-__-__`},374:{name:`Armenia`,dial_code:`+374`,code:`AM`,mask:`+374(_) ___-__-__`},375:{name:`Belarus`,dial_code:`+375`,code:`BY`,mask:`+375(__) ___-__-__`},376:{name:`Andorra`,dial_code:`+376`,code:`AD`,mask:`+376(_) _-__-__`},377:{name:`Monaco`,dial_code:`+377`,code:`MC`,mask:`+377(___) __-__-__`},378:{name:`San Marino`,dial_code:`+378`,code:`SM`,mask:`+378(__) __-__-__`},379:{name:`Holy See (Vatican City State)`,dial_code:`+379`,code:`VA`,mask:`+379(___) ___-__-__`},380:{name:`Ukraine`,dial_code:`+380`,code:`UA`,mask:`+380(__) ___-__-__`},381:{name:`Serbia`,dial_code:`+381`,code:`RS`,mask:`+381(__) __-__-__`},382:{name:`Montenegro`,dial_code:`+382`,code:`ME`,mask:`+382(___) ___-__-__`},383:{name:`Kosovo`,dial_code:`+383`,code:`XK`,mask:`+383(___) __-__`},385:{name:`Croatia`,dial_code:`+385`,code:`HR`,mask:`+385(__) __-__-__`},386:{name:`Slovenia`,dial_code:`+386`,code:`SI`,mask:`+386(__) __-__-__`},387:{name:`Bosnia and Herzegovina`,dial_code:`+387`,code:`BA`,mask:`+387(__) __-__-__`},389:{name:`Macedonia`,dial_code:`+389`,code:`MK`,mask:`+389(__) __-__-__`},420:{name:`Czech Republic`,dial_code:`+420`,code:`CZ`,mask:`+420(___) __-__-__`},421:{name:`Slovakia`,dial_code:`+421`,code:`SK`,mask:`+421(___) __-__-__`},423:{name:`Liechtenstein`,dial_code:`+423`,code:`LI`,mask:`+423(___) __-__-__`},500:{name:`South Georgia and the South Sandwich Islands`,dial_code:`+500`,code:`GS`,mask:`+500(___) ___-__-__`},501:{name:`Belize`,dial_code:`+501`,code:`BZ`,mask:`+501(___) __-__`},502:{name:`Guatemala`,dial_code:`+502`,code:`GT`,mask:`+502(__) __-__-__`},503:{name:`El Salvador`,dial_code:`+503`,code:`SV`,mask:`+503(__) __-__-__`},504:{name:`Honduras`,dial_code:`+504`,code:`HN`,mask:`+504(__) __-__-__`},505:{name:`Nicaragua`,dial_code:`+505`,code:`NI`,mask:`+505(__) __-__-__`},506:{name:`Costa Rica`,dial_code:`+506`,code:`CR`,mask:`+506(__) __-__-__`},507:{name:`Panama`,dial_code:`+507`,code:`PA`,mask:`+507(__) __-__-__`},508:{name:`Saint Pierre and Miquelon`,dial_code:`+508`,code:`PM`,mask:`+508(___) ___-__-__`},509:{name:`Haiti`,dial_code:`+509`,code:`HT`,mask:`+509(__) __-__-__`},590:{name:`Saint Martin`,dial_code:`+590`,code:`MF`,mask:`+590(___) __-__-__`},591:{name:`Bolivia, Plurinational State of bolivia`,dial_code:`+591`,code:`BO`,mask:`+591(__) __-__-__`},592:{name:`Guyana`,dial_code:`+592`,code:`GY`,mask:`+592(___) ___-__-__`},593:{name:`Ecuador`,dial_code:`+593`,code:`EC`,mask:`+593(___) __-__-__`},594:{name:`French Guiana`,dial_code:`+594`,code:`GF`,mask:`+594(___) __-__-__`},595:{name:`Paraguay`,dial_code:`+595`,code:`PY`,mask:`+595(___) __-__-__`},596:{name:`Martinique`,dial_code:`+596`,code:`MQ`,mask:`+596(___) __-__-__`},597:{name:`Suriname`,dial_code:`+597`,code:`SR`,mask:`+597(___) __-__`},598:{name:`Uruguay`,dial_code:`+598`,code:`UY`,mask:`+598(__) __-__-__`},599:{name:`Netherlands Antilles`,dial_code:`+599`,code:`AN`,mask:`+599(__) __-__-__`},670:{name:`Timor-Leste`,dial_code:`+670`,code:`TL`,mask:`+670(__) __-__-__`},672:{name:`Norfolk Island`,dial_code:`+672`,code:`NF`,mask:`+672(___) ___-__-__`},673:{name:`Brunei Darussalam`,dial_code:`+673`,code:`BN`,mask:`+673(___) __-__`},674:{name:`Nauru`,dial_code:`+674`,code:`NR`,mask:`+674(___) __-__`},675:{name:`Papua New Guinea`,dial_code:`+675`,code:`PG`,mask:`+675(___) __-__`},676:{name:`Tonga`,dial_code:`+676`,code:`TO`,mask:`+676(___) __-__`},677:{name:`Solomon Islands`,dial_code:`+677`,code:`SB`,mask:`+677(___) __-__`},678:{name:`Vanuatu`,dial_code:`+678`,code:`VU`,mask:`+678(___) __-__`},679:{name:`Fiji`,dial_code:`+679`,code:`FJ`,mask:`+679(___) __-__`},680:{name:`Palau`,dial_code:`+680`,code:`PW`,mask:`+680(___) ___-__-__`},681:{name:`Wallis and Futuna`,dial_code:`+681`,code:`WF`,mask:`+681(___) ___-__-__`},682:{name:`Cook Islands`,dial_code:`+682`,code:`CK`,mask:`+682(_) __-__`},683:{name:`Niue`,dial_code:`+683`,code:`NU`,mask:`+683(___) ___-__-__`},685:{name:`Samoa`,dial_code:`+685`,code:`WS`,mask:`+685(__) __-__`},686:{name:`Kiribati`,dial_code:`+686`,code:`KI`,mask:`+686(___) ___-__-__`},687:{name:`New Caledonia`,dial_code:`+687`,code:`NC`,mask:`+687(__) __-__`},688:{name:`Tuvalu`,dial_code:`+688`,code:`TV`,mask:`+688(___) ___-__-__`},689:{name:`French Polynesia`,dial_code:`+689`,code:`PF`,mask:`+689(__) __-__`},690:{name:`Tokelau`,dial_code:`+690`,code:`TK`,mask:`+690(___) ___-__-__`},691:{name:`Micronesia, Federated States of Micronesia`,dial_code:`+691`,code:`FM`,mask:`+691(___) ___-__-__`},692:{name:`Marshall Islands`,dial_code:`+692`,code:`MH`,mask:`+692(___) ___-__-__`},850:{name:`Korea, Democratic People's Republic of Korea`,dial_code:`+850`,code:`KP`,mask:`+850(___) ___-__-__`},852:{name:`Hong Kong`,dial_code:`+852`,code:`HK`,mask:`+852(__) __-__-__`},853:{name:`Macao`,dial_code:`+853`,code:`MO`,mask:`+853(__) __-__-__`},855:{name:`Cambodia`,dial_code:`+855`,code:`KH`,mask:`+855(__) __-__-__`},856:{name:`Laos`,dial_code:`+856`,code:`LA`,mask:`+856(___) ___-__-__`},880:{name:`Bangladesh`,dial_code:`+880`,code:`BD`,mask:`+880(___) ___-__-__`},886:{name:`Taiwan`,dial_code:`+886`,code:`TW`,mask:`+886(___) __-__-__`},960:{name:`Maldives`,dial_code:`+960`,code:`MV`,mask:`+960(___) __-__`},961:{name:`Lebanon`,dial_code:`+961`,code:`LB`,mask:`+961(__) __-__-__`},962:{name:`Jordan`,dial_code:`+962`,code:`JO`,mask:`+962(___) __-__-__`},963:{name:`Syrian Arab Republic`,dial_code:`+963`,code:`SY`,mask:`+963(___) __-__-__`},964:{name:`Iraq`,dial_code:`+964`,code:`IQ`,mask:`+964(___) ___-__-__`},965:{name:`Kuwait`,dial_code:`+965`,code:`KW`,mask:`+965(__) __-__-__`},966:{name:`Saudi Arabia`,dial_code:`+966`,code:`SA`,mask:`+966(___) __-__-__`},967:{name:`Yemen`,dial_code:`+967`,code:`YE`,mask:`+967(___) __-__-__`},968:{name:`Oman`,dial_code:`+968`,code:`OM`,mask:`+968(__) __-__-__`},970:{name:`Palestinian Territory, Occupied`,dial_code:`+970`,code:`PS`,mask:`+970(___) __-__-__`},971:{name:`United Arab Emirates`,dial_code:`+971`,code:`AE`,mask:`+971(___) __-__-__`},972:{name:`Israel`,dial_code:`+972`,code:`IL`,mask:`+972(___) __-__-__`},973:{name:`Bahrain`,dial_code:`+973`,code:`BH`,mask:`+973(__) __-__-__`},974:{name:`Qatar`,dial_code:`+974`,code:`QA`,mask:`+974(__) __-__-__`},975:{name:`Bhutan`,dial_code:`+975`,code:`BT`,mask:`+975(__) __-__-__`},976:{name:`Mongolia`,dial_code:`+976`,code:`MN`,mask:`+976(__) __-__-__`},977:{name:`Nepal`,dial_code:`+977`,code:`NP`,mask:`+977(___) ___-__-__`},992:{name:`Tajikistan`,dial_code:`+992`,code:`TJ`,mask:`+992(___) __-__-__`},993:{name:`Turkmenistan`,dial_code:`+993`,code:`TM`,mask:`+993(__) __-__-__`},994:{name:`Azerbaijan`,dial_code:`+994`,code:`AZ`,mask:`+994(__) ___-__-__`},995:{name:`Georgia`,dial_code:`+995`,code:`GE`,mask:`+995(___) __-__-__`},996:{name:`Kyrgyzstan`,dial_code:`+996`,code:`KG`,mask:`+996(___) __-__-__`},998:{name:`Uzbekistan`,dial_code:`+998`,code:`UZ`,mask:`+998(___) __-__-__`},1242:{name:`Bahamas`,dial_code:`+1242`,code:`BS`,mask:`+1242(___) __-__`},1246:{name:`Barbados`,dial_code:`+1246`,code:`BB`,mask:`+1246(___) __-__`},1264:{name:`Anguilla`,dial_code:`+1264`,code:`AI`,mask:`+1264(___) ___-__-__`},1268:{name:`Antigua and Barbuda`,dial_code:`+1268`,code:`AG`,mask:`+1268(_) __-__`},1284:{name:`Virgin Islands, British`,dial_code:`+1284`,code:`VG`,mask:`+1284(___) __-__`},1340:{name:`Virgin Islands, U.S.`,dial_code:`+1340`,code:`VI`,mask:`+1340(___) ___-__-__`},1441:{name:`Bermuda`,dial_code:`+1441`,code:`BM`,mask:`+1441(___) __-__`},1473:{name:`Grenada`,dial_code:`+1473`,code:`GD`,mask:`+1473(___) __-__`},1649:{name:`Turks and Caicos Islands`,dial_code:`+1649`,code:`TC`,mask:`+1649(___) ___-__-__`},1664:{name:`Montserrat`,dial_code:`+1664`,code:`MS`,mask:`+1664(___) ___-__-__`},1670:{name:`Northern Mariana Islands`,dial_code:`+1670`,code:`MP`,mask:`+1670(___) ___-__-__`},1671:{name:`Guam`,dial_code:`+1671`,code:`GU`,mask:`+1671(___) ___-__-__`},1684:{name:`American Samoa`,dial_code:`+1684`,code:`AS`,mask:`+1684(___) ___-__-__`},1758:{name:`Saint Lucia`,dial_code:`+1758`,code:`LC`,mask:`+1758(___) __-__`},1767:{name:`Dominica`,dial_code:`+1767`,code:`DM`,mask:`+1767(___) __-__`},1784:{name:`Saint Vincent and the Grenadines`,dial_code:`+1784`,code:`VC`,mask:`+1784(___) __-__`},1849:{name:`Dominican Republic`,dial_code:`+1849`,code:`DO`,mask:`+1849(___) ___-__-__`},1868:{name:`Trinidad and Tobago`,dial_code:`+1868`,code:`TT`,mask:`+1868(___) __-__`},1869:{name:`Saint Kitts and Nevis`,dial_code:`+1869`,code:`KN`,mask:`+1869(___) __-__`},1876:{name:`Jamaica`,dial_code:`+1876`,code:`JM`,mask:`+1876(___) __-__`},1939:{name:`Puerto Rico`,dial_code:`+1939`,code:`PR`,mask:`+1939(___) ___-__-__`}}),pe={onNotice:()=>{},onModal:e=>{}},Z={current:pe},me={onNotice:e=>Z.current.onNotice(e),onModal:e=>Z.current.onModal(e)};function he(e,t){return Z.current={onNotice:e,onModal:t},()=>{Z.current=pe}}function Q(){return me}function ge(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function _e(e,t){if(t<=0)return 0;let n=0;for(let r=0;r<e.length;r++)if(/\d/.test(e[r])&&(n++,n===t))return r+1;return e.length}function ve({value:e,form:r,onValue:i,onBlur:a,name:o=``,placeholder:s=``,label:c=``,error:l=``,hidden:u=!1,disabled:d=!1,className:f=``,after:h=``,before:g=``,inputmode:v=`tel`,view:y}){let{onNotice:b}=Q(),x=!d,{value:S,version:C}=_(r,o,e),w=t.default.useRef(null),T=t.default.useRef(!1),E=`+_(___) ___-__-__`,D=!0,O=0,M=(e,t)=>{let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())},N=e=>{let t=e.target,n=t.textContent||``,a=ge(t),s=n.slice(0,a).replace(/\D/g,``).length,c=F(n);t.textContent=c.q;let l=_e(c.q,s);c.q.length>0&&queueMicrotask(()=>{M(Math.min(l,c.q.length),t)});let u={value:c.q.replace(/\D/g,``),name:o||``};r&&o&&r.onValue(u),i&&i!==r?.onValue&&i(u)},P=e=>A.PasteOne(k(e)),F=e=>{E=`+_(___) ___-__-__`,D=!0,O=0;let t=0,n=``,r=e.replace(/\D/g,``);r===``&&(D=!0);let i=r.split(``),a=``;i.forEach(e=>{D&&(a+=e,fe[a]!==void 0&&D?(D=!1,E=fe[a].mask.replace(RegExp(`[0-9]`,`g`),`_`),n=fe[a].code):(D&&(O=(``+a).length,E=`+${a}_(___) ___-__-__`.replace(RegExp(`[0-9]`,`g`),`_`),n=``),O>(``+a).length&&(D=!0,E=`+${a}_(___) ___-__-__`.replace(RegExp(`[0-9]`,`g`),`_`),n=``)))});let o=E.replace(/\D/g,``);return o.length>=r.length&&(r=o),{q:E.replace(/[_\d]/g,function(){return r.charAt(t++)||`_`}),i:t,v:r,f:n}};t.default.useLayoutEffect(()=>{if(T.current)return;let e=w.current;if(!e)return;let t=F(String(S||``));e.textContent!==t.q&&(e.textContent=t.q)},[S,C]);let I=e=>{e.preventDefault();let t=e.target;navigator.clipboard.writeText((t.textContent||``).replace(/\D/g,``)).then(function(){b(`Данные в буфер обмене`)},function(e){console.error(`Async: Could not copy text: `,e)})};F(String(S||``));let L=e=>{e.key===`Enter`&&e.preventDefault()},R=e=>{A.Blur(e),a&&a({value:(e.target.textContent||``).replace(/\D/g,``),name:o||``}),T.current=!1},z=e=>{T.current=!0,A.Focus({target:e.currentTarget})},B={};s&&(B.placeholder=s),B.inputMode=v??`tel`;let V=String(S??``).replace(/\D/g,``);return u&&j(V)?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`input`,label:c,error:l,element_blok:{className:[f]},element_input:{className:[p.w]},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{ref:w,onPaste:P,onInput:N,onKeyDown:L,onContextMenu:I,onBlur:R,onFocus:z,spellCheck:!1,role:`textbox`,"aria-label":c||s||`Телефон`,"aria-disabled":!x,tabIndex:d?-1:0,"data-disabled":!x,contentEditable:x?`plaintext-only`:!1,suppressContentEditableWarning:!0,...B}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}ve.displayName=`PhoneField`;function ye({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s=``,hidden:c=!1,disabled:l=!1,onBlur:u,className:d=``,after:f=``,before:h=``,error:g=``,inputmode:v=`text`,maxLength:y,spellCheck:b=!0,native:x=!1,autoComplete:S,inputType:C=`text`,id:w}){let{value:T,version:E}=_(r,a,e),D=!l,O=typeof T==`string`||typeof T==`number`?String(T):``,M=t.default.useRef(null),N=t.default.useRef(null),P=t.default.useRef(!1);t.default.useLayoutEffect(()=>{if(x)return;let e=N.current;e&&e.textContent!==O&&(e.textContent=O)},[x,O,E]),t.default.useEffect(()=>{if(!x)return;let e=M.current;e&&e.value!==O&&(e.value=O)},[x,O]);let F=e=>{let t={value:(e.target.textContent||``).trim(),name:a};r&&a&&r.onValue(t),i&&i!==r?.onValue&&i(t)},I=e=>{let t={value:e.target.value,name:a};r&&a&&r.onValue(t),i&&i!==r?.onValue&&i(t)},L=e=>{let t=e.target;y&&(t.textContent||``).trim().length>=y&&e.key!==`Backspace`&&e.preventDefault(),e.key===`Enter`&&e.preventDefault()},R=e=>{e.key===`Enter`&&e.preventDefault()},z=e=>A.Paste(y||0,k(e));if(c&&j(T))return``;let B=e=>{A.Blur(e),u?.({value:(e.target.textContent||``).trim(),name:a}),P.current=!1},V=e=>{u?.({value:(e.target.value||``).trim(),name:a})},H=e=>{P.current=!0,A.Focus({target:e.currentTarget})},U={};return o&&(U.placeholder=o),D&&(U.edit=``),x?(0,n.jsxs)(m,{type:`input`,label:s,error:g,element_blok:{className:[d||``]},element_input:{className:[p.w],props:{"data-disabled":l||!D?`true`:void 0}},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,(0,n.jsx)(`div`,{style:{flex:1,minWidth:0,display:`flex`,alignItems:`center`},children:(0,n.jsx)(`input`,{id:w,ref:M,type:C,name:a||void 0,defaultValue:O,placeholder:o,maxLength:y,spellCheck:b,disabled:l,readOnly:l,autoComplete:S,inputMode:v||`text`,"aria-label":s||o||`Текст`,"aria-disabled":l||!D?!0:void 0,tabIndex:l?-1:0,onChange:I,onBlur:V,onKeyDown:R,style:{width:`100%`,border:`none`,outline:`none`,background:`transparent`,font:`inherit`,color:`inherit`,padding:0,margin:0,boxSizing:`border-box`}})}),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]}):(0,n.jsxs)(m,{type:`input`,label:s,error:g,element_blok:{className:[d]},element_input:{className:[p.w]},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,(0,n.jsx)(`div`,{ref:N,id:w,onBlur:B,onFocus:H,onPaste:z,onInput:F,onKeyDown:L,spellCheck:b,inputMode:v||`text`,contentEditable:D?`plaintext-only`:!1,suppressContentEditableWarning:!0,...U}),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]})}function be({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s=``,hidden:c=!1,disabled:l=!1,onBlur:u,className:d=``,after:f=``,before:h=``,error:g=``,inputmode:v=`numeric`,maxLength:y,max:b,view:x}){let S=!l,{value:C,version:w}=_(r,a,e);o=o===void 0?``:o,b=b===void 0?99:b;let T=C!=null&&C!==``?String(C):``,E=t.default.useRef(null),D=t.default.useRef(!1);t.default.useLayoutEffect(()=>{if(D.current)return;let e=E.current;e&&e.textContent!==T&&(e.textContent=T)},[T,w]);let O=y??b,M=!1,N=e=>{let t=e.currentTarget,n=(t.textContent||``).replace(/\D/g,``);n.length>O&&(n=n.slice(0,O),t.textContent=n,queueMicrotask(()=>{let e=t.firstChild;if(e&&e.nodeType===Node.TEXT_NODE){let t=n.length,r=window.getSelection(),i=document.createRange();i.setStart(e,t),i.collapse(!0),r?.removeAllRanges(),r?.addRange(i)}}));let o={value:n,name:a};r&&a&&r.onValue(o),i&&i!==r?.onValue&&i(o)},P=e=>{D.current=!0;let t=e.currentTarget;t.textContent=(t.textContent||``).replace(/\D/g,``),A.Focus({target:e.currentTarget})},F=e=>{if(M&&e.which===86)return;if(e.which===17||e.which===91)return M=!0;if(e.key===`Backspace`)return;let t=(e.currentTarget.textContent??``).replace(/\D/g,``).length;O>0&&t>=O&&e.key.length===1&&/\d/.test(e.key)&&e.preventDefault(),e.key===`Enter`&&e.preventDefault(),e.key.length===1&&!/\d/.test(e.key)&&e.preventDefault()},I=e=>{if(e.which===17||e.which===91)return M=!1},L=e=>A.PasteDigits(O,k(e)),R=e=>{A.Blur(e),u?.({value:e.currentTarget.textContent,name:a}),D.current=!1},z={};return S&&(z.edit=``),z.inputMode=v??`numeric`,o&&(z.placeholder=o),c&&j(C)?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`numeric`,label:s,error:g,element_blok:{className:[d||``]},element_input:{className:[p.w]},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,(0,n.jsx)(`div`,{ref:E,onPaste:L,onInput:N,onFocus:P,onBlur:R,onKeyDown:F,onKeyUp:I,spellCheck:!1,role:`textbox`,tabIndex:S?0:-1,"aria-label":s||o||`Число`,contentEditable:S?`plaintext-only`:!1,suppressContentEditableWarning:!0,...z}),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]})}be.displayName=`NumberField`;var xe=(e,t=`,`)=>(e!==void 0&&e!==``?e.split(t):[]).filter(e=>e!==``).reduce((e,t)=>(e[t]=!0,e),{});function Se({value:e,form:t,onValue:r,name:i,placeholder:a=``,separator:o=`,`,label:s,error:c,hidden:l=!1,disabled:u=!1,outFormat:d=`object`,after:f,before:h,modal:g,options:v,className:y}){let{onModal:b}=Q(),{value:x}=_(t,i,e),S=x,C=typeof S==`string`?xe(S,o):S&&typeof S==`object`?S:{},w=()=>{if(u)return;if(!g)return console.error(`modal - empty`);let e=g.split(`.`);b({module:e[0],modalName:e[1],callback:e=>{let n=e;if(r)switch(d===`array`||d===`string`&&Object.keys(n).filter(e=>n[e]).join(o),d){case`array`:r!==t?.onValue&&r({value:Object.keys(n),name:i});break;case`string`:r!==t?.onValue&&r({value:Object.keys(n).filter(e=>n[e]).join(o),name:i});break;default:r!==t?.onValue&&r({value:n,name:i})}},onValue:r,options:v,fieldName:i,value:C})},T={};a&&(T.placeholder=a);let E=Object.keys(C).length===0;return l&&E?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`group`,label:s,error:c,element_blok:{className:[y||``]},element_input:{className:[p.g],props:{onClick:w}},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,Object.keys(C).map(e=>(0,n.jsx)(`div`,{children:v?.[e]?.label},e)),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]})}Se.displayName=`OptionsField`;var $={o:`_o_12209_20`,l:`_l_12209_30`,i:`_i_12209_93`,placeholderValue:`_placeholderValue_12209_103`,f:`_f_12209_108`};function Ce({value:e=0,form:i,onValue:a,name:o=``,placeholder:s=``,label:c,error:l,hidden:u=!1,disabled:d=!1,className:f,after:h=``,before:g=``,options:v,order:y}){let[b,x]=t.default.useState(!1),[S,C]=t.default.useState(0),[w,T]=t.default.useState(null),E=t.default.useId(),{value:D}=_(i,o,e??0),O=Number(D),k=[];v&&(k=Array.isArray(v)?v.map(e=>({id:e.id??e.i??0,label:e.n||``,hidden:e.s===0})).filter(e=>e.id!==0&&e.label.length>0):Object.keys(v).map(e=>{let t=Number(e),n=v[t];return{id:t,label:n?.n||``,hidden:n?.s===0}}).filter(e=>e.label.length>0));let A=(()=>{if(!y||y.length===0)return k;let e=new Map(k.map(e=>[e.id,e]));return y.map(t=>e.get(t)).filter(e=>!!e)})().filter(e=>!e.hidden),j=e=>A.find(t=>t.id===e)?.label,M=b&&A.length>0?`${E}-opt-${S}`:void 0,N=e=>{let t={value:e,name:o};i&&o&&i.onValue(t),a&&a!==i?.onValue&&a(t)},P=e=>{if(A.length===0||d)return;let t=A.findIndex(e=>e.id===O);T(e.getBoundingClientRect()),C(t>=0?t:0),x(!0)},F=e=>{P(e.currentTarget)},I=e=>{if(!d&&A.length!==0){if(!b&&(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)){e.preventDefault(),P(e.currentTarget);return}if(b){if(e.key===`Escape`){e.preventDefault(),x(!1);return}if(e.key===`ArrowDown`){e.preventDefault(),C(e=>(e+1)%A.length);return}if(e.key===`ArrowUp`){e.preventDefault(),C(e=>e-1<0?A.length-1:e-1);return}if(e.key===`Enter`){e.preventDefault();let t=A[S];t&&N(t.id),x(!1)}}}},L={};s&&(L.placeholder=s);let R=j(O),z=(R===void 0||R===``)&&!!s,B=O===0||j(O)===void 0;return u&&B?``:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(m,{type:`select`,label:c,element_blok:{className:[f||``]},error:l,element_input:{className:[$.f],props:{onClick:F,onKeyDown:I,tabIndex:d?-1:0,role:`combobox`,"aria-expanded":b,"aria-haspopup":`listbox`,"aria-controls":E,...M?{"aria-activedescendant":M}:{},"aria-disabled":d,"data-disabled":d}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{...L,className:z?$.placeholderValue:void 0,children:R??s??``}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]}),b&&(0,r.createPortal)((0,n.jsx)(we,{parent:w||void 0,onValue:N,className:f,items:A,setOpen:x,listId:E,activeIndex:S,currentValue:O}),document.body)]})}Ce.displayName=`SelectField`;var we=({onValue:e,parent:t,className:r,items:i,setOpen:a,listId:o,activeIndex:s,currentValue:c})=>{if(!t)return null;let l=()=>{a(!1)},u=t=>{a(!1),e(t)},d=window.innerHeight-t.bottom<306?Math.max(6,t.top-300-6):Math.min(window.innerHeight-300-6,t.bottom+6),f=Math.max(t.width,260),p=Math.min(Math.max(6,t.left),window.innerWidth-f-6);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:$.o,onClick:l,"aria-hidden":!0}),(0,n.jsx)(`div`,{className:[$.l,r].filter(e=>e!==void 0).join(` `),style:{top:d+`px`,left:p+`px`,width:f},children:(0,n.jsx)(Te,{listId:o,items:i,link:u,activeIndex:s,currentValue:c})})]})},Te=({listId:e,items:t,link:r,activeIndex:i,currentValue:a})=>(0,n.jsx)(`ul`,{id:e,role:`listbox`,children:t.map((t,o)=>(0,n.jsx)(`li`,{id:`${e}-opt-${o}`,role:`option`,"aria-selected":a===t.id,"data-focus":i===o?`true`:`false`,onClick:()=>r(t.id),children:t.label},t.id))});function Ee({value:e,form:t,onValue:r,name:i,placeholder:a=``,label:o,error:s,hidden:c=!1,disabled:l=!1,after:u,before:d,view:f,modal:h,options:g,className:v}){let{onModal:y}=Q(),{value:b}=_(t,i,e),x=b,S=e=>e?Array.isArray(e)?e[1]||``:e:``,C=e=>{if(Array.isArray(e)&&e.length>=2)return[e[0],String(e[1]??``)];if(typeof e==`object`&&e){let t=e;if(t.id!==void 0&&t.name!==void 0)return[t.id,t.name]}return String(e??``)},w=e=>{let n={value:C(e),name:i};t&&i&&t.setValue(n),r&&r!==t?.onValue&&r(n)},T=()=>{if(l)return;if(!h)return console.error(`modal - empty`);let e=h.split(`.`);if(e.length<2)return console.error(`modal должен быть в формате 'module.name'`);let t=Array.isArray(x)?x[0]:x;y({module:e[0],modalName:e[1],callback:w,onValue:w,options:g,fieldName:i,value:t})},E={};a&&(E.placeholder=a);let D=j(S(x));return c&&D?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`input`,label:o,element_blok:{className:[v||``]},error:s,element_input:{className:[p.w],props:{onClick:T}},children:[d?(0,n.jsx)(`span`,{className:p.affix,children:d}):null,(0,n.jsx)(`div`,{...E,children:S(x)}),u?(0,n.jsx)(`span`,{className:p.affix,children:u}):null]})}Ee.displayName=`ModalField`;function De(){return(0,n.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1.25em`,height:`1.25em`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":!0,children:[(0,n.jsx)(`path`,{d:`M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z`}),(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`})]})}function Oe(){return(0,n.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1.25em`,height:`1.25em`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":!0,children:[(0,n.jsx)(`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`}),(0,n.jsx)(`line`,{x1:`1`,y1:`1`,x2:`23`,y2:`23`})]})}function ke({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s,error:c,hidden:l=!1,disabled:u=!1,onBlur:d,className:f,after:h=``,before:g=``,native:v=!1,maxLength:y,eyes:b}){let{value:x}=_(r,a,e),[S,C]=t.default.useState(!1),w=t.default.useRef(null),T=typeof x==`string`?x:x==null?``:String(x);t.default.useEffect(()=>{let e=w.current;e&&e.value!==T&&(e.value=T)},[T]);let E=e=>{let t={value:e,name:a};r&&a&&r.onValue(t),i&&i!==r?.onValue&&i(t)},D=e=>{E(e.target.value)},O=e=>{e.key===`Enter`&&e.preventDefault()},k=e=>{A.Blur(e),d?.({value:(e.target.value||``).trim(),name:a||``})};if(v)return``;let M=!u;if(l&&j(T))return``;let N=b?.[0]??(0,n.jsx)(De,{}),P=b?.[1]??(0,n.jsx)(Oe,{});return(0,n.jsxs)(m,{type:`input`,label:s,error:c,element_blok:{className:[f||``]},element_input:{className:[p.w],props:{"data-disabled":u||!M?`true`:void 0}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{style:{flex:1,minWidth:0,display:`flex`,alignItems:`center`},children:(0,n.jsx)(`input`,{type:S?`text`:`password`,defaultValue:T,ref:w,onChange:D,onKeyDown:O,onBlur:k,disabled:u,readOnly:u,maxLength:y,spellCheck:!1,autoComplete:`current-password`,"aria-label":s||o||`Пароль`,"aria-disabled":u||!M,tabIndex:u?-1:0,placeholder:o,style:{width:`100%`,border:`none`,outline:`none`,background:`transparent`,font:`inherit`,color:`inherit`,padding:0,margin:0,boxSizing:`border-box`}})}),(0,n.jsx)(`button`,{type:`button`,tabIndex:u?-1:0,"aria-label":S?`Скрыть пароль`:`Показать пароль`,"aria-pressed":S,disabled:u,onClick:()=>!u&&C(!S),style:{cursor:u?`not-allowed`:`pointer`,alignSelf:`center`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,padding:0,margin:0,border:`none`,background:`transparent`,color:`var(--field-icon-color, var(--field-placeholder))`,font:`inherit`},children:S?P:N}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}ke.displayName=`PasswordField`;function Ae(e){if(e===!0||e===1)return!0;if(typeof e==`string`){let t=e.trim().toLowerCase();return t===`1`||t===`true`||t===`on`||t===`yes`}return!1}function je({value:e=!1,form:r,onValue:i,onBlur:a,name:o=``,placeholder:s=``,label:c=``,error:l=``,hidden:u=!1,disabled:d=!1,className:f=``,after:h=``,before:g=``}){let{value:v}=_(r,o,e),y=Ae(v),b=!d,x=s||``,S=t.default.useCallback(e=>{let t={value:e,name:o||``};r&&o&&r.setValue(t),i&&i!==r?.onValue&&i(t)},[r,o,i]),C=()=>{b&&S(!y)},w=e=>{b&&(e.key===` `||e.key===`Enter`)&&(e.preventDefault(),C())},T=()=>{!a||!o||a({value:Ae(r&&o?r.getValue(o,y):y),name:o})};return u&&!y?null:(0,n.jsxs)(m,{type:`checkbox`,label:c,error:l,element_blok:{className:[f||``]},element_input:{className:[p.checkbox],props:{"data-disabled":d||!b?`true`:void 0}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{children:(0,n.jsxs)(`button`,{type:`button`,className:p.checkControl,role:`checkbox`,"aria-checked":y,"aria-label":c||x||`Чекбокс`,"aria-disabled":d||!b?!0:void 0,disabled:d||!b,onClick:C,onKeyDown:w,onBlur:T,children:[(0,n.jsx)(`span`,{className:p.checkBox,"aria-hidden":!0,children:y?(0,n.jsx)(`span`,{className:p.checkMark}):null}),(0,n.jsx)(`span`,{className:p.checkText,children:x})]})}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}je.displayName=`CheckField`;var Me=()=>{},Ne=e=>{};function Pe({onNotice:e,onModal:n}){return t.default.useLayoutEffect(()=>he(e??Me,n??Ne),[e,n]),null}Pe.displayName=`Form.Init`;var Fe={Init:Pe};function Ie(){return typeof globalThis<`u`?globalThis:typeof window<`u`?window:typeof self<`u`?self:{}}var Le=Ie();Le.elcrm||={},Object.assign(Le.elcrm,{form:f.version}),e.CheckField=je,e.DateField=W,e.Form=Fe,e.MaskField=R,e.ModalField=Ee,e.MoneyField=P,e.NumberField=be,e.OptionsField=Se,e.PasswordField=ke,e.PhoneField=ve,e.ProgressField=x,e.RangeField=x,e.SelectField=Ce,e.StringField=ye,e.TextareaField=de,e.TimeField=ue,e.asEditableClipboard=k,e.useForm=g,e.useFormField=v,e.useFormFieldState=_,e.useFormInit=Q});
1
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`react/jsx-runtime`),require(`react-dom`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`react/jsx-runtime`,`react-dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t((e.elCRM=e.elCRM||{},e.elCRM.form={}),e.React,e[`react/jsx-runtime`],e.ReactDOM))})(this,function(e,t,n,r){var i=document.createElement(`style`);i.textContent=`._l_1to3e_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_1to3e_2>dt,._l_1to3e_2>dd{margin:0}._l_1to3e_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_1to3e_2[data-field=group] div:last-child{border-bottom:0}._l_1to3e_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_1to3e_2 [placeholder]:focus:before{display:none}._f_1to3e_38{box-sizing:border-box;align-items:center;gap:var(--field-icon-gap,10px);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--control-inner-padding,0 var(--field-side-padding,14px));transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_1to3e_38:hover{border-color:var(--field-border-hover,var(--field-border))}._f_1to3e_38:focus-within{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000);background:var(--field-background-focus,var(--field-background))}._f_1to3e_38._e_1to3e_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_1to3e_38[data-disabled=true]{background:var(--field-background-disabled,var(--field-background));border-color:var(--field-border-disabled,var(--field-border));color:var(--field-color-disabled,var(--field-placeholder));cursor:not-allowed;opacity:.85}._f_1to3e_38[data-disabled=true]>*{cursor:not-allowed}._f_1to3e_38>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}._f_1to3e_38>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_1to3e_38>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_1to3e_38>:not(div) svg{width:20px;height:20px}._f_1to3e_38 input::placeholder,._f_1to3e_38 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_1to3e_38 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_1to3e_127 div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);padding-top:var(--field-note-padding,var(--field-note-padding-top,8px));padding-bottom:var(--field-note-padding,var(--field-note-padding-top,8px))}._w_1to3e_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_1to3e_134>div::-webkit-scrollbar{width:0;height:0}._time_1to3e_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_1to3e_144 ._timeInner_1to3e_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timeInner_1to3e_151{justify-content:center}._time_1to3e_144 ._timeSep_1to3e_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_1to3e_144 ._timePart_1to3e_176{box-sizing:border-box;width:1em;min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;min-height:var(--field-height);cursor:text;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0}._time_1to3e_144 ._timePart_1to3e_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_1to3e_144 ._timePart_1to3e_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_1to3e_144 ._timePart_1to3e_176:focus:empty:before{content:none}._time_1to3e_144 ._timePart_1to3e_176:focus-visible{background:0 0}._time_1to3e_144._timeAlignCenter_1to3e_162 ._timePart_1to3e_176{text-align:center}._t_1to3e_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_1to3e_223{color:var(--field-icon-color,var(--field-placeholder));font-size:inherit;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}._g_1to3e_237{flex-direction:column}._range_1to3e_241>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_1to3e_241 ._rangeTrack_1to3e_250{box-sizing:border-box;width:100%;height:var(--field-range-bar-height,14px);background:var(--field-range-track,#e0e0e0);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}._range_1to3e_241 ._rangeTrack_1to3e_250:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_1to3e_241 ._rangeTrack_1to3e_250[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_1to3e_241 ._rangeFill_1to3e_271{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_1to3e_241 ._rangeFillFull_1to3e_282{border-radius:999px}._checkbox_1to3e_286>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_1to3e_295{width:100%;min-height:var(--field-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:flex-start;gap:12px;margin:0;padding:10px 0;display:flex}._checkControl_1to3e_295:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_1to3e_295[aria-disabled=true]{cursor:not-allowed}._checkBox_1to3e_319{border:var(--field-check-box-border,var(--field-border));background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}._checkMark_1to3e_332{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}._checkText_1to3e_341{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_1to3e_295[aria-checked=true] ._checkBox_1to3e_319{background:var(--field-background-active)}._h_1to3e_354{--field-border:0}._h_1to3e_354 div{border:var(--field-check-box-border,--field-border);width:var(--field-height);height:var(--field-height);border-radius:var(--field-radius);background:var(--field-background);cursor:pointer;flex:none;gap:10px;margin:0;position:relative}._h_1to3e_354 div[aria-checked=true]{background:var(--field-background-active)}._h_1to3e_354 div:after{content:"";background:0 0;border-top:none;border-bottom:3px solid #fcfff4;border-left:3px solid #fcfff4;border-right:none;width:9px;height:5px;margin:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}._e_1to3e_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_1to3e_393{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:"";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}:root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}:root{--color-picker-width:260px;--color-picker-radius:16px;--color-picker-pad:10px;--color-picker-swatch:20px;--color-picker-input-radius:5px;--color-picker-handle:14px}._o_ftvr3_14{z-index:98;background:var(--select-overlay,transparent);position:fixed;inset:0}._panel_ftvr3_21{z-index:99;box-sizing:border-box;width:var(--color-picker-width);padding:var(--color-picker-pad);background:var(--select-background,#2c2c2e);color:var(--select-color,#fff);border-radius:var(--color-picker-radius);flex-direction:column;gap:8px;display:flex;position:fixed;box-shadow:0 8px 28px #00000059}._sv_ftvr3_37{aspect-ratio:1/.55;cursor:crosshair;touch-action:none;border-radius:8px;width:100%;max-height:140px;position:relative;overflow:hidden}._svWhite_ftvr3_48{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}._svBlack_ftvr3_54{background:linear-gradient(#0000,#000);position:absolute;inset:0}._handle_ftvr3_60{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000059}._slidersRow_ftvr3_72{align-items:center;gap:8px;display:flex}._eyedropper_ftvr3_78{border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);width:26px;height:26px;color:var(--field-icon-color,#8e8e93);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._eyedropper_ftvr3_78:hover{color:var(--field-color,#fff)}._sliders_ftvr3_72{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}._slider_ftvr3_72{cursor:pointer;touch-action:none;border-radius:999px;height:10px;position:relative}._sliderHue_ftvr3_113{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._sliderAlpha_ftvr3_117{background-image:linear-gradient(to right, transparent, var(--alpha-color,#fff)), linear-gradient(45deg, #777 25%, transparent 25%), linear-gradient(-45deg, #777 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #777 75%), linear-gradient(-45deg, transparent 75%, #777 75%);background-color:#bbb;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px}._sliderHandle_ftvr3_125{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059}._inputs_ftvr3_139{align-items:center;gap:6px;display:flex}._format_ftvr3_145{color:var(--field-placeholder,#8e8e93);flex:none;padding:0 2px;font-size:12px}._input_ftvr3_139{box-sizing:border-box;border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);min-width:0;height:28px;color:var(--field-color,#fff);font:inherit;border:none;outline:none;flex:1;padding:0 8px;font-size:13px}._input_ftvr3_139:focus{box-shadow:0 0 0 2px var(--field-focus-ring,#fff3)}._inputAlpha_ftvr3_171{text-align:center;flex:0 0 56px}._palette_ftvr3_176{grid-template-columns:repeat(8,1fr);place-items:center;gap:4px;padding:0;display:grid}._swatchBtn_ftvr3_185{width:var(--color-picker-swatch);height:var(--color-picker-swatch);cursor:pointer;background:var(--swatch,#888);border:none;border-radius:50%;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}._swatchBtn_ftvr3_185[aria-checked=true]{z-index:1;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px var(--select-background,#2c2c2e), 0 0 0 3px #ffffff59;transform:scale(1.35)}._swatchBtn_ftvr3_185:disabled{cursor:not-allowed;opacity:.5}._trigger_ftvr3_210{cursor:pointer;align-items:center;gap:var(--field-icon-gap,10px);min-width:0;height:var(--field-height,44px);flex:1;display:flex}._trigger_ftvr3_210[aria-disabled=true]{cursor:not-allowed}._preview_ftvr3_224{background-color:var(--preview-color,transparent);background-image:linear-gradient(var(--preview-color,transparent), var(--preview-color,transparent)), linear-gradient(45deg, #c6c6c8 25%, transparent 25%), linear-gradient(-45deg, #c6c6c8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #c6c6c8 75%), linear-gradient(-45deg, transparent 75%, #c6c6c8 75%);background-position:0 0,0 0,0 3px,3px -3px,-3px 0;background-size:100% 100%,6px 6px,6px 6px,6px 6px,6px 6px;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026}._hexText_ftvr3_237{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--control-font-size,17px);flex:1;overflow:hidden}._placeholder_ftvr3_246{color:var(--field-placeholder,#8e8e93);font-weight:400}
2
+ /*$vite$:1*/`,document.head.appendChild(i),Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var a=Object.create,o=Object.defineProperty,s=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,l=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=c(t),a=0,l=i.length,d;a<l;a++)d=i[a],!u.call(e,d)&&d!==n&&o(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=s(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:a(l(e)),d(t||!e||!e.__esModule?o(n,`default`,{value:e,enumerable:!0}):n,e)))(t);var f={name:`@elcrm/form`,version:`0.0.80`,description:`React-компоненты полей формы и хук useForm для elCRM: текст, даты, маски, деньги, селект, связка с формой по имени поля (tree-shakeable ESM).`,type:`module`,author:`MaSkal <dev@elcrm.online>`,license:`MIT`,repository:{type:`git`,url:`git+https://github.com/elcrm-lib/elcrm.form.git`},bugs:{url:`https://github.com/elcrm-lib/elcrm.form/issues`},homepage:`https://www.npmjs.com/package/@elcrm/form`,publishConfig:{access:`public`},engines:{node:`>=18`},files:[`dist`],keywords:[`elcrm`,`form`,`react`,`fields`,`useForm`,`input`],sideEffects:[`./dist/index.js`,`./dist/core/Field.js`,`**/*.css`,`**/*.scss`,`**/*.module.scss`],main:`./dist/index.umd.js`,module:`./dist/index.js`,types:`./dist/index.d.ts`,exports:{".":{types:`./dist/index.d.ts`,import:`./dist/index.js`,require:`./dist/index.umd.js`},"./fields/*":{types:`./dist/fields/*.d.ts`,import:`./dist/fields/*.js`},"./hooks/*":{types:`./dist/hooks/*.d.ts`,import:`./dist/hooks/*.js`},"./events/*":{types:`./dist/events/*.d.ts`,import:`./dist/events/*.js`},"./core/*":{types:`./dist/core/*.d.ts`,import:`./dist/core/*.js`},"./mask/*":{types:`./dist/mask/*.d.ts`,import:`./dist/mask/*.js`},"./Form":{types:`./dist/Form.d.ts`,import:`./dist/Form.js`},"./FormInitContext":{types:`./dist/FormInitContext.d.ts`,import:`./dist/FormInitContext.js`},"./style.css":{import:`./dist/style.css`,require:`./dist/style.css`,default:`./dist/style.css`},"./light.css":{import:`./dist/light.css`,require:`./dist/light.css`,default:`./dist/light.css`},"./dark.css":{import:`./dist/dark.css`,require:`./dist/dark.css`,default:`./dist/dark.css`},"./dist/style.css":{import:`./dist/style.css`,require:`./dist/style.css`,default:`./dist/style.css`},"./package.json":`./package.json`},scripts:{dev:`vite --config test/vite.config.ts`,build:`node scripts/build.mjs`,test:`vitest run`,"test:watch":`vitest`,"test:build":`vite build --config test/vite.config.ts`,"test:preview":`vite preview --config test/vite.config.ts`,prepublishOnly:`vitest run && node scripts/build.mjs`,"pack:check":`npm pack --dry-run`},peerDependencies:{"@types/react":`>=18.0.0`,react:`>=18.0.0`,"react-dom":`>=18.0.0`},peerDependenciesMeta:{"@types/react":{optional:!0}},devDependencies:{"@elcrm/storybook":`^0.0.3`,"@testing-library/dom":`^10.4.1`,"@testing-library/jest-dom":`^6.6.3`,"@testing-library/react":`^16.3.2`,"@testing-library/user-event":`^14.6.1`,"@types/node":`^22.13.10`,"@types/react":`^19.2.14`,"@types/react-dom":`^19.2.3`,"@vitejs/plugin-react":`^6.0.1`,jsdom:`^29.0.1`,react:`^19.2.4`,"react-dom":`^19.2.4`,"sass-embedded":`^1.98.0`,typescript:`^5.8.2`,vite:`^8.0.1`,"vite-plugin-dts":`^4.0.3`,"vite-plugin-dynamic-import":`^1.6.0`,"vite-plugin-lib-inject-css":`^2.1.1`,vitest:`^4.1.0`}},p={l:`_l_1to3e_2`,f:`_f_1to3e_38`,e:`_e_1to3e_63`,n:`_n_1to3e_127`,w:`_w_1to3e_134`,time:`_time_1to3e_144`,timeInner:`_timeInner_1to3e_151`,timeAlignCenter:`_timeAlignCenter_1to3e_162`,timeSep:`_timeSep_1to3e_165`,timePart:`_timePart_1to3e_176`,t:`_t_1to3e_144`,affix:`_affix_1to3e_223`,g:`_g_1to3e_237`,range:`_range_1to3e_241`,rangeTrack:`_rangeTrack_1to3e_250`,rangeFill:`_rangeFill_1to3e_271`,rangeFillFull:`_rangeFillFull_1to3e_282`,checkbox:`_checkbox_1to3e_286`,checkControl:`_checkControl_1to3e_295`,checkBox:`_checkBox_1to3e_319`,checkMark:`_checkMark_1to3e_332`,checkText:`_checkText_1to3e_341`,h:`_h_1to3e_354`,m:`_m_1to3e_393`},m=({element_blok:e={className:[]},element_input:t={className:[],props:{}},type:r=`input`,label:i,error:a,before:o,after:s,children:c})=>(0,n.jsxs)(`dl`,{"data-field":r,className:[p.l,...e.className||[]].filter(e=>e!==void 0).join(` `),children:[i?(0,n.jsx)(`dt`,{className:p.t,children:i}):``,o,(0,n.jsx)(`dd`,{className:[p.f,...t.className||[],a&&a.length>0?p.e:``].join(` `),...t.props||{},children:c}),a&&a.length>0?(0,n.jsx)(`em`,{className:p.m,children:a}):``,s]}),h=(e,t)=>Object.is(e,t);function g(e={}){let n=t.default.useRef({...e}),r=t.default.useRef({}),i=t.default.useRef({}),a=t.default.useCallback(e=>{let t=r.current[e];t&&t.forEach(e=>e())},[]),o=t.default.useCallback(e=>{i.current[e]=(i.current[e]||0)+1},[]),s=t.default.useCallback(e=>{!e||!e.name||(n.current[e.name]=e.value)},[]),c=t.default.useCallback(e=>{let t=n.current,r=new Set([...Object.keys(t),...Object.keys(e)]),i={...e};n.current=i,r.forEach(e=>{let n=t[e],r=i[e];h(n,r)||(o(e),a(e))})},[o,a]),l=t.default.useCallback(e=>{!e||!e.name||(n.current[e.name]=e.value,o(e.name),a(e.name))},[o,a]),u=t.default.useCallback((t=e)=>{let r=n.current,i=new Set([...Object.keys(r),...Object.keys(t)]);n.current={...t},i.forEach(e=>{let t=r[e],i=n.current[e];h(t,i)||(o(e),a(e))})},[e,o,a]),d=t.default.useCallback(()=>({...n.current}),[]),f=t.default.useCallback((e,t)=>n.current[e]??t,[]),p=t.default.useCallback(e=>i.current[e]||0,[]),m=t.default.useCallback((e,t)=>(r.current[e]||(r.current[e]=new Set),r.current[e].add(t),()=>{r.current[e]?.delete(t),r.current[e]?.size===0&&delete r.current[e]}),[]),g=t.default.useRef(null);return g.current||={},Object.assign(g.current,{valuesRef:n,getValues:d,setValues:c,setValue:l,onValue:s,reset:u,getValue:f,getVersion:p,subscribe:m}),g.current}function _(e,n,r){let i=t.default.useCallback(t=>!e||!n?()=>{}:e.subscribe(n,t),[e,n]),a=t.default.useCallback(()=>!e||!n?0:e.getVersion(n),[e,n]),o=t.default.useSyncExternalStore(i,a,a);return{value:e&&n?e.getValue(n,r):r,version:o}}function v(e,t,n=``){let{value:r}=_(e,t,n);return r}function y(e,t,n){let r=e;return Number.isFinite(r)||(r=t),Math.min(n,Math.max(t,r))}function b(e,t,n,r){return y(!Number.isFinite(r)||r<=0?e:t+Math.round((e-t)/r)*r,t,n)}function x({value:e=0,form:r,onValue:i,onBlur:a,name:o=``,placeholder:s=``,label:c=``,error:l=``,hidden:u=!1,disabled:d=!1,className:f=``,after:h=``,before:g=``,min:v=0,max:x=100,step:S=1}){let{value:C}=_(r,o,e),w=y(Number(C),v,x),T=x===v?0:(w-v)/(x-v)*100,E=T>=99.999,D=!d,O=t.default.useRef(null),k=t.default.useCallback(e=>{let t={value:b(e,v,x,S),name:o||``};r&&o&&r.setValue(t),i&&i!==r?.onValue&&i(t)},[r,o,i,v,x,S]),A=t.default.useCallback(e=>{let t=O.current;if(!t)return v;let n=t.getBoundingClientRect(),r=n.width||1;return b(v+(e-n.left)/r*(x-v),v,x,S)},[v,x,S]),j=e=>{D&&(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),k(A(e.clientX)))},M=e=>{D&&e.currentTarget.hasPointerCapture(e.pointerId)&&k(A(e.clientX))},N=e=>{try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}},P=e=>{if(!D)return;let t=w;if(e.key===`ArrowRight`||e.key===`ArrowUp`)t=w+S;else if(e.key===`ArrowLeft`||e.key===`ArrowDown`)t=w-S;else if(e.key===`Home`)t=v;else if(e.key===`End`)t=x;else if(e.key===`PageUp`)t=w+S*10;else if(e.key===`PageDown`)t=w-S*10;else return;e.preventDefault(),k(b(t,v,x,S))},F=()=>{if(!a||!o)return;let t=r&&o?r.getValue(o,e):w;a({value:y(Number(t),v,x),name:o})};return u&&(C==null||C===``)?null:(0,n.jsxs)(m,{type:`range`,label:c,error:l,element_blok:{className:[f||``]},element_input:{className:[p.w,p.range],props:{"data-disabled":d||!D?`true`:void 0}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{children:(0,n.jsx)(`div`,{ref:O,className:p.rangeTrack,role:`slider`,tabIndex:D?0:-1,"aria-label":c||s||`Диапазон`,"aria-valuemin":v,"aria-valuemax":x,"aria-valuenow":w,"data-disabled":d||!D?`true`:void 0,onPointerDown:j,onPointerMove:M,onPointerUp:N,onPointerCancel:N,onKeyDown:P,onBlur:F,children:(0,n.jsx)(`div`,{className:E?`${p.rangeFill} ${p.rangeFillFull}`:p.rangeFill,style:{width:`${T}%`},"aria-hidden":!0})})}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}x.displayName=`RangeField`;var S=e=>{let t=window.getSelection();if(!t||t.rangeCount===0)return;let n=t.getRangeAt(0);n.deleteContents(),n.insertNode(document.createTextNode(e)),n.collapse(!1),t.removeAllRanges(),t.addRange(n)};function C(e,t){S(e),t.dispatchEvent(new Event(`input`,{bubbles:!0}))}var w=e=>{let t=window.getSelection();if(!t)return;let n=document.createRange();n.selectNodeContents(e),n.collapse(!1),t.removeAllRanges(),t.addRange(n)},T=(e,t,n)=>{if(!t)return e;let r=window.getSelection(),i=0;if(r&&r.rangeCount>0){let e=r.getRangeAt(0);n.contains(e.commonAncestorContainer)&&(i=e.toString().length)}let a=t-((n.textContent||``).length-i);return a<=0?``:e.slice(0,a)};function E(e){queueMicrotask(()=>{e.dispatchEvent(new Event(`input`,{bubbles:!0}))})}var D={KeyDown(e){e.key===`Enter`&&e.preventDefault()},PasteOne(e){e.preventDefault(),S(e.clipboardText.replace(/\D/g,``)),E(e.target)},Paste(e,t){t.preventDefault();let n=T(t.clipboardText,e,t.target);n&&(S(n.replace(/(\r\n|\n|\r)/gm,` `)),E(t.target))},PasteDigits(e,t){t.preventDefault();let n=T(t.clipboardText.replace(/\D/g,``),e,t.target);n&&(S(n),E(t.target))},Focus(e){(e.target.textContent||``).length||(e.target.innerHTML=`<br>`),w(e.target)},Blur(e){e.target.scrollLeft=0,e.target.querySelector(`br`)!==null&&e.target.querySelector(`br`)?.remove()}},O=`plaintext-only`;function k(e){return{preventDefault:()=>e.preventDefault(),target:e.currentTarget,clipboardText:e.clipboardData?.getData(`text/plain`)??``}}var A={...D,ContentEditable:O};function j(e){return e==null?!0:typeof e==`string`?e.trim()===``:!1}function M(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function N(e,t,n){let r=Math.max(0,Math.min(t,e.length));return n(e.slice(0,r)).length}function P({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s=``,error:c=``,hidden:l=!1,disabled:u=!1,onBlur:d,className:f=``,after:h=``,before:g=``,inputmode:v=`decimal`,course:y=100,view:b,type:x,isClear:S=!1}){let{value:w,version:T}=_(r,a||``,e),E=r&&a?w:e,D=t.default.useRef(null),O=t.default.useRef(!1);t.default.useLayoutEffect(()=>{if(O.current)return;let e=D.current;if(!e)return;let t=E!=null&&(typeof E==`number`?!0:!j(String(E))),n=!o||t?F(E??``,y):``;e.textContent!==n&&(e.textContent=n)},[E,T,o,y]);let k=e=>x===`multi`?e.replace(/[^+\d.+-]/g,``):e.replace(/[^+\d.]/g,``),P=(e,t)=>{let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())},I=e=>{let t=e.target,n=t.textContent||``,o=M(t),s=k(n),c=N(n,o,k),l={value:Number(s||0)*y,name:a};r&&a&&r.onValue(l),i&&i!==r?.onValue&&i(l),t.textContent=s,s.length>0&&queueMicrotask(()=>{P(Math.min(c,s.length),t)})},L=e=>{let t=e.target;A.Blur(e),(t.textContent||``)===``&&(t.textContent=`0`);let n={value:Number(k(t.textContent||``))*y,name:a};r&&a&&r.setValue(n),d?.(n),i&&i!==r?.onValue&&i(n),t.textContent=F(k(t.textContent||``).trim()||`0`),O.current=!1},R=e=>{O.current=!0;let t=e.target;t.textContent=k(t.textContent||``),A.Focus({target:e.currentTarget})},z=e=>{let t=e.currentTarget.previousElementSibling;t&&(t.textContent=``);let n={value:0,name:a};r&&a&&r.setValue(n),i&&i!==r?.onValue&&i(n)},B=e=>{e.key===`Enter`&&e.preventDefault()},V=e=>{e.preventDefault(),C(k(e.clipboardData?.getData(`text/plain`)??``),e.currentTarget)},H=!u,U=E==null||(typeof E==`number`?!1:j(String(E??``)));if(l&&U)return``;let W={};return W.inputMode=v??`decimal`,o&&(W.placeholder=o),H&&(W.edit=``),(0,n.jsxs)(m,{type:`input`,label:s,error:c,element_blok:{className:[f]},element_input:{className:[p.w]},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{ref:D,...W,onInput:I,onPaste:V,onBlur:L,onKeyDown:B,onFocus:R,role:`textbox`,spellCheck:!1,"aria-label":s||o||`Сумма`,"aria-disabled":!H,tabIndex:u?-1:0,contentEditable:H?`plaintext-only`:!1,suppressContentEditableWarning:!0}),S&&(0,n.jsx)(`button`,{type:`button`,onClick:z,"aria-label":`Очистить поле`,children:`x`}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}P.displayName=`MoneyField`;function F(e,t){let n;if(typeof e==`string`){let t=e.replace(/\s/g,``).replace(`,`,`.`);n=parseFloat(t===``?`0`:t)}else n=Number(e??0);return Number.isNaN(n)&&(n=0),t!=null&&t>0&&(n/=t),n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g,`$1 `)}function I(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function L(e,t){if(t<=0)return 0;let n=0;for(let r=0;r<e.length;r++)if(/\d/.test(e[r])&&(n++,n===t))return r+1;return e.length}function R({value:e=``,form:r,onValue:i,onBlur:a,name:o=``,format:s=`+_(___) ___-__-__`,placeholder:c=``,label:l=``,error:u=``,hidden:d=!1,disabled:f=!1,className:h=``,after:g=``,before:v=``,inputmode:y=`numeric`,view:b}){let x=!f,{value:S,version:C}=_(r,o,e),w=t.default.useRef(null),T=t.default.useRef(!1),E=s,D=!0,O=0,M=(e,t)=>{let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())},N=e=>A.PasteOne(k(e)),P=e=>{E=s,D=!0,O=0;let t=0,n=``,r=e.replace(/\D/g,``);r===``&&(D=!0);let i=r.split(``),a=``;i.forEach(e=>{D&&(a+=e,D&&(O=(``+a).length,E=s.replace(RegExp(`[0-9]`,`g`),`_`),n=``),O>(``+a).length&&(D=!0,E=s.replace(RegExp(`[0-9]`,`g`),`_`),n=``))});let o=E.replace(/\D/g,``);return o.length>=r.length&&(r=o),{q:E.replace(/[_\d]/g,function(){return r.charAt(t++)||`_`}),i:t,v:r,f:n}};t.default.useLayoutEffect(()=>{if(T.current)return;let e=w.current;if(!e)return;let t=P(String(S||``));e.textContent!==t.q&&(e.textContent=t.q)},[S,C,s]),P(String(S||``));let F=e=>{let t=e.target,n=t.textContent||``,a=I(t),s=n.slice(0,a).replace(/\D/g,``).length,c=P(n);t.textContent=c.q;let l=L(c.q,s);c.q.length>0&&queueMicrotask(()=>{M(Math.min(l,c.q.length),t)});let u={value:c.q.replace(/\D/g,``),name:o};r&&o&&r.onValue(u),i&&i!==r?.onValue&&i(u)},R=e=>{e.key===`Enter`&&e.preventDefault()},z=e=>{A.Blur(e),a&&a({value:(e.target.textContent??``).replace(/\D/g,``),name:o}),T.current=!1},B=e=>{T.current=!0,A.Focus({target:e.currentTarget})},V={};c&&(V.placeholder=c),V.inputMode=y??`numeric`;let H=String(S??``).replace(/\D/g,``);return d&&j(H)?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`input`,label:l,error:u,element_blok:{className:[h]},element_input:{className:[p.w]},children:[v?(0,n.jsx)(`span`,{className:p.affix,children:v}):null,(0,n.jsx)(`div`,{ref:w,onPaste:N,onInput:F,onKeyDown:R,onBlur:z,onFocus:B,role:`textbox`,spellCheck:!1,"aria-label":l||c||o||`Маска`,"aria-disabled":!x,tabIndex:f?-1:0,"data-disabled":!x,contentEditable:x?`plaintext-only`:!1,suppressContentEditableWarning:!0,...V}),g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null]})}R.displayName=`MaskField`;var z={o:`_o_14hhr_2`,c:`_c_14hhr_13`,_active:`__active_14hhr_64`,dateHeaderMonth:`_dateHeaderMonth_14hhr_119`,dateHeaderYear:`_dateHeaderYear_14hhr_119`,dateHeaderDisabled:`_dateHeaderDisabled_14hhr_129`,as:`_as_14hhr_196`,ap:`_ap_14hhr_199`};function B(e){return!!(e==null||typeof e==`string`&&j(e)||e instanceof Date&&Number.isNaN(e.getTime()))}function V(e,t,n,r){let i=new Date(e,t-1,1);return!(n&&new Date(e,t,0)<n||r&&i>r)}function H(e,t,n){return!(t&&e<t.getFullYear()||n&&e>n.getFullYear())}function U(e,t,n){let r=e;if(t){let e=t.getFullYear();r+11<e&&(r=e-11),r<e&&(r=e)}if(n){let e=n.getFullYear();r>e&&(r=e-11),r+11>e&&(r=e-11)}return r}function W({label:e=``,error:i,hidden:a=!1,className:o,placeholder:s,disabled:c=!1,onValue:l,max:u,min:d,form:f,icon:h,name:g=``,value:v,after:y=``,before:b=``}){let x=t.default.useCallback(e=>{if(e==null||typeof e==`string`&&j(e))return``;if(e instanceof Date)return Number.isNaN(e.getTime())?``:e;if(typeof e==`string`||typeof e==`number`){let t=new Date(e);return Number.isNaN(t.getTime())?``:e}return``},[]),{value:S}=_(f,g,v),[C,w]=t.default.useState(x(S)),T=t.default.useRef(null),[E,D]=t.default.useState(null),[O,k]=t.default.useState(!1),A=t.default.useCallback(()=>{let e=T.current;if(!e)return;let t=e.getBoundingClientRect();D({x:t.left,y:t.top,b:t.bottom})},[]);t.default.useEffect(()=>{if(!O)return;A();let e=()=>{A()};return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[O,A]),t.default.useEffect(()=>{w(x(S))},[S,x]);let M=e=>{let t={value:e,name:g};w(e),f&&g&&f.setValue(t),l&&l!==f?.onValue&&l(t)},N=e=>{if(c)return;let t=e.currentTarget.getBoundingClientRect();D({x:t.left,y:t.top,b:t.bottom}),k(!0)},P={};s&&(P.placeholder=s);let F=S==null||S===``||typeof S==`string`&&j(S);return a&&F?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(n.Fragment,{children:[h?h():(0,n.jsxs)(m,{type:`date`,label:e,error:i,element_blok:{className:[o||``]},element_input:{className:[p.w],props:{"data-disabled":c?`true`:void 0}},children:[b?(0,n.jsx)(`span`,{className:p.affix,children:b}):null,(0,n.jsx)(`div`,{ref:T,onClick:N,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),N(e))},tabIndex:c?-1:0,role:`button`,"aria-haspopup":`dialog`,"aria-expanded":O,"aria-label":e||s||`Дата`,"data-edit":c?void 0:`true`,...P,style:{cursor:c?`not-allowed`:`pointer`},children:B(C)?``:ie(C,`dd.mm.yyyy`)}),y?(0,n.jsx)(`span`,{className:p.affix,children:y}):null]}),O&&E&&(0,r.createPortal)((0,n.jsx)(ee,{position:E,onValue:M,date:C,max:u,min:d,onOpen:k,className:o},`elcrm-date-popup`),document.body)]})}W.displayName=`DateField`;var ee=({date:e,onValue:r,position:i,max:a,min:o,className:s,onOpen:c})=>{let l=new Date,u=new Date(e);Number.isNaN(u.getTime())&&(u=new Date);let d={y:l.getFullYear(),d:l.getDate(),m:l.getMonth()+1},f={y:u.getFullYear(),d:u.getDate(),m:u.getMonth()+1},[p,m]=t.default.useState({y:f.y,m:f.m}),[h,g]=t.default.useState(`days`),[_,v]=t.default.useState(()=>U(f.y-5,o,a)),y=e=>{let t=e.getDay();return t===0&&(t=7),t-1},b=[`пн`,`вт`,`ср`,`чт`,`пт`,`сб`,`вс`],x=p.m-1,S=new Date(p.y,x),C=[];for(let e=0;e<y(S);e++)C.push(0);for(;S.getMonth()===x;)C.push(S.getDate()),S.setDate(S.getDate()+1);let w=()=>{c(!1)},T=()=>{N(p.m+1,p.y)},E=()=>{N(p.m-1,p.y)},D=()=>{h===`days`?E():h===`months`?N(p.m,p.y-1):v(e=>U(e-12,o,a))},O=()=>{h===`days`?T():h===`months`?N(p.m,p.y+1):v(e=>U(e+12,o,a))},k=e=>{e.stopPropagation(),v(U(p.y-5,o,a)),g(`years`)},A=e=>{V(p.y,e,o,a)&&(m({y:p.y,m:e}),g(`days`))},j=e=>{H(e,o,a)&&(m({y:e,m:p.m}),g(`days`))},M=e=>{r(p.y+`-`+re(2,p.m)+`-`+re(2,e)),w()},N=(e,t)=>{t=e>12?t+1:e<1?t-1:t,e=e>12?1:e<1?12:e,m({y:t,m:e})},P=e=>d.y===p.y&&d.m===p.m&&d.d===e?{"data-active":`true`}:{},F=e=>f.y===p.y&&f.m===p.m&&f.d===e?{"data-current":`true`}:{},I=e=>{let t=!0;return a&&a.getTime()<new Date(p.y,p.m-1,e).getTime()&&(t=!1),o&&o.getTime()>new Date(p.y,p.m-1,e).getTime()&&(t=!1),t},L=window.innerHeight-i.b<360?Math.max(8,i.y-360):i.b;L=Math.min(L,window.innerHeight-360-8),L=Math.max(8,L);let R=window.innerWidth-i.x<270?i.x-246:i.x;return R=Math.max(8,Math.min(R,window.innerWidth-270-8)),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:z.o,onClick:()=>w()}),(0,n.jsxs)(`div`,{className:[z.c,s&&s+`-backdrop`].join(` `),style:{top:L+`px`,left:R+`px`},onClick:e=>e.stopPropagation(),children:[(0,n.jsxs)(`s`,{children:[(0,n.jsx)(`i`,{onClick:e=>{e.stopPropagation(),D()},children:(0,n.jsx)(`svg`,{width:`16`,height:`16`,fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`m15.09 4.594-7.646 6.553a1.126 1.126 0 0 0 0 1.708l7.647 6.552c.73.625 1.857.107 1.857-.854V5.447c0-.961-1.127-1.48-1.857-.853Z`})})}),(0,n.jsxs)(`h2`,{children:[(0,n.jsx)(`span`,{className:z.dateHeaderMonth,onClick:e=>{e.stopPropagation(),g(h===`years`?`months`:h===`months`?`days`:`months`)},title:h===`years`?`К списку месяцев`:h===`months`?`К календарю`:`Выбрать месяц`,children:ne(p.m).name}),(0,n.jsx)(`span`,{className:z.dateHeaderYear,onClick:e=>{e.stopPropagation(),h===`years`?g(`days`):k(e)},title:h===`years`?`К календарю`:`Выбрать год`,children:p.y})]}),(0,n.jsx)(`i`,{onClick:e=>{e.stopPropagation(),O()},children:(0,n.jsx)(`svg`,{width:`16`,height:`16`,fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`m8.91 19.406 7.646-6.552a1.125 1.125 0 0 0 0-1.709L8.91 4.593c-.73-.625-1.857-.107-1.857.854v13.107c0 .96 1.127 1.479 1.857.852Z`})})})]}),h===`days`&&(0,n.jsxs)(`div`,{"grid-calendar":``,children:[b.map((e,t)=>(0,n.jsx)(`p`,{children:e},`v`+t)),C.map((e,t)=>(0,n.jsx)(`span`,{children:e!==0&&I(e)?(0,n.jsx)(`b`,{...P(e),...F(e),onClick:()=>M(e),children:e}):(0,n.jsx)(`p`,{...P(e),...F(e),children:e===0?``:e})},t))]}),h===`months`&&(0,n.jsx)(`div`,{"grid-month":``,children:Array.from({length:12},(e,t)=>{let r=t+1,i=V(p.y,r,o,a),s=d.y===p.y&&d.m===r?{"data-active":`true`}:{},c=f.y===p.y&&f.m===r?{"data-current":`true`}:{};return(0,n.jsx)(`b`,{className:i?``:z.dateHeaderDisabled,...s,...c,onClick:()=>i&&A(r),children:ne(r).abc},r)})}),h===`years`&&(0,n.jsx)(`div`,{"grid-month":``,children:Array.from({length:12},(e,t)=>{let r=_+t,i=H(r,o,a),s=d.y===r?{"data-active":`true`}:{},c=f.y===r?{"data-current":`true`}:{};return(0,n.jsx)(`b`,{className:i?``:z.dateHeaderDisabled,...s,...c,onClick:()=>i&&j(r),children:r},r)})})]})]})},te={val:`01`,name:`—`,names:`—`,abc:`—`};function ne(e){let t=typeof e==`number`?e:new Date(e).getMonth()+1;return(!Number.isFinite(t)||t<1||t>12)&&(t=new Date().getMonth()+1),{1:{val:`01`,name:`Январь`,names:`Января`,abc:`Янв`},2:{val:`02`,name:`Февраль`,names:`Февраля`,abc:`Февр`},3:{val:`03`,name:`Март`,names:`Марта`,abc:`Март`},4:{val:`04`,name:`Апрель`,names:`Апреля`,abc:`Апр`},5:{val:`05`,name:`Май`,names:`Мая`,abc:`Май`},6:{val:`06`,name:`Июнь`,names:`Июня`,abc:`Июнь`},7:{val:`07`,name:`Июль`,names:`Июля`,abc:`Июль`},8:{val:`08`,name:`Август`,names:`Августа`,abc:`Авг`},9:{val:`09`,name:`Сентябрь`,names:`Сентября`,abc:`Сент`},10:{val:`10`,name:`Октябрь`,names:`Октября`,abc:`Окт`},11:{val:`11`,name:`Ноябрь`,names:`Ноября`,abc:`Нояб`},12:{val:`12`,name:`Декабрь`,names:`Декабря`,abc:`Дек`}}[t]??te}function re(e,t){let n=t+``;for(;n.length<e;)n=`0`+n;return n}function ie(e,t){let n,r;t===void 0?(r=String(e),n=new Date):(r=t,n=new Date(e)),Number.isNaN(n.getTime())&&(n=new Date);let i=r,a={yyyy:n.getFullYear(),yy:(``+n.getFullYear()).slice(-2),mm:(`0`+(n.getMonth()+1)).slice(-2),dd:(`0`+n.getDate()).slice(-2),HH:(`0`+n.getHours()).slice(-2),MM:(`0`+n.getMinutes()).slice(-2),SS:(`0`+n.getSeconds()).slice(-2),__:` \xA0\xA0\xA0\xA0 `,_:` \xA0\xA0 `};for(let e in a)i=i.replace(e,String(a[e]));return i}function ae(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function G(e,t){let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())}function K(e){return String(e).padStart(2,`0`)}function q(e){return(e||``).replace(/\D/g,``)}function J(e){if(e==null||e===``||typeof e!=`string`)return``;let t=e.trim(),n=/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(t);if(!n)return``;let r=Math.min(23,Math.max(0,parseInt(n[1],10))),i=Math.min(59,Math.max(0,parseInt(n[2],10)));return`${K(r)}:${K(i)}`}function oe(e){let t=J(e);if(!t)return{h:null,m:null};let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return{h:n,m:r}}function se(e,t){if(e===null&&t===null)return``;let n=e??0,r=t??0;return`${K(n)}:${K(r)}`}function ce(e,t){let n=q(e).slice(0,2);if(n===``)return null;let r=parseInt(n,10);return Number.isNaN(r)?null:Math.min(t,Math.max(0,r))}function le(e){let t=J(e);if(!t)return null;let[n,r]=t.split(`:`).map(e=>parseInt(e,10));return n*60+r}function ue(e,t){let n=Math.max(1,Math.round(t/60));if(n<=1)return e;let r=Math.round(e/n)*n;return Math.min(59,Math.max(0,r))}function de(e,t,n){let r=J(e);if(!r)return``;let i=le(r);if(i===null)return``;if(t){let e=le(t);e!==null&&(i=Math.max(i,e))}if(n){let e=le(n);e!==null&&(i=Math.min(i,e))}return se(Math.floor(i/60),i%60)}function fe({value:e=``,form:r,onValue:i,onBlur:a,name:o=``,placeholder:s=``,label:c=``,hidden:l=!1,disabled:u=!1,error:d=``,className:f=``,after:h=``,before:g=``,step:v=60,min:y,max:b,id:x,spellCheck:S=!1,align:C=`start`}){let{value:w,version:T}=_(r,o,e),E=J(w),D=!u,O=t.default.useRef(null),k=t.default.useRef(null),j=t.default.useRef(null),[M,N]=t.default.useState(!1);t.default.useLayoutEffect(()=>{if(!M||!D)return;let{h:e,m:t}=oe(E),n=(e,t)=>{e&&(t===null?e.innerHTML=`<br>`:e.textContent=String(t))};n(O.current,e),n(k.current,t)},[M,E,T,D]);let P=t.default.useCallback(()=>{let e=ce(O.current?.textContent||``,23),t=ce(k.current?.textContent||``,59);if(e===null&&t===null)return``;let n=se(e,t);if(!n)return``;let{h:r,m:i}=oe(n);return i!==null&&(n=se(r,ue(i,v))),n&&=de(n,y,b),n||``},[y,b,v]),F=e=>t=>{if(t.preventDefault(),!D)return;let n=q(t.clipboardData?.getData(`text/plain`)??``),r=e===`hour`?23:59;if(n.length>=4){let e=Math.min(23,Math.max(0,parseInt(n.slice(0,2),10))),t=Math.min(59,Math.max(0,parseInt(n.slice(2,4),10))),r=O.current,i=k.current;r&&(r.textContent=String(e),queueMicrotask(()=>G(String(e).length,r))),i&&(i.textContent=String(t),queueMicrotask(()=>G(String(t).length,i)));return}let i=n.slice(0,2),a=t.currentTarget;if(i===``){a.innerHTML=`<br>`,queueMicrotask(()=>G(0,a));return}let o=parseInt(i,10);if(Number.isNaN(o))return;let s=String(Math.min(r,Math.max(0,o)));a.textContent=s,queueMicrotask(()=>G(s.length,a))},I=e=>{let t=e.target,n=t.textContent||``,r=ae(t),i=n.slice(0,r).replace(/\D/g,``).length,a=q(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>G(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(23,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>G(c,t))},L=e=>{let t=e.target,n=t.textContent||``,r=ae(t),i=n.slice(0,r).replace(/\D/g,``).length,a=q(n).slice(0,2);if(a===``){t.innerHTML=`<br>`,queueMicrotask(()=>G(0,t));return}let o=parseInt(a,10);if(Number.isNaN(o))return;let s=String(Math.min(59,Math.max(0,o)));t.textContent=s;let c=Math.min(i,s.length);queueMicrotask(()=>G(c,t))},R=e=>{(e.key===`Enter`||e.key===`:`)&&(e.preventDefault(),k.current?.focus())},z=e=>{e.key===`Enter`&&e.preventDefault()},B=e=>{let t=e.currentTarget;(t.textContent||``).trim().length||(t.innerHTML=`<br>`),D&&N(!0)},V=e=>{A.Blur(e)};t.default.useEffect(()=>{let e=j.current;if(!e)return;let t=t=>{let n=t.relatedTarget;if(n&&e.contains(n))return;let s=P();r&&o&&r.setValue({name:o,value:s}),i&&i!==r?.onValue&&i({value:s,name:o}),a&&o&&a({value:s,name:o}),N(!1)};return e.addEventListener(`focusout`,t),()=>e.removeEventListener(`focusout`,t)},[r,o,a,y,b,v,P]);let{h:H,m:U}=oe(E),W={};D&&(W.edit=``);let ee={...W},te={...W};s&&(ee.placeholder=s);let ne=E!==``||M;return l&&E===``?null:(0,n.jsxs)(m,{type:`time`,label:c,error:d,element_blok:{className:[f||``]},element_input:{className:[p.w,p.time,C===`center`?p.timeAlignCenter:``].filter(Boolean),props:{"data-disabled":u||!D?`true`:void 0}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsxs)(`div`,{ref:j,className:p.timeInner,role:`group`,"aria-label":c||`Время`,children:[(0,n.jsx)(`div`,{id:x,ref:O,className:p.timePart,contentEditable:D?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:S,inputMode:`numeric`,onPaste:F(`hour`),onInput:I,onKeyDown:R,onFocus:B,onBlur:V,"aria-label":`Часы, 0–23`,...ee,children:!D||!M?H===null?``:K(H):null}),ne&&(0,n.jsx)(`span`,{className:p.timeSep,"aria-hidden":`true`,children:`:`}),(0,n.jsx)(`div`,{ref:k,className:p.timePart,contentEditable:D?`plaintext-only`:!1,suppressContentEditableWarning:!0,spellCheck:S,inputMode:`numeric`,onPaste:F(`minute`),onInput:L,onKeyDown:z,onFocus:B,onBlur:V,"aria-label":`Минуты, 0–59`,...te,children:!D||!M?U===null?``:K(U):null})]}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}fe.displayName=`TimeField`;function pe({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s=``,hidden:c=!1,disabled:l=!1,onBlur:u,className:d=``,after:f=``,before:h=``,error:g=``,inputmode:v=`text`,maxLength:y,spellCheck:b=!0}){let{value:x,version:S}=_(r,a||``,e),C=!l,w=String(x??``),T=t.default.useRef(null),E=t.default.useRef(!1);t.default.useLayoutEffect(()=>{if(E.current)return;let e=T.current;e&&e.innerText!==w&&(e.innerText=w)},[w,S]);let D=e=>{let t={value:e.currentTarget.innerText,name:a||``};r&&a&&r.onValue(t),i&&i!==r?.onValue&&i(t)},O=e=>{let t=(e.currentTarget.textContent??``).trim();y&&t.length>=y&&e.key!==`Backspace`&&e.preventDefault(),e.key===`Enter`&&!e.shiftKey&&e.preventDefault()},M=e=>A.Paste(y||0,k(e));if(c&&j(x))return(0,n.jsx)(n.Fragment,{});let N={};return o&&(N.placeholder=o),C&&(N.edit=``),N.inputMode=v||`text`,(0,n.jsxs)(m,{type:`note`,label:s,error:g,element_blok:{className:[d||``]},element_input:{className:[p.n]},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,(0,n.jsx)(`div`,{ref:T,onPaste:M,onInput:D,onFocus:()=>{E.current=!0},onBlur:e=>{A.Blur(e),u?.({value:(e.currentTarget.textContent??``).trim(),name:a||``}),E.current=!1},onKeyDown:O,spellCheck:b,contentEditable:C?`plaintext-only`:!1,suppressContentEditableWarning:!0,...N}),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]})}pe.displayName=`TextareaField`;var me=Object.freeze({0:{name:`Heard Island and Mcdonald Islands`,dial_code:`+0`,code:`HM`,mask:`+0(___) ___-__-__`},1:{name:`United States`,dial_code:`+1`,code:`US`,mask:`+1(___) ___-__-__`},7:{name:`Russia`,dial_code:`+7`,code:`RU`,mask:`+7(___) ___-__-__`},20:{name:`Egypt`,dial_code:`+20`,code:`EG`,mask:`+20(___) ___-__-__`},27:{name:`South Africa`,dial_code:`+27`,code:`ZA`,mask:`+27(___) __-__-__`},30:{name:`Greece`,dial_code:`+30`,code:`GR`,mask:`+30(___) ___-__-__`},31:{name:`Netherlands`,dial_code:`+31`,code:`NL`,mask:`+31(___) __-__-__`},32:{name:`Belgium`,dial_code:`+32`,code:`BE`,mask:`+32(___) __-__-__`},33:{name:`France`,dial_code:`+33`,code:`FR`,mask:`+33(___) __-__-__`},34:{name:`Spain`,dial_code:`+34`,code:`ES`,mask:`+34(___) __-__-__`},36:{name:`Hungary`,dial_code:`+36`,code:`HU`,mask:`+36(___) __-__-__`},39:{name:`Italy`,dial_code:`+39`,code:`IT`,mask:`+39(___) ___-__-__`},40:{name:`Romania`,dial_code:`+40`,code:`RO`,mask:`+40(___) __-__-__`},41:{name:`Switzerland`,dial_code:`+41`,code:`CH`,mask:`+41(___) __-__-__`},43:{name:`Austria`,dial_code:`+43`,code:`AT`,mask:`+43(__) ___-__-__`},44:{name:`United Kingdom`,dial_code:`+44`,code:`GB`,mask:`+44(___) ___-__-__`},45:{name:`Denmark`,dial_code:`+45`,code:`DK`,mask:`+45(__) __-__-__`},46:{name:`Sweden`,dial_code:`+46`,code:`SE`,mask:`+46(___) __-__-__`},47:{name:`Svalbard and Jan Mayen`,dial_code:`+47`,code:`SJ`,mask:`+47(__) __-__-__`},48:{name:`Poland`,dial_code:`+48`,code:`PL`,mask:`+48(__) __-__-__`},49:{name:`Germany`,dial_code:`+49`,code:`DE`,mask:`+49(___) ___-__-__`},51:{name:`Peru`,dial_code:`+51`,code:`PE`,mask:`+51(___) __-__-__`},52:{name:`Mexico`,dial_code:`+52`,code:`MX`,mask:`+52(__-__) ___-__-__`},53:{name:`Cuba`,dial_code:`+53`,code:`CU`,mask:`+53(__) __-__-__`},54:{name:`Argentina`,dial_code:`+54`,code:`AR`,mask:`+54(__-__) ___-__-__`},55:{name:`Brazil`,dial_code:`+55`,code:`BR`,mask:`+55(___) ___-__-__`},56:{name:`Chile`,dial_code:`+56`,code:`CL`,mask:`+56(___) __-__-__`},57:{name:`Colombia`,dial_code:`+57`,code:`CO`,mask:`+57(___) ___-__-__`},58:{name:`Venezuela, Bolivarian Republic of Venezuela`,dial_code:`+58`,code:`VE`,mask:`+58(___) ___-__-__`},60:{name:`Malaysia`,dial_code:`+60`,code:`MY`,mask:`+60(___) __-__-__`},61:{name:`Cocos (Keeling) Islands`,dial_code:`+61`,code:`CC`,mask:`+61(___) ___-__-__`},62:{name:`Indonesia`,dial_code:`+62`,code:`ID`,mask:`+62(___) __-__-__`},63:{name:`Philippines`,dial_code:`+63`,code:`PH`,mask:`+63(___) ___-__-__`},64:{name:`Pitcairn`,dial_code:`+64`,code:`PN`,mask:`+64(___) __-__-__`},65:{name:`Singapore`,dial_code:`+65`,code:`SG`,mask:`+65(__) __-__-__`},66:{name:`Thailand`,dial_code:`+66`,code:`TH`,mask:`+66(___) __-__-__`},77:{name:`Kazakhstan`,dial_code:`+77`,code:`KZ`,mask:`+77(__) ___-__-__`},81:{name:`Japan`,dial_code:`+81`,code:`JP`,mask:`+81(___) ___-__-__`},82:{name:`Korea, Republic of South Korea`,dial_code:`+82`,code:`KR`,mask:`+82(___) ___-__-__`},84:{name:`Vietnam`,dial_code:`+84`,code:`VN`,mask:`+84(___) __-__-__`},86:{name:`China`,dial_code:`+86`,code:`CN`,mask:`+86(__-__) ___-__-__`},90:{name:`Turkey`,dial_code:`+90`,code:`TR`,mask:`+90(___) ___-__-__`},91:{name:`India`,dial_code:`+91`,code:`IN`,mask:`+91(___) ___-__-__`},92:{name:`Pakistan`,dial_code:`+92`,code:`PK`,mask:`+92(___) ___-__-__`},93:{name:`Afghanistan`,dial_code:`+93`,code:`AF`,mask:`+93(__) ___-__-__`},94:{name:`Sri Lanka`,dial_code:`+94`,code:`LK`,mask:`+94(___) __-__-__`},95:{name:`Myanmar`,dial_code:`+95`,code:`MM`,mask:`+95(___) ___-__-__`},98:{name:`Iran, Islamic Republic of Persian Gulf`,dial_code:`+98`,code:`IR`,mask:`+98(___) ___-__-__`},211:{name:`South Sudan`,dial_code:`+211`,code:`SS`,mask:`+211(___) ___-__-__`},212:{name:`Morocco`,dial_code:`+212`,code:`MA`,mask:`+212(___) __-__-__`},213:{name:`Algeria`,dial_code:`+213`,code:`DZ`,mask:`+213(__) ___-__-__`},216:{name:`Tunisia`,dial_code:`+216`,code:`TN`,mask:`+216(__) __-__-__`},218:{name:`Libyan Arab Jamahiriya`,dial_code:`+218`,code:`LY`,mask:`+218(___) ___-__-__`},220:{name:`Gambia`,dial_code:`+220`,code:`GM`,mask:`+220(___) __-__`},221:{name:`Senegal`,dial_code:`+221`,code:`SN`,mask:`+221(___) __-__-__`},222:{name:`Mauritania`,dial_code:`+222`,code:`MR`,mask:`+222(__) __-__-__`},223:{name:`Mali`,dial_code:`+223`,code:`ML`,mask:`+223(__) __-__-__`},224:{name:`Guinea`,dial_code:`+224`,code:`GN`,mask:`+224(__) __-__-__`},225:{name:`Cote d'Ivoire`,dial_code:`+225`,code:`CI`,mask:`+225(__) __-__-__`},226:{name:`Burkina Faso`,dial_code:`+226`,code:`BF`,mask:`+226(__) __-__-__`},227:{name:`Niger`,dial_code:`+227`,code:`NE`,mask:`+227(__) __-__-__`},228:{name:`Togo`,dial_code:`+228`,code:`TG`,mask:`+228(__) __-__-__`},229:{name:`Benin`,dial_code:`+229`,code:`BJ`,mask:`+229(__) __-__-__`},230:{name:`Mauritius`,dial_code:`+230`,code:`MU`,mask:`+230(___) __-__`},231:{name:`Liberia`,dial_code:`+231`,code:`LR`,mask:`+231(___) __-__`},232:{name:`Sierra Leone`,dial_code:`+232`,code:`SL`,mask:`+232(__) __-__-__`},233:{name:`Ghana`,dial_code:`+233`,code:`GH`,mask:`+233(___) __-__-__`},234:{name:`Nigeria`,dial_code:`+234`,code:`NG`,mask:`+234(___) ___-__-__`},235:{name:`Chad`,dial_code:`+235`,code:`TD`,mask:`+235(__) __-__-__`},236:{name:`Central African Republic`,dial_code:`+236`,code:`CF`,mask:`+236(__) __-__-__`},237:{name:`Cameroon`,dial_code:`+237`,code:`CM`,mask:`+237(__) __-__-__`},238:{name:`Cape Verde`,dial_code:`+238`,code:`CV`,mask:`+238(___) __-__`},239:{name:`Sao Tome and Principe`,dial_code:`+239`,code:`ST`,mask:`+239(___) ___-__-__`},240:{name:`Equatorial Guinea`,dial_code:`+240`,code:`GQ`,mask:`+240(___) __-__-__`},241:{name:`Gabon`,dial_code:`+241`,code:`GA`,mask:`+241(__) __-__-__`},242:{name:`Congo`,dial_code:`+242`,code:`CG`,mask:`+242(___) __-__-__`},243:{name:`Congo, The Democratic Republic of the Congo`,dial_code:`+243`,code:`CD`,mask:`+243(___) ___-__-__`},244:{name:`Angola`,dial_code:`+244`,code:`AO`,mask:`+244(__) ___-__-__`},245:{name:`Guinea-Bissau`,dial_code:`+245`,code:`GW`,mask:`+245(___) __-__`},246:{name:`British Indian Ocean Territory`,dial_code:`+246`,code:`IO`,mask:`+246(___) ___-__-__`},248:{name:`Seychelles`,dial_code:`+248`,code:`SC`,mask:`+248(___) ___-__-__`},249:{name:`Sudan`,dial_code:`+249`,code:`SD`,mask:`+249(___) __-__-__`},250:{name:`Rwanda`,dial_code:`+250`,code:`RW`,mask:`+250(___) __-__-__`},251:{name:`Ethiopia`,dial_code:`+251`,code:`ET`,mask:`+251(___) __-__-__`},252:{name:`Somalia`,dial_code:`+252`,code:`SO`,mask:`+252(___) ___-__-__`},253:{name:`Djibouti`,dial_code:`+253`,code:`DJ`,mask:`+253(___) ___-__-__`},254:{name:`Kenya`,dial_code:`+254`,code:`KE`,mask:`+254(___) __-__-__`},255:{name:`Tanzania, United Republic of Tanzania`,dial_code:`+255`,code:`TZ`,mask:`+255(___) __-__-__`},256:{name:`Uganda`,dial_code:`+256`,code:`UG`,mask:`+256(___) __-__-__`},257:{name:`Burundi`,dial_code:`+257`,code:`BI`,mask:`+257(__) __-__-__`},258:{name:`Mozambique`,dial_code:`+258`,code:`MZ`,mask:`+258(___) __-__-__`},260:{name:`Zambia`,dial_code:`+260`,code:`ZM`,mask:`+260(___) __-__-__`},261:{name:`Madagascar`,dial_code:`+261`,code:`MG`,mask:`+261(___) __-__-__`},262:{name:`Reunion`,dial_code:`+262`,code:`RE`,mask:`+262(___) __-__-__`},263:{name:`Zimbabwe`,dial_code:`+263`,code:`ZW`,mask:`+263(___) __-__-__`},264:{name:`Namibia`,dial_code:`+264`,code:`NA`,mask:`+264(___) __-__-__`},265:{name:`Malawi`,dial_code:`+265`,code:`MW`,mask:`+265(___) __-__-__`},266:{name:`Lesotho`,dial_code:`+266`,code:`LS`,mask:`+266(__) __-__-__`},267:{name:`Botswana`,dial_code:`+267`,code:`BW`,mask:`+267(__) __-__-__`},268:{name:`Swaziland`,dial_code:`+268`,code:`SZ`,mask:`+268(___) ___-__-__`},269:{name:`Comoros`,dial_code:`+269`,code:`KM`,mask:`+269(___) __-__`},290:{name:`Saint Helena, Ascension and Tristan Da Cunha`,dial_code:`+290`,code:`SH`,mask:`+290(___) ___-__-__`},291:{name:`Eritrea`,dial_code:`+291`,code:`ER`,mask:`+291(___) ___-__-__`},297:{name:`Aruba`,dial_code:`+297`,code:`AW`,mask:`+297(_) __-__-__`},298:{name:`Faroe Islands`,dial_code:`+298`,code:`FO`,mask:`+298(__) __-__`},299:{name:`Greenland`,dial_code:`+299`,code:`GL`,mask:`+299(__) __-__`},345:{name:`Cayman Islands`,dial_code:`+ 345`,code:`KY`,mask:`+345(___) ___-__-__`},350:{name:`Gibraltar`,dial_code:`+350`,code:`GI`,mask:`+350(__) __-__-__`},351:{name:`Portugal`,dial_code:`+351`,code:`PT`,mask:`+351(___) __-__-__`},352:{name:`Luxembourg`,dial_code:`+352`,code:`LU`,mask:`+352(___) __-__-__`},353:{name:`Ireland`,dial_code:`+353`,code:`IE`,mask:`+353(___) __-__-__`},354:{name:`Iceland`,dial_code:`+354`,code:`IS`,mask:`+354(___) __-__`},355:{name:`Albania`,dial_code:`+355`,code:`AL`,mask:`+355(__) ___-__-__`},356:{name:`Malta`,dial_code:`+356`,code:`MT`,mask:`+356(__) __-__-__`},357:{name:`Cyprus`,dial_code:`+357`,code:`CY`,mask:`+357(__) __-__-__`},358:{name:`Finland`,dial_code:`+358`,code:`FI`,mask:`+358(___) __-__-__`},359:{name:`Bulgaria`,dial_code:`+359`,code:`BG`,mask:`+359(___) __-__-__`},370:{name:`Lithuania`,dial_code:`+370`,code:`LT`,mask:`+370(_) ___-__-__`},371:{name:`Latvia`,dial_code:`+371`,code:`LV`,mask:`+371(__) __-__-__`},372:{name:`Estonia`,dial_code:`+372`,code:`EE`,mask:`+372(__) __-__-__`},373:{name:`Moldova`,dial_code:`+373`,code:`MD`,mask:`+373(__) __-__-__`},374:{name:`Armenia`,dial_code:`+374`,code:`AM`,mask:`+374(_) ___-__-__`},375:{name:`Belarus`,dial_code:`+375`,code:`BY`,mask:`+375(__) ___-__-__`},376:{name:`Andorra`,dial_code:`+376`,code:`AD`,mask:`+376(_) _-__-__`},377:{name:`Monaco`,dial_code:`+377`,code:`MC`,mask:`+377(___) __-__-__`},378:{name:`San Marino`,dial_code:`+378`,code:`SM`,mask:`+378(__) __-__-__`},379:{name:`Holy See (Vatican City State)`,dial_code:`+379`,code:`VA`,mask:`+379(___) ___-__-__`},380:{name:`Ukraine`,dial_code:`+380`,code:`UA`,mask:`+380(__) ___-__-__`},381:{name:`Serbia`,dial_code:`+381`,code:`RS`,mask:`+381(__) __-__-__`},382:{name:`Montenegro`,dial_code:`+382`,code:`ME`,mask:`+382(___) ___-__-__`},383:{name:`Kosovo`,dial_code:`+383`,code:`XK`,mask:`+383(___) __-__`},385:{name:`Croatia`,dial_code:`+385`,code:`HR`,mask:`+385(__) __-__-__`},386:{name:`Slovenia`,dial_code:`+386`,code:`SI`,mask:`+386(__) __-__-__`},387:{name:`Bosnia and Herzegovina`,dial_code:`+387`,code:`BA`,mask:`+387(__) __-__-__`},389:{name:`Macedonia`,dial_code:`+389`,code:`MK`,mask:`+389(__) __-__-__`},420:{name:`Czech Republic`,dial_code:`+420`,code:`CZ`,mask:`+420(___) __-__-__`},421:{name:`Slovakia`,dial_code:`+421`,code:`SK`,mask:`+421(___) __-__-__`},423:{name:`Liechtenstein`,dial_code:`+423`,code:`LI`,mask:`+423(___) __-__-__`},500:{name:`South Georgia and the South Sandwich Islands`,dial_code:`+500`,code:`GS`,mask:`+500(___) ___-__-__`},501:{name:`Belize`,dial_code:`+501`,code:`BZ`,mask:`+501(___) __-__`},502:{name:`Guatemala`,dial_code:`+502`,code:`GT`,mask:`+502(__) __-__-__`},503:{name:`El Salvador`,dial_code:`+503`,code:`SV`,mask:`+503(__) __-__-__`},504:{name:`Honduras`,dial_code:`+504`,code:`HN`,mask:`+504(__) __-__-__`},505:{name:`Nicaragua`,dial_code:`+505`,code:`NI`,mask:`+505(__) __-__-__`},506:{name:`Costa Rica`,dial_code:`+506`,code:`CR`,mask:`+506(__) __-__-__`},507:{name:`Panama`,dial_code:`+507`,code:`PA`,mask:`+507(__) __-__-__`},508:{name:`Saint Pierre and Miquelon`,dial_code:`+508`,code:`PM`,mask:`+508(___) ___-__-__`},509:{name:`Haiti`,dial_code:`+509`,code:`HT`,mask:`+509(__) __-__-__`},590:{name:`Saint Martin`,dial_code:`+590`,code:`MF`,mask:`+590(___) __-__-__`},591:{name:`Bolivia, Plurinational State of bolivia`,dial_code:`+591`,code:`BO`,mask:`+591(__) __-__-__`},592:{name:`Guyana`,dial_code:`+592`,code:`GY`,mask:`+592(___) ___-__-__`},593:{name:`Ecuador`,dial_code:`+593`,code:`EC`,mask:`+593(___) __-__-__`},594:{name:`French Guiana`,dial_code:`+594`,code:`GF`,mask:`+594(___) __-__-__`},595:{name:`Paraguay`,dial_code:`+595`,code:`PY`,mask:`+595(___) __-__-__`},596:{name:`Martinique`,dial_code:`+596`,code:`MQ`,mask:`+596(___) __-__-__`},597:{name:`Suriname`,dial_code:`+597`,code:`SR`,mask:`+597(___) __-__`},598:{name:`Uruguay`,dial_code:`+598`,code:`UY`,mask:`+598(__) __-__-__`},599:{name:`Netherlands Antilles`,dial_code:`+599`,code:`AN`,mask:`+599(__) __-__-__`},670:{name:`Timor-Leste`,dial_code:`+670`,code:`TL`,mask:`+670(__) __-__-__`},672:{name:`Norfolk Island`,dial_code:`+672`,code:`NF`,mask:`+672(___) ___-__-__`},673:{name:`Brunei Darussalam`,dial_code:`+673`,code:`BN`,mask:`+673(___) __-__`},674:{name:`Nauru`,dial_code:`+674`,code:`NR`,mask:`+674(___) __-__`},675:{name:`Papua New Guinea`,dial_code:`+675`,code:`PG`,mask:`+675(___) __-__`},676:{name:`Tonga`,dial_code:`+676`,code:`TO`,mask:`+676(___) __-__`},677:{name:`Solomon Islands`,dial_code:`+677`,code:`SB`,mask:`+677(___) __-__`},678:{name:`Vanuatu`,dial_code:`+678`,code:`VU`,mask:`+678(___) __-__`},679:{name:`Fiji`,dial_code:`+679`,code:`FJ`,mask:`+679(___) __-__`},680:{name:`Palau`,dial_code:`+680`,code:`PW`,mask:`+680(___) ___-__-__`},681:{name:`Wallis and Futuna`,dial_code:`+681`,code:`WF`,mask:`+681(___) ___-__-__`},682:{name:`Cook Islands`,dial_code:`+682`,code:`CK`,mask:`+682(_) __-__`},683:{name:`Niue`,dial_code:`+683`,code:`NU`,mask:`+683(___) ___-__-__`},685:{name:`Samoa`,dial_code:`+685`,code:`WS`,mask:`+685(__) __-__`},686:{name:`Kiribati`,dial_code:`+686`,code:`KI`,mask:`+686(___) ___-__-__`},687:{name:`New Caledonia`,dial_code:`+687`,code:`NC`,mask:`+687(__) __-__`},688:{name:`Tuvalu`,dial_code:`+688`,code:`TV`,mask:`+688(___) ___-__-__`},689:{name:`French Polynesia`,dial_code:`+689`,code:`PF`,mask:`+689(__) __-__`},690:{name:`Tokelau`,dial_code:`+690`,code:`TK`,mask:`+690(___) ___-__-__`},691:{name:`Micronesia, Federated States of Micronesia`,dial_code:`+691`,code:`FM`,mask:`+691(___) ___-__-__`},692:{name:`Marshall Islands`,dial_code:`+692`,code:`MH`,mask:`+692(___) ___-__-__`},850:{name:`Korea, Democratic People's Republic of Korea`,dial_code:`+850`,code:`KP`,mask:`+850(___) ___-__-__`},852:{name:`Hong Kong`,dial_code:`+852`,code:`HK`,mask:`+852(__) __-__-__`},853:{name:`Macao`,dial_code:`+853`,code:`MO`,mask:`+853(__) __-__-__`},855:{name:`Cambodia`,dial_code:`+855`,code:`KH`,mask:`+855(__) __-__-__`},856:{name:`Laos`,dial_code:`+856`,code:`LA`,mask:`+856(___) ___-__-__`},880:{name:`Bangladesh`,dial_code:`+880`,code:`BD`,mask:`+880(___) ___-__-__`},886:{name:`Taiwan`,dial_code:`+886`,code:`TW`,mask:`+886(___) __-__-__`},960:{name:`Maldives`,dial_code:`+960`,code:`MV`,mask:`+960(___) __-__`},961:{name:`Lebanon`,dial_code:`+961`,code:`LB`,mask:`+961(__) __-__-__`},962:{name:`Jordan`,dial_code:`+962`,code:`JO`,mask:`+962(___) __-__-__`},963:{name:`Syrian Arab Republic`,dial_code:`+963`,code:`SY`,mask:`+963(___) __-__-__`},964:{name:`Iraq`,dial_code:`+964`,code:`IQ`,mask:`+964(___) ___-__-__`},965:{name:`Kuwait`,dial_code:`+965`,code:`KW`,mask:`+965(__) __-__-__`},966:{name:`Saudi Arabia`,dial_code:`+966`,code:`SA`,mask:`+966(___) __-__-__`},967:{name:`Yemen`,dial_code:`+967`,code:`YE`,mask:`+967(___) __-__-__`},968:{name:`Oman`,dial_code:`+968`,code:`OM`,mask:`+968(__) __-__-__`},970:{name:`Palestinian Territory, Occupied`,dial_code:`+970`,code:`PS`,mask:`+970(___) __-__-__`},971:{name:`United Arab Emirates`,dial_code:`+971`,code:`AE`,mask:`+971(___) __-__-__`},972:{name:`Israel`,dial_code:`+972`,code:`IL`,mask:`+972(___) __-__-__`},973:{name:`Bahrain`,dial_code:`+973`,code:`BH`,mask:`+973(__) __-__-__`},974:{name:`Qatar`,dial_code:`+974`,code:`QA`,mask:`+974(__) __-__-__`},975:{name:`Bhutan`,dial_code:`+975`,code:`BT`,mask:`+975(__) __-__-__`},976:{name:`Mongolia`,dial_code:`+976`,code:`MN`,mask:`+976(__) __-__-__`},977:{name:`Nepal`,dial_code:`+977`,code:`NP`,mask:`+977(___) ___-__-__`},992:{name:`Tajikistan`,dial_code:`+992`,code:`TJ`,mask:`+992(___) __-__-__`},993:{name:`Turkmenistan`,dial_code:`+993`,code:`TM`,mask:`+993(__) __-__-__`},994:{name:`Azerbaijan`,dial_code:`+994`,code:`AZ`,mask:`+994(__) ___-__-__`},995:{name:`Georgia`,dial_code:`+995`,code:`GE`,mask:`+995(___) __-__-__`},996:{name:`Kyrgyzstan`,dial_code:`+996`,code:`KG`,mask:`+996(___) __-__-__`},998:{name:`Uzbekistan`,dial_code:`+998`,code:`UZ`,mask:`+998(___) __-__-__`},1242:{name:`Bahamas`,dial_code:`+1242`,code:`BS`,mask:`+1242(___) __-__`},1246:{name:`Barbados`,dial_code:`+1246`,code:`BB`,mask:`+1246(___) __-__`},1264:{name:`Anguilla`,dial_code:`+1264`,code:`AI`,mask:`+1264(___) ___-__-__`},1268:{name:`Antigua and Barbuda`,dial_code:`+1268`,code:`AG`,mask:`+1268(_) __-__`},1284:{name:`Virgin Islands, British`,dial_code:`+1284`,code:`VG`,mask:`+1284(___) __-__`},1340:{name:`Virgin Islands, U.S.`,dial_code:`+1340`,code:`VI`,mask:`+1340(___) ___-__-__`},1441:{name:`Bermuda`,dial_code:`+1441`,code:`BM`,mask:`+1441(___) __-__`},1473:{name:`Grenada`,dial_code:`+1473`,code:`GD`,mask:`+1473(___) __-__`},1649:{name:`Turks and Caicos Islands`,dial_code:`+1649`,code:`TC`,mask:`+1649(___) ___-__-__`},1664:{name:`Montserrat`,dial_code:`+1664`,code:`MS`,mask:`+1664(___) ___-__-__`},1670:{name:`Northern Mariana Islands`,dial_code:`+1670`,code:`MP`,mask:`+1670(___) ___-__-__`},1671:{name:`Guam`,dial_code:`+1671`,code:`GU`,mask:`+1671(___) ___-__-__`},1684:{name:`American Samoa`,dial_code:`+1684`,code:`AS`,mask:`+1684(___) ___-__-__`},1758:{name:`Saint Lucia`,dial_code:`+1758`,code:`LC`,mask:`+1758(___) __-__`},1767:{name:`Dominica`,dial_code:`+1767`,code:`DM`,mask:`+1767(___) __-__`},1784:{name:`Saint Vincent and the Grenadines`,dial_code:`+1784`,code:`VC`,mask:`+1784(___) __-__`},1849:{name:`Dominican Republic`,dial_code:`+1849`,code:`DO`,mask:`+1849(___) ___-__-__`},1868:{name:`Trinidad and Tobago`,dial_code:`+1868`,code:`TT`,mask:`+1868(___) __-__`},1869:{name:`Saint Kitts and Nevis`,dial_code:`+1869`,code:`KN`,mask:`+1869(___) __-__`},1876:{name:`Jamaica`,dial_code:`+1876`,code:`JM`,mask:`+1876(___) __-__`},1939:{name:`Puerto Rico`,dial_code:`+1939`,code:`PR`,mask:`+1939(___) ___-__-__`}}),he={onNotice:()=>{},onModal:e=>{}},Y={current:he},ge={onNotice:e=>Y.current.onNotice(e),onModal:e=>Y.current.onModal(e)};function _e(e,t){return Y.current={onNotice:e,onModal:t},()=>{Y.current=he}}function ve(){return ge}function ye(e){let t=window.getSelection();if(!t||t.rangeCount===0)return 0;let n=t.getRangeAt(0);if(!e.contains(n.startContainer))return 0;let r=document.createRange();return r.selectNodeContents(e),r.setEnd(n.startContainer,n.startOffset),r.toString().length}function be(e,t){if(t<=0)return 0;let n=0;for(let r=0;r<e.length;r++)if(/\d/.test(e[r])&&(n++,n===t))return r+1;return e.length}function xe({value:e,form:r,onValue:i,onBlur:a,name:o=``,placeholder:s=``,label:c=``,error:l=``,hidden:u=!1,disabled:d=!1,className:f=``,after:h=``,before:g=``,inputmode:v=`tel`,view:y}){let{onNotice:b}=ve(),x=!d,{value:S,version:C}=_(r,o,e),w=t.default.useRef(null),T=t.default.useRef(!1),E=`+_(___) ___-__-__`,D=!0,O=0,M=(e,t)=>{let n=t.firstChild;if(!n||n.nodeType!==Node.TEXT_NODE)return;let r=n.textContent?.length??0,i=Math.max(0,Math.min(e,r)),a=document.createRange(),o=window.getSelection();o&&(a.setStart(n,i),a.collapse(!0),o.removeAllRanges(),o.addRange(a),t.focus())},N=e=>{let t=e.target,n=t.textContent||``,a=ye(t),s=n.slice(0,a).replace(/\D/g,``).length,c=F(n);t.textContent=c.q;let l=be(c.q,s);c.q.length>0&&queueMicrotask(()=>{M(Math.min(l,c.q.length),t)});let u={value:c.q.replace(/\D/g,``),name:o||``};r&&o&&r.onValue(u),i&&i!==r?.onValue&&i(u)},P=e=>A.PasteOne(k(e)),F=e=>{E=`+_(___) ___-__-__`,D=!0,O=0;let t=0,n=``,r=e.replace(/\D/g,``);r===``&&(D=!0);let i=r.split(``),a=``;i.forEach(e=>{D&&(a+=e,me[a]!==void 0&&D?(D=!1,E=me[a].mask.replace(RegExp(`[0-9]`,`g`),`_`),n=me[a].code):(D&&(O=(``+a).length,E=`+${a}_(___) ___-__-__`.replace(RegExp(`[0-9]`,`g`),`_`),n=``),O>(``+a).length&&(D=!0,E=`+${a}_(___) ___-__-__`.replace(RegExp(`[0-9]`,`g`),`_`),n=``)))});let o=E.replace(/\D/g,``);return o.length>=r.length&&(r=o),{q:E.replace(/[_\d]/g,function(){return r.charAt(t++)||`_`}),i:t,v:r,f:n}};t.default.useLayoutEffect(()=>{if(T.current)return;let e=w.current;if(!e)return;let t=F(String(S||``));e.textContent!==t.q&&(e.textContent=t.q)},[S,C]);let I=e=>{e.preventDefault();let t=e.target;navigator.clipboard.writeText((t.textContent||``).replace(/\D/g,``)).then(function(){b(`Данные в буфер обмене`)},function(e){console.error(`Async: Could not copy text: `,e)})};F(String(S||``));let L=e=>{e.key===`Enter`&&e.preventDefault()},R=e=>{A.Blur(e),a&&a({value:(e.target.textContent||``).replace(/\D/g,``),name:o||``}),T.current=!1},z=e=>{T.current=!0,A.Focus({target:e.currentTarget})},B={};s&&(B.placeholder=s),B.inputMode=v??`tel`;let V=String(S??``).replace(/\D/g,``);return u&&j(V)?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`input`,label:c,error:l,element_blok:{className:[f]},element_input:{className:[p.w]},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{ref:w,onPaste:P,onInput:N,onKeyDown:L,onContextMenu:I,onBlur:R,onFocus:z,spellCheck:!1,role:`textbox`,"aria-label":c||s||`Телефон`,"aria-disabled":!x,tabIndex:d?-1:0,"data-disabled":!x,contentEditable:x?`plaintext-only`:!1,suppressContentEditableWarning:!0,...B}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}xe.displayName=`PhoneField`;function Se({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s=``,hidden:c=!1,disabled:l=!1,onBlur:u,className:d=``,after:f=``,before:h=``,error:g=``,inputmode:v=`text`,maxLength:y,spellCheck:b=!0,native:x=!1,autoComplete:S,inputType:C=`text`,id:w}){let{value:T,version:E}=_(r,a,e),D=!l,O=typeof T==`string`||typeof T==`number`?String(T):``,M=t.default.useRef(null),N=t.default.useRef(null),P=t.default.useRef(!1);t.default.useLayoutEffect(()=>{if(x)return;let e=N.current;e&&e.textContent!==O&&(e.textContent=O)},[x,O,E]),t.default.useEffect(()=>{if(!x)return;let e=M.current;e&&e.value!==O&&(e.value=O)},[x,O]);let F=e=>{let t={value:(e.target.textContent||``).trim(),name:a};r&&a&&r.onValue(t),i&&i!==r?.onValue&&i(t)},I=e=>{let t={value:e.target.value,name:a};r&&a&&r.onValue(t),i&&i!==r?.onValue&&i(t)},L=e=>{let t=e.target;y&&(t.textContent||``).trim().length>=y&&e.key!==`Backspace`&&e.preventDefault(),e.key===`Enter`&&e.preventDefault()},R=e=>{e.key===`Enter`&&e.preventDefault()},z=e=>A.Paste(y||0,k(e));if(c&&j(T))return``;let B=e=>{A.Blur(e),u?.({value:(e.target.textContent||``).trim(),name:a}),P.current=!1},V=e=>{u?.({value:(e.target.value||``).trim(),name:a})},H=e=>{P.current=!0,A.Focus({target:e.currentTarget})},U={};return o&&(U.placeholder=o),D&&(U.edit=``),x?(0,n.jsxs)(m,{type:`input`,label:s,error:g,element_blok:{className:[d||``]},element_input:{className:[p.w],props:{"data-disabled":l||!D?`true`:void 0}},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,(0,n.jsx)(`div`,{style:{flex:1,minWidth:0,display:`flex`,alignItems:`center`},children:(0,n.jsx)(`input`,{id:w,ref:M,type:C,name:a||void 0,defaultValue:O,placeholder:o,maxLength:y,spellCheck:b,disabled:l,readOnly:l,autoComplete:S,inputMode:v||`text`,"aria-label":s||o||`Текст`,"aria-disabled":l||!D?!0:void 0,tabIndex:l?-1:0,onChange:I,onBlur:V,onKeyDown:R,style:{width:`100%`,border:`none`,outline:`none`,background:`transparent`,font:`inherit`,color:`inherit`,padding:0,margin:0,boxSizing:`border-box`}})}),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]}):(0,n.jsxs)(m,{type:`input`,label:s,error:g,element_blok:{className:[d]},element_input:{className:[p.w]},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,(0,n.jsx)(`div`,{ref:N,id:w,onBlur:B,onFocus:H,onPaste:z,onInput:F,onKeyDown:L,spellCheck:b,inputMode:v||`text`,contentEditable:D?`plaintext-only`:!1,suppressContentEditableWarning:!0,...U}),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]})}function Ce({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s=``,hidden:c=!1,disabled:l=!1,onBlur:u,className:d=``,after:f=``,before:h=``,error:g=``,inputmode:v=`numeric`,maxLength:y,max:b,view:x}){let S=!l,{value:C,version:w}=_(r,a,e);o=o===void 0?``:o,b=b===void 0?99:b;let T=C!=null&&C!==``?String(C):``,E=t.default.useRef(null),D=t.default.useRef(!1);t.default.useLayoutEffect(()=>{if(D.current)return;let e=E.current;e&&e.textContent!==T&&(e.textContent=T)},[T,w]);let O=y??b,M=!1,N=e=>{let t=e.currentTarget,n=(t.textContent||``).replace(/\D/g,``);n.length>O&&(n=n.slice(0,O),t.textContent=n,queueMicrotask(()=>{let e=t.firstChild;if(e&&e.nodeType===Node.TEXT_NODE){let t=n.length,r=window.getSelection(),i=document.createRange();i.setStart(e,t),i.collapse(!0),r?.removeAllRanges(),r?.addRange(i)}}));let o={value:n,name:a};r&&a&&r.onValue(o),i&&i!==r?.onValue&&i(o)},P=e=>{D.current=!0;let t=e.currentTarget;t.textContent=(t.textContent||``).replace(/\D/g,``),A.Focus({target:e.currentTarget})},F=e=>{if(M&&e.which===86)return;if(e.which===17||e.which===91)return M=!0;if(e.key===`Backspace`)return;let t=(e.currentTarget.textContent??``).replace(/\D/g,``).length;O>0&&t>=O&&e.key.length===1&&/\d/.test(e.key)&&e.preventDefault(),e.key===`Enter`&&e.preventDefault(),e.key.length===1&&!/\d/.test(e.key)&&e.preventDefault()},I=e=>{if(e.which===17||e.which===91)return M=!1},L=e=>A.PasteDigits(O,k(e)),R=e=>{A.Blur(e),u?.({value:e.currentTarget.textContent,name:a}),D.current=!1},z={};return S&&(z.edit=``),z.inputMode=v??`numeric`,o&&(z.placeholder=o),c&&j(C)?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`numeric`,label:s,error:g,element_blok:{className:[d||``]},element_input:{className:[p.w]},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,(0,n.jsx)(`div`,{ref:E,onPaste:L,onInput:N,onFocus:P,onBlur:R,onKeyDown:F,onKeyUp:I,spellCheck:!1,role:`textbox`,tabIndex:S?0:-1,"aria-label":s||o||`Число`,contentEditable:S?`plaintext-only`:!1,suppressContentEditableWarning:!0,...z}),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]})}Ce.displayName=`NumberField`;var we=(e,t=`,`)=>(e!==void 0&&e!==``?e.split(t):[]).filter(e=>e!==``).reduce((e,t)=>(e[t]=!0,e),{});function Te({value:e,form:t,onValue:r,name:i,placeholder:a=``,separator:o=`,`,label:s,error:c,hidden:l=!1,disabled:u=!1,outFormat:d=`object`,after:f,before:h,modal:g,options:v,className:y}){let{onModal:b}=ve(),{value:x}=_(t,i,e),S=x,C=typeof S==`string`?we(S,o):S&&typeof S==`object`?S:{},w=()=>{if(u)return;if(!g)return console.error(`modal - empty`);let e=g.split(`.`);b({module:e[0],modalName:e[1],callback:e=>{let n=e;if(r)switch(d===`array`||d===`string`&&Object.keys(n).filter(e=>n[e]).join(o),d){case`array`:r!==t?.onValue&&r({value:Object.keys(n),name:i});break;case`string`:r!==t?.onValue&&r({value:Object.keys(n).filter(e=>n[e]).join(o),name:i});break;default:r!==t?.onValue&&r({value:n,name:i})}},onValue:r,options:v,fieldName:i,value:C})},T={};a&&(T.placeholder=a);let E=Object.keys(C).length===0;return l&&E?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`group`,label:s,error:c,element_blok:{className:[y||``]},element_input:{className:[p.g],props:{onClick:w}},children:[h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null,Object.keys(C).map(e=>(0,n.jsx)(`div`,{children:v?.[e]?.label},e)),f?(0,n.jsx)(`span`,{className:p.affix,children:f}):null]})}Te.displayName=`OptionsField`;var Ee={o:`_o_12209_20`,l:`_l_12209_30`,i:`_i_12209_93`,placeholderValue:`_placeholderValue_12209_103`,f:`_f_12209_108`};function De({value:e=0,form:i,onValue:a,name:o=``,placeholder:s=``,label:c,error:l,hidden:u=!1,disabled:d=!1,className:f,after:h=``,before:g=``,options:v,order:y}){let[b,x]=t.default.useState(!1),[S,C]=t.default.useState(0),[w,T]=t.default.useState(null),E=t.default.useId(),{value:D}=_(i,o,e??0),O=Number(D),k=[];v&&(k=Array.isArray(v)?v.map(e=>({id:e.id??e.i??0,label:e.n||``,hidden:e.s===0})).filter(e=>e.id!==0&&e.label.length>0):Object.keys(v).map(e=>{let t=Number(e),n=v[t];return{id:t,label:n?.n||``,hidden:n?.s===0}}).filter(e=>e.label.length>0));let A=(()=>{if(!y||y.length===0)return k;let e=new Map(k.map(e=>[e.id,e]));return y.map(t=>e.get(t)).filter(e=>!!e)})().filter(e=>!e.hidden),j=e=>A.find(t=>t.id===e)?.label,M=b&&A.length>0?`${E}-opt-${S}`:void 0,N=e=>{let t={value:e,name:o};i&&o&&i.onValue(t),a&&a!==i?.onValue&&a(t)},P=e=>{if(A.length===0||d)return;let t=A.findIndex(e=>e.id===O);T(e.getBoundingClientRect()),C(t>=0?t:0),x(!0)},F=e=>{P(e.currentTarget)},I=e=>{if(!d&&A.length!==0){if(!b&&(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)){e.preventDefault(),P(e.currentTarget);return}if(b){if(e.key===`Escape`){e.preventDefault(),x(!1);return}if(e.key===`ArrowDown`){e.preventDefault(),C(e=>(e+1)%A.length);return}if(e.key===`ArrowUp`){e.preventDefault(),C(e=>e-1<0?A.length-1:e-1);return}if(e.key===`Enter`){e.preventDefault();let t=A[S];t&&N(t.id),x(!1)}}}},L={};s&&(L.placeholder=s);let R=j(O),z=(R===void 0||R===``)&&!!s,B=O===0||j(O)===void 0;return u&&B?``:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(m,{type:`select`,label:c,element_blok:{className:[f||``]},error:l,element_input:{className:[Ee.f],props:{onClick:F,onKeyDown:I,tabIndex:d?-1:0,role:`combobox`,"aria-expanded":b,"aria-haspopup":`listbox`,"aria-controls":E,...M?{"aria-activedescendant":M}:{},"aria-disabled":d,"data-disabled":d}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{...L,className:z?Ee.placeholderValue:void 0,children:R??s??``}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]}),b&&(0,r.createPortal)((0,n.jsx)(Oe,{parent:w||void 0,onValue:N,className:f,items:A,setOpen:x,listId:E,activeIndex:S,currentValue:O}),document.body)]})}De.displayName=`SelectField`;var Oe=({onValue:e,parent:t,className:r,items:i,setOpen:a,listId:o,activeIndex:s,currentValue:c})=>{if(!t)return null;let l=()=>{a(!1)},u=t=>{a(!1),e(t)},d=window.innerHeight-t.bottom<306?Math.max(6,t.top-300-6):Math.min(window.innerHeight-300-6,t.bottom+6),f=Math.max(t.width,260),p=Math.min(Math.max(6,t.left),window.innerWidth-f-6);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:Ee.o,onClick:l,"aria-hidden":!0}),(0,n.jsx)(`div`,{className:[Ee.l,r].filter(e=>e!==void 0).join(` `),style:{top:d+`px`,left:p+`px`,width:f},children:(0,n.jsx)(ke,{listId:o,items:i,link:u,activeIndex:s,currentValue:c})})]})},ke=({listId:e,items:t,link:r,activeIndex:i,currentValue:a})=>(0,n.jsx)(`ul`,{id:e,role:`listbox`,children:t.map((t,o)=>(0,n.jsx)(`li`,{id:`${e}-opt-${o}`,role:`option`,"aria-selected":a===t.id,"data-focus":i===o?`true`:`false`,onClick:()=>r(t.id),children:t.label},t.id))});function Ae({value:e,form:t,onValue:r,name:i,placeholder:a=``,label:o,error:s,hidden:c=!1,disabled:l=!1,after:u,before:d,view:f,modal:h,options:g,className:v}){let{onModal:y}=ve(),{value:b}=_(t,i,e),x=b,S=e=>e?Array.isArray(e)?e[1]||``:e:``,C=e=>{if(Array.isArray(e)&&e.length>=2)return[e[0],String(e[1]??``)];if(typeof e==`object`&&e){let t=e;if(t.id!==void 0&&t.name!==void 0)return[t.id,t.name]}return String(e??``)},w=e=>{let n={value:C(e),name:i};t&&i&&t.setValue(n),r&&r!==t?.onValue&&r(n)},T=()=>{if(l)return;if(!h)return console.error(`modal - empty`);let e=h.split(`.`);if(e.length<2)return console.error(`modal должен быть в формате 'module.name'`);let t=Array.isArray(x)?x[0]:x;y({module:e[0],modalName:e[1],callback:w,onValue:w,options:g,fieldName:i,value:t})},E={};a&&(E.placeholder=a);let D=j(S(x));return c&&D?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)(m,{type:`input`,label:o,element_blok:{className:[v||``]},error:s,element_input:{className:[p.w],props:{onClick:T}},children:[d?(0,n.jsx)(`span`,{className:p.affix,children:d}):null,(0,n.jsx)(`div`,{...E,children:S(x)}),u?(0,n.jsx)(`span`,{className:p.affix,children:u}):null]})}Ae.displayName=`ModalField`;function je(){return(0,n.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1.25em`,height:`1.25em`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":!0,children:[(0,n.jsx)(`path`,{d:`M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z`}),(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`})]})}function Me(){return(0,n.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1.25em`,height:`1.25em`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":!0,children:[(0,n.jsx)(`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`}),(0,n.jsx)(`line`,{x1:`1`,y1:`1`,x2:`23`,y2:`23`})]})}function Ne({value:e,form:r,onValue:i,name:a=``,placeholder:o=``,label:s,error:c,hidden:l=!1,disabled:u=!1,onBlur:d,className:f,after:h=``,before:g=``,native:v=!1,maxLength:y,eyes:b}){let{value:x}=_(r,a,e),[S,C]=t.default.useState(!1),w=t.default.useRef(null),T=typeof x==`string`?x:x==null?``:String(x);t.default.useEffect(()=>{let e=w.current;e&&e.value!==T&&(e.value=T)},[T]);let E=e=>{let t={value:e,name:a};r&&a&&r.onValue(t),i&&i!==r?.onValue&&i(t)},D=e=>{E(e.target.value)},O=e=>{e.key===`Enter`&&e.preventDefault()},k=e=>{A.Blur(e),d?.({value:(e.target.value||``).trim(),name:a||``})};if(v)return``;let M=!u;if(l&&j(T))return``;let N=b?.[0]??(0,n.jsx)(je,{}),P=b?.[1]??(0,n.jsx)(Me,{});return(0,n.jsxs)(m,{type:`input`,label:s,error:c,element_blok:{className:[f||``]},element_input:{className:[p.w],props:{"data-disabled":u||!M?`true`:void 0}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{style:{flex:1,minWidth:0,display:`flex`,alignItems:`center`},children:(0,n.jsx)(`input`,{type:S?`text`:`password`,defaultValue:T,ref:w,onChange:D,onKeyDown:O,onBlur:k,disabled:u,readOnly:u,maxLength:y,spellCheck:!1,autoComplete:`current-password`,"aria-label":s||o||`Пароль`,"aria-disabled":u||!M,tabIndex:u?-1:0,placeholder:o,style:{width:`100%`,border:`none`,outline:`none`,background:`transparent`,font:`inherit`,color:`inherit`,padding:0,margin:0,boxSizing:`border-box`}})}),(0,n.jsx)(`button`,{type:`button`,tabIndex:u?-1:0,"aria-label":S?`Скрыть пароль`:`Показать пароль`,"aria-pressed":S,disabled:u,onClick:()=>!u&&C(!S),style:{cursor:u?`not-allowed`:`pointer`,alignSelf:`center`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,padding:0,margin:0,border:`none`,background:`transparent`,color:`var(--field-icon-color, var(--field-placeholder))`,font:`inherit`},children:S?P:N}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}Ne.displayName=`PasswordField`;function Pe(e){if(e===!0||e===1)return!0;if(typeof e==`string`){let t=e.trim().toLowerCase();return t===`1`||t===`true`||t===`on`||t===`yes`}return!1}function Fe({value:e=!1,form:r,onValue:i,onBlur:a,name:o=``,placeholder:s=``,label:c=``,error:l=``,hidden:u=!1,disabled:d=!1,className:f=``,after:h=``,before:g=``}){let{value:v}=_(r,o,e),y=Pe(v),b=!d,x=s||``,S=t.default.useCallback(e=>{let t={value:e,name:o||``};r&&o&&r.setValue(t),i&&i!==r?.onValue&&i(t)},[r,o,i]),C=()=>{b&&S(!y)},w=e=>{b&&(e.key===` `||e.key===`Enter`)&&(e.preventDefault(),C())},T=()=>{!a||!o||a({value:Pe(r&&o?r.getValue(o,y):y),name:o})};return u&&!y?null:(0,n.jsxs)(m,{type:`checkbox`,label:c,error:l,element_blok:{className:[f||``]},element_input:{className:[p.checkbox],props:{"data-disabled":d||!b?`true`:void 0}},children:[g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null,(0,n.jsx)(`div`,{children:(0,n.jsxs)(`button`,{type:`button`,className:p.checkControl,role:`checkbox`,"aria-checked":y,"aria-label":c||x||`Чекбокс`,"aria-disabled":d||!b?!0:void 0,disabled:d||!b,onClick:C,onKeyDown:w,onBlur:T,children:[(0,n.jsx)(`span`,{className:p.checkBox,"aria-hidden":!0,children:y?(0,n.jsx)(`span`,{className:p.checkMark}):null}),(0,n.jsx)(`span`,{className:p.checkText,children:x})]})}),h?(0,n.jsx)(`span`,{className:p.affix,children:h}):null]})}Fe.displayName=`CheckField`;var X={o:`_o_ftvr3_14`,panel:`_panel_ftvr3_21`,sv:`_sv_ftvr3_37`,svWhite:`_svWhite_ftvr3_48`,svBlack:`_svBlack_ftvr3_54`,handle:`_handle_ftvr3_60`,slidersRow:`_slidersRow_ftvr3_72`,eyedropper:`_eyedropper_ftvr3_78`,sliders:`_sliders_ftvr3_72`,slider:`_slider_ftvr3_72`,sliderHue:`_sliderHue_ftvr3_113`,sliderAlpha:`_sliderAlpha_ftvr3_117`,sliderHandle:`_sliderHandle_ftvr3_125`,inputs:`_inputs_ftvr3_139`,format:`_format_ftvr3_145`,input:`_input_ftvr3_139`,inputAlpha:`_inputAlpha_ftvr3_171`,palette:`_palette_ftvr3_176`,swatchBtn:`_swatchBtn_ftvr3_185`,trigger:`_trigger_ftvr3_210`,preview:`_preview_ftvr3_224`,hexText:`_hexText_ftvr3_237`,placeholder:`_placeholder_ftvr3_246`},Ie=`#FF2D55.#FF3B30.#FF453A.#FF6961.#FF8A80.#C11F3E.#AF52DE.#BF5AF2.#DA8FFF.#5856D6.#5E5CE6.#7D7AFF.#007AFF.#0A84FF.#409CFF.#64D2FF.#70D7FF.#5AC8FA.#32ADE6.#64D2FF.#40C8E0.#00C7BE.#63E6E2.#66D4CF.#34C759.#30D158.#30DB5B.#4CD964.#6DE6A0.#8EEDB3.#A8E10C.#B5F200.#D0FF00.#E4FF66.#F2FF99.#C6FF00.#FFCC00.#FFD60A.#FFEA00.#FFE066.#FFF3A3.#FFEB3B.#FF9500.#FF9F0A.#FFB340.#FFB340.#FFD580.#FF8C00.#A2845E.#AC8E68.#C4A484.#8E8E93.#636366.#48484A.#3A3A3C.#2C2C2E.#1C1C1E`.split(`.`);function Z(e,t,n){return Math.min(n,Math.max(t,e))}function Le(e){return Math.round(Z(e,0,255)).toString(16).padStart(2,`0`).toUpperCase()}function Re(e,t,n){let r=(e%360+360)%360,i=n*t,a=i*(1-Math.abs(r/60%2-1)),o=n-i,s=0,c=0,l=0;return r<60?[s,c,l]=[i,a,0]:r<120?[s,c,l]=[a,i,0]:r<180?[s,c,l]=[0,i,a]:r<240?[s,c,l]=[0,a,i]:r<300?[s,c,l]=[a,0,i]:[s,c,l]=[i,0,a],{r:(s+o)*255,g:(c+o)*255,b:(l+o)*255}}function ze(e,t,n){let r=e/255,i=t/255,a=n/255,o=Math.max(r,i,a),s=o-Math.min(r,i,a),c=0;s!==0&&(c=o===r?(i-a)/s%6:o===i?(a-r)/s+2:(r-i)/s+4,c*=60,c<0&&(c+=360));let l=o===0?0:s/o;return{h:c,s:l,v:o}}function Q(e){if(typeof e!=`string`)return null;let t=e.trim();if(!t||(t[0]===`#`&&(t=t.slice(1)),![3,4,6,8].includes(t.length))||!/^[0-9a-fA-F]+$/.test(t))return null;let n=0,r=0,i=0,a=1;return t.length===3||t.length===4?(n=parseInt(t[0]+t[0],16),r=parseInt(t[1]+t[1],16),i=parseInt(t[2]+t[2],16),t.length===4&&(a=parseInt(t[3]+t[3],16)/255)):(n=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),i=parseInt(t.slice(4,6),16),t.length===8&&(a=parseInt(t.slice(6,8),16)/255)),{...ze(n,r,i),a}}function $(e,t){let{r:n,g:r,b:i}=Re(e.h,e.s,e.v),a=`#${Le(n)}${Le(r)}${Le(i)}`;return!t||e.a>=.999?a:`${a}${Le(e.a*255)}`}function Be(e){let{r:t,g:n,b:r}=Re(e.h,e.s,e.v),i=Math.round(t),a=Math.round(n),o=Math.round(r);return e.a>=.999?`rgb(${i}, ${a}, ${o})`:`rgba(${i}, ${a}, ${o}, ${Number(e.a.toFixed(3))})`}function Ve(e){let{r:t,g:n,b:r}=Re(e,1,1);return`rgb(${Math.round(t)},${Math.round(n)},${Math.round(r)})`}function He(e){let t=Q(e);return t?$(t,t.a<.999):e.toUpperCase()}function Ue(e){return e==null?!0:typeof e==`string`?e.trim()===``:!1}function We(){return typeof window<`u`&&`EyeDropper`in window}var Ge={h:0,s:1,v:.76,a:1};function Ke({value:e=``,form:i,onValue:a,onBlur:o,name:s=``,placeholder:c=`#000000`,label:l=``,error:u=``,hidden:d=!1,disabled:f=!1,className:h=``,after:g=``,before:v=``,colors:y,alpha:b=!0}){let{value:x}=_(i,s,e),S=typeof x==`string`?x:x==null?``:String(x),[C,w]=t.default.useState(!1),[T,E]=t.default.useState(null),[D,O]=t.default.useState(()=>Q(S)??{...Ge}),[k,A]=t.default.useState(()=>$(Q(S)??Ge,b)),j=y?.length?y:Ie,M=Q(S),N=M??(Ue(S)?Q(c):null),P=M?$(M,b):``,F=N?$(N,b):`transparent`;t.default.useEffect(()=>{let e=Q(S);e&&(O(e),A($(e,b)))},[S,b]);let I=t.default.useCallback((e,t)=>{let n=$(e,b),r={value:n,name:s||``};i&&s&&(t===`live`?i.onValue(r):i.setValue(r)),a&&a!==i?.onValue&&a(r),A(n)},[b,i,s,a]),L=e=>{if(f)return;let t=Q(S)??{...D};O(t),A($(t,b)),E(e.getBoundingClientRect()),w(!0)},R=()=>{w(!1),o?.({value:$(D,b),name:s||``})},z=e=>{if(!f){if(!C&&(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)){e.preventDefault(),L(e.currentTarget);return}C&&e.key===`Escape`&&(e.preventDefault(),R())}};return d&&Ue(S)?null:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(m,{type:`color`,label:l,error:u,element_blok:{className:[h||``]},element_input:{className:[p.w],props:{"data-disabled":f?`true`:void 0}},children:[v?(0,n.jsx)(`span`,{className:p.affix,children:v}):null,(0,n.jsxs)(`div`,{className:X.trigger,role:`combobox`,tabIndex:f?-1:0,"aria-expanded":C,"aria-haspopup":`dialog`,"aria-disabled":f,"aria-label":l||`Цвет`,onClick:e=>L(e.currentTarget),onKeyDown:z,children:[(0,n.jsx)(`span`,{className:X.preview,style:{"--preview-color":F}}),(0,n.jsx)(`span`,{className:[X.hexText,P?``:X.placeholder].filter(Boolean).join(` `),children:P||c})]}),g?(0,n.jsx)(`span`,{className:p.affix,children:g}):null]}),C&&(0,r.createPortal)((0,n.jsx)(qe,{parent:T||void 0,hsva:D,setHsva:O,hexDraft:k,setHexDraft:A,alpha:b,palette:j,onLive:e=>I(e,`live`),onCommit:e=>I(e,`commit`),onClose:R}),document.body)]})}Ke.displayName=`ColorField`;function qe({parent:e,hsva:t,setHsva:r,hexDraft:i,setHexDraft:a,alpha:o,palette:s,onLive:c,onCommit:l,onClose:u}){if(!e)return null;let d=o?340:300,f=window.innerHeight-e.bottom<d+8?Math.max(8,e.top-d-8):Math.min(window.innerHeight-d-8,e.bottom+8),p=Math.min(Math.max(8,e.left),window.innerWidth-260-8),m=Be({...t,a:1}),h=He($(t,o)),g=(e,t)=>{r(e),t===`live`?c(e):l(e)},_=()=>{let e=Q(i);if(!e){a($(t,o));return}g(e,`commit`)},v=e=>{let n=e.replace(/[^\d]/g,``),r=Z(Number(n||0),0,100);g({...t,a:r/100},`commit`)},y=async()=>{if(We())try{let e=window.EyeDropper,n=Q((await new e().open()).sRGBHex);n&&g({...n,a:t.a},`commit`)}catch{}};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:X.o,onClick:u,"aria-hidden":!0}),(0,n.jsxs)(`div`,{className:X.panel,role:`dialog`,"aria-label":`Выбор цвета`,style:{top:f,left:p,width:260},children:[(0,n.jsx)(Je,{hsva:t,onChange:(e,n,r)=>g({...t,s:e,v:n},r)}),(0,n.jsxs)(`div`,{className:X.slidersRow,children:[We()?(0,n.jsx)(`button`,{type:`button`,className:X.eyedropper,"aria-label":`Пипетка`,onClick:y,children:(0,n.jsx)(Qe,{})}):null,(0,n.jsxs)(`div`,{className:X.sliders,children:[(0,n.jsx)(Ye,{h:t.h,onChange:(e,n)=>g({...t,h:e},n)}),o?(0,n.jsx)(Xe,{a:t.a,color:m,onChange:(e,n)=>g({...t,a:e},n)}):null]})]}),(0,n.jsxs)(`div`,{className:X.inputs,children:[(0,n.jsx)(`span`,{className:X.format,children:`Hex`}),(0,n.jsx)(`input`,{className:X.input,value:i.replace(/^#/,``),spellCheck:!1,"aria-label":`Hex`,onChange:e=>{let t=e.target.value.replace(/[^0-9a-fA-F]/g,``);a(t?`#${t}`:``)},onBlur:_,onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),e.target.blur())}}),o?(0,n.jsx)(`input`,{className:`${X.input} ${X.inputAlpha}`,value:`${Math.round(t.a*100)} %`,"aria-label":`Прозрачность`,onChange:e=>v(e.target.value),onFocus:e=>e.target.select()}):null]}),(0,n.jsx)(`div`,{className:X.palette,role:`listbox`,"aria-label":`Палитра`,children:s.map(e=>{let t=He(e)===h;return(0,n.jsx)(`button`,{type:`button`,role:`option`,"aria-checked":t,"aria-label":e,className:X.swatchBtn,style:{"--swatch":e},onClick:()=>{let t=Q(e);t&&g({...t,a:o?t.a:1},`commit`)}},e)})})]})]})}function Je({hsva:e,onChange:r}){let i=t.default.useRef(null),a=t.default.useRef(!1),o=t.default.useRef(r);o.current=r;let s=(t,n)=>{let r=i.current;if(!r)return{s:e.s,v:e.v};let a=r.getBoundingClientRect();return{s:Z((t-a.left)/a.width,0,1),v:Z(1-(n-a.top)/a.height,0,1)}};return t.default.useEffect(()=>{let e=e=>{if(!a.current)return;let{s:t,v:n}=s(e.clientX,e.clientY);o.current(t,n,`live`)},t=e=>{if(!a.current)return;a.current=!1;let{s:t,v:n}=s(e.clientX,e.clientY);o.current(t,n,`commit`)};return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}},[]),(0,n.jsxs)(`div`,{ref:i,className:X.sv,style:{background:Ve(e.h)},onPointerDown:e=>{a.current=!0;let{s:t,v:n}=s(e.clientX,e.clientY);o.current(t,n,`live`)},children:[(0,n.jsx)(`div`,{className:X.svWhite}),(0,n.jsx)(`div`,{className:X.svBlack}),(0,n.jsx)(`div`,{className:X.handle,style:{left:`${e.s*100}%`,top:`${(1-e.v)*100}%`,background:Be({...e,a:1})}})]})}function Ye({h:e,onChange:t}){return(0,n.jsx)(Ze,{className:`${X.slider} ${X.sliderHue}`,ratio:e/360,onRatio:(e,n)=>t(e*360,n),handleColor:Ve(e)})}function Xe({a:e,color:t,onChange:r}){return(0,n.jsx)(Ze,{className:`${X.slider} ${X.sliderAlpha}`,style:{"--alpha-color":t},ratio:e,onRatio:r,handleColor:t})}function Ze({className:e,style:r,ratio:i,onRatio:a,handleColor:o}){let s=t.default.useRef(null),c=t.default.useRef(!1),l=(e,t)=>{let n=s.current;if(!n)return;let r=n.getBoundingClientRect();a(Z((e-r.left)/r.width,0,1),t)};return t.default.useEffect(()=>{let e=e=>{c.current&&l(e.clientX,`live`)},t=e=>{c.current&&(c.current=!1,l(e.clientX,`commit`))};return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}},[a]),(0,n.jsx)(`div`,{ref:s,className:e,style:r,onPointerDown:e=>{c.current=!0,l(e.clientX,`live`)},children:(0,n.jsx)(`div`,{className:X.sliderHandle,style:{left:`${Z(i,0,1)*100}%`,background:o}})})}function Qe(){return(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":!0,children:[(0,n.jsx)(`path`,{d:`m2 22 1-1h3l9-9`}),(0,n.jsx)(`path`,{d:`M3 21v-3l9-9`}),(0,n.jsx)(`path`,{d:`m15 5 3 3`}),(0,n.jsx)(`path`,{d:`M17.5 2.5a2.12 2.12 0 0 1 3 3L12 14l-4 1 1-4Z`})]})}var $e=()=>{},et=e=>{};function tt({onNotice:e,onModal:n}){return t.default.useLayoutEffect(()=>_e(e??$e,n??et),[e,n]),null}tt.displayName=`Form.Init`;var nt={Init:tt};function rt(){return typeof globalThis<`u`?globalThis:typeof window<`u`?window:typeof self<`u`?self:{}}var it=rt();it.elcrm||={},Object.assign(it.elcrm,{form:f.version}),e.CheckField=Fe,e.ColorField=Ke,e.DEFAULT_COLOR_PALETTE=Ie,e.DateField=W,e.Form=nt,e.MaskField=R,e.ModalField=Ae,e.MoneyField=P,e.NumberField=Ce,e.OptionsField=Te,e.PasswordField=Ne,e.PhoneField=xe,e.ProgressField=x,e.RangeField=x,e.SelectField=De,e.StringField=Se,e.TextareaField=pe,e.TimeField=fe,e.asEditableClipboard=k,e.useForm=g,e.useFormField=v,e.useFormFieldState=_,e.useFormInit=ve});
package/dist/light.css CHANGED
@@ -57,4 +57,9 @@
57
57
  --color-placeholder: #8e8e93;
58
58
  --bg-select-hover: #e5e5ea;
59
59
  --bg-select-active: rgba(0, 0, 0, 0.1);
60
+
61
+ /* ColorField popup */
62
+ --color-picker-width: 260px;
63
+ --color-picker-radius: 16px;
64
+ --color-picker-input-radius: 5px;
60
65
  }
package/dist/package.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var e = {
2
2
  name: "@elcrm/form",
3
- version: "0.0.78",
3
+ version: "0.0.80",
4
4
  description: "React-компоненты полей формы и хук useForm для elCRM: текст, даты, маски, деньги, селект, связка с формой по имени поля (tree-shakeable ESM).",
5
5
  type: "module",
6
6
  author: "MaSkal <dev@elcrm.online>",
package/dist/style.css CHANGED
@@ -3,3 +3,5 @@
3
3
  ._o_14hhr_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14hhr_13{background:var(--select-background);z-index:99;max-height:min(92vh,480px);color:var(--select-color,#333);box-sizing:border-box;border-radius:10px;min-width:259px;margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14hhr_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14hhr_13 [grid-calendar]>p{color:var(--color-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}._c_14hhr_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14hhr_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14hhr_13 b.__active_14hhr_64{background:var(--bg-select-active)}._c_14hhr_13 b:hover{background:var(--bg-select-hover)}._c_14hhr_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14hhr_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14hhr_13 i:hover{background:var(--bg-select-hover)}._c_14hhr_13 i:before{cursor:pointer;display:block}._c_14hhr_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14hhr_13 s h2{text-align:center;min-width:0;color:var(--select-color,#333);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14hhr_13 ._dateHeaderMonth_14hhr_119,._c_14hhr_13 ._dateHeaderYear_14hhr_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14hhr_13 ._dateHeaderMonth_14hhr_119:hover,._c_14hhr_13 ._dateHeaderYear_14hhr_119:hover{background:var(--bg-select-hover)}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-active=true],._c_14hhr_13 ._dateHeaderDisabled_14hhr_129[data-current=true]{opacity:.45}._c_14hhr_13 [grid-calendar] b[data-current=true],._c_14hhr_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14hhr_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14hhr_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14hhr_13 [grid-calendar] b[data-active=true][data-current=true],._c_14hhr_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:5px;font-weight:600}._c_14hhr_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14hhr_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14hhr_13 span{text-align:center;padding:2px}._c_14hhr_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14hhr_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14hhr_13 [grid-calendar]>span>b,._c_14hhr_13 [grid-calendar]>span>p{box-sizing:border-box;border-radius:5px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}._c_14hhr_13 ._as_14hhr_196{cursor:ns-resize}._c_14hhr_13 ._ap_14hhr_199{cursor:pointer}[field=password] dd{white-space:nowrap;font-style:unset;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}[field=password][show] dd,[field=password] dd:before{-webkit-text-security:none}[field=code] div{gap:8px;display:flex}[field=select] dd{cursor:pointer}[field] dd:before{pointer-events:none}[field=check] dd{cursor:pointer;max-width:35px;padding:0}[field=check] [active]:after{content:"";background:#394264;border-radius:5px;width:15px;height:15px;display:block}[field=file] input{display:none}[field=file] dd{aspect-ratio:16/9;cursor:pointer;position:relative}[field=file] img{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block}[field=file] label{aspect-ratio:16/9;object-fit:contain;cursor:pointer;width:-webkit-fill-available;display:block;position:absolute}[field=color] dd{border:0;gap:3px;padding:0;display:flex}[field=color] dd s{cursor:pointer;opacity:.6;border:1px solid #dde2e4;border-radius:6px;flex:1}[field=color] dd s:hover{opacity:.9}[field=color] dd s[active=true]{opacity:1}
4
4
 
5
5
  :root{--select-overlay:transparent;--select-height:52px;--select-separator:1px solid #c6c6c8;--select-color:#000;--select-background:#fff;--select-li-hover-bg:#f2f2f7;--select-li-focus-bg:#e5e5ea;--select-li-selected-bg:#e5e5ea;--select-icon:calc(var(--select-height) / 1.5);--select-icon-padding:calc((var(--select-height) - var(--select-icon)) / 2);--select-font-size:17px}._o_12209_20{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_12209_30{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_12209_30::-webkit-scrollbar{width:0;height:0}._l_12209_30 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_12209_30 li{border-bottom:var(--select-separator);cursor:pointer;color:var(--select-color);height:var(--select-height);line-height:var(--select-height);font-size:var(--select-font-size);white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;padding:0 14px;display:block;overflow:hidden;text-align:left!important;border-left:0!important}._l_12209_30 li[aria-selected=true]{background:var(--select-li-selected-bg,var(--select-li-hover-bg))}._l_12209_30 li:hover{background:var(--select-li-hover-bg,#f2f2f7)}._l_12209_30 li[data-focus=true]{background:var(--select-li-focus-bg,#e5e5ea)}._l_12209_30 li:last-child{border-bottom:0}._i_12209_93{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._placeholderValue_12209_103{color:var(--field-placeholder);font-weight:400}._f_12209_108{cursor:pointer}._f_12209_108[aria-disabled=true]{cursor:not-allowed}
6
+
7
+ :root{--color-picker-width:260px;--color-picker-radius:16px;--color-picker-pad:10px;--color-picker-swatch:20px;--color-picker-input-radius:5px;--color-picker-handle:14px}._o_ftvr3_14{z-index:98;background:var(--select-overlay,transparent);position:fixed;inset:0}._panel_ftvr3_21{z-index:99;box-sizing:border-box;width:var(--color-picker-width);padding:var(--color-picker-pad);background:var(--select-background,#2c2c2e);color:var(--select-color,#fff);border-radius:var(--color-picker-radius);flex-direction:column;gap:8px;display:flex;position:fixed;box-shadow:0 8px 28px #00000059}._sv_ftvr3_37{aspect-ratio:1/.55;cursor:crosshair;touch-action:none;border-radius:8px;width:100%;max-height:140px;position:relative;overflow:hidden}._svWhite_ftvr3_48{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}._svBlack_ftvr3_54{background:linear-gradient(#0000,#000);position:absolute;inset:0}._handle_ftvr3_60{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000059}._slidersRow_ftvr3_72{align-items:center;gap:8px;display:flex}._eyedropper_ftvr3_78{border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);width:26px;height:26px;color:var(--field-icon-color,#8e8e93);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._eyedropper_ftvr3_78:hover{color:var(--field-color,#fff)}._sliders_ftvr3_72{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}._slider_ftvr3_72{cursor:pointer;touch-action:none;border-radius:999px;height:10px;position:relative}._sliderHue_ftvr3_113{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._sliderAlpha_ftvr3_117{background-image:linear-gradient(to right, transparent, var(--alpha-color,#fff)), linear-gradient(45deg, #777 25%, transparent 25%), linear-gradient(-45deg, #777 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #777 75%), linear-gradient(-45deg, transparent 75%, #777 75%);background-color:#bbb;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px}._sliderHandle_ftvr3_125{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059}._inputs_ftvr3_139{align-items:center;gap:6px;display:flex}._format_ftvr3_145{color:var(--field-placeholder,#8e8e93);flex:none;padding:0 2px;font-size:12px}._input_ftvr3_139{box-sizing:border-box;border-radius:var(--color-picker-input-radius);background:var(--field-background,#1c1c1e);min-width:0;height:28px;color:var(--field-color,#fff);font:inherit;border:none;outline:none;flex:1;padding:0 8px;font-size:13px}._input_ftvr3_139:focus{box-shadow:0 0 0 2px var(--field-focus-ring,#fff3)}._inputAlpha_ftvr3_171{text-align:center;flex:0 0 56px}._palette_ftvr3_176{grid-template-columns:repeat(8,1fr);place-items:center;gap:4px;padding:0;display:grid}._swatchBtn_ftvr3_185{width:var(--color-picker-swatch);height:var(--color-picker-swatch);cursor:pointer;background:var(--swatch,#888);border:none;border-radius:50%;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}._swatchBtn_ftvr3_185[aria-checked=true]{z-index:1;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px var(--select-background,#2c2c2e), 0 0 0 3px #ffffff59;transform:scale(1.35)}._swatchBtn_ftvr3_185:disabled{cursor:not-allowed;opacity:.5}._trigger_ftvr3_210{cursor:pointer;align-items:center;gap:var(--field-icon-gap,10px);min-width:0;height:var(--field-height,44px);flex:1;display:flex}._trigger_ftvr3_210[aria-disabled=true]{cursor:not-allowed}._preview_ftvr3_224{background-color:var(--preview-color,transparent);background-image:linear-gradient(var(--preview-color,transparent), var(--preview-color,transparent)), linear-gradient(45deg, #c6c6c8 25%, transparent 25%), linear-gradient(-45deg, #c6c6c8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #c6c6c8 75%), linear-gradient(-45deg, transparent 75%, #c6c6c8 75%);background-position:0 0,0 0,0 3px,3px -3px,-3px 0;background-size:100% 100%,6px 6px,6px 6px,6px 6px,6px 6px;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026}._hexText_ftvr3_237{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--control-font-size,17px);flex:1;overflow:hidden}._placeholder_ftvr3_246{color:var(--field-placeholder,#8e8e93);font-weight:400}
package/dist/styles/Color.module.js ADDED
@@ -0,0 +1,27 @@
1
+ var e = {
2
+ o: "_o_ftvr3_14",
3
+ panel: "_panel_ftvr3_21",
4
+ sv: "_sv_ftvr3_37",
5
+ svWhite: "_svWhite_ftvr3_48",
6
+ svBlack: "_svBlack_ftvr3_54",
7
+ handle: "_handle_ftvr3_60",
8
+ slidersRow: "_slidersRow_ftvr3_72",
9
+ eyedropper: "_eyedropper_ftvr3_78",
10
+ sliders: "_sliders_ftvr3_72",
11
+ slider: "_slider_ftvr3_72",
12
+ sliderHue: "_sliderHue_ftvr3_113",
13
+ sliderAlpha: "_sliderAlpha_ftvr3_117",
14
+ sliderHandle: "_sliderHandle_ftvr3_125",
15
+ inputs: "_inputs_ftvr3_139",
16
+ format: "_format_ftvr3_145",
17
+ input: "_input_ftvr3_139",
18
+ inputAlpha: "_inputAlpha_ftvr3_171",
19
+ palette: "_palette_ftvr3_176",
20
+ swatchBtn: "_swatchBtn_ftvr3_185",
21
+ trigger: "_trigger_ftvr3_210",
22
+ preview: "_preview_ftvr3_224",
23
+ hexText: "_hexText_ftvr3_237",
24
+ placeholder: "_placeholder_ftvr3_246"
25
+ };
26
+ //#endregion
27
+ export { e as default };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elcrm/form",
3
- "version": "0.0.78",
4
- "description": "React-компоненты полей формы и хук useForm для elCRM: текст, даты, маски, деньги, селект, связка с формой по имени поля (tree-shakeable ESM).",
3
+ "version": "0.0.80",
4
+ "description": "React-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u0435\u0439 \u0444\u043e\u0440\u043c\u044b \u0438 \u0445\u0443\u043a useForm \u0434\u043b\u044f elCRM: \u0442\u0435\u043a\u0441\u0442, \u0434\u0430\u0442\u044b, \u043c\u0430\u0441\u043a\u0438, \u0434\u0435\u043d\u044c\u0433\u0438, \u0441\u0435\u043b\u0435\u043a\u0442, \u0441\u0432\u044f\u0437\u043a\u0430 \u0441 \u0444\u043e\u0440\u043c\u043e\u0439 \u043f\u043e \u0438\u043c\u0435\u043d\u0438 \u043f\u043e\u043b\u044f (tree-shakeable ESM).",
5
5
  "type": "module",
6
6
  "author": "MaSkal <dev@elcrm.online>",
7
7
  "license": "MIT",