@elcrm/form 0.0.72 → 0.0.74

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 (22) hide show
  1. package/README.md +1 -1
  2. package/dist/assets/styles/Field.module.css +1 -1
  3. package/dist/assets/styles/Form.module.css +1 -1
  4. package/dist/assets/styles/Select.module.css +1 -1
  5. package/dist/core/Field.js +1 -1
  6. package/dist/fields/Date.js +80 -77
  7. package/dist/fields/Money.js +11 -5
  8. package/dist/fields/Range.js +1 -1
  9. package/dist/fields/Select.js +4 -3
  10. package/dist/index.js +1 -1
  11. package/dist/index.umd.js +2 -2
  12. package/dist/package.js +1 -1
  13. package/dist/style.css +3 -3
  14. package/dist/styles/Field.module.js +18 -18
  15. package/dist/styles/Form.module.js +8 -8
  16. package/dist/styles/Select.module.js +5 -4
  17. package/package.json +1 -1
  18. package/src/lib/styles/Field.module.scss +29 -1
  19. package/src/lib/styles/Form.module.scss +2 -2
  20. package/src/lib/styles/Select.module.scss +26 -9
  21. package/src/lib/styles/dark.css +44 -26
  22. package/src/lib/styles/light.css +35 -25
package/README.md CHANGED
@@ -14,7 +14,7 @@ npm install @elcrm/form
14
14
 
15
15
  - **Базовые стили полей** (Field / Form / Select) **вшиты в начало** `dist/index.js` и `dist/core/Field.js` (скрипт сборки): при загрузке модуля в `<head>` добавляется один `<style>` — **отдельные CSS-файлы и настройка css-loader в приложении не нужны**. Работает и с **корня** (`@elcrm/form`), и с **подпутями** — стили подхватывает **`Field`**.
16
16
  - **Опционально** можно по-прежнему подключить **`@elcrm/form/style.css`** вручную (тот же текст, что во встраивании) — например для SSR без клиентского JS.
17
- - **Темы** (светлая / тёмная): **`@elcrm/form/light.css`**, **`@elcrm/form/dark.css`** — атрибут **`data-theme`** на контейнере (подключаются вручную).
17
+ - **Темы** (светлая / тёмная): **`@elcrm/form/light.css`**, **`@elcrm/form/dark.css`** — атрибут **`data-theme`** на контейнере (подключаются вручную). Для порталов (**`document.body`**) задайте **`data-theme`** на **`<html>`** или оберните приложение так, чтобы всплывающие списки и календарь наследовали переменные темы.
18
18
 
19
19
  ## Быстрый старт
20
20
 
package/dist/assets/styles/Field.module.css CHANGED
@@ -1 +1 @@
1
- ._l_zzcgd_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_zzcgd_2>dt,._l_zzcgd_2>dd{margin:0;padding:0}._l_zzcgd_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_zzcgd_2[data-field=group] div:last-child{border-bottom:0}._l_zzcgd_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);display:block}._l_zzcgd_2 [placeholder]:focus:before{display:none}._f_zzcgd_33{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:0 var(--field-side-padding,14px);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_zzcgd_33:hover{border-color:var(--field-border-hover,var(--field-border))}._f_zzcgd_33: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_zzcgd_33._e_zzcgd_57:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_zzcgd_33[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_zzcgd_33[data-disabled=true]>*{cursor:not-allowed}._f_zzcgd_33>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);padding:var(--field-inner-padding,0 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0}._f_zzcgd_33>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_zzcgd_33>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_zzcgd_33>:not(div) svg{width:20px;height:20px}._n_zzcgd_97 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_zzcgd_104>div{text-wrap:nowrap;overflow:scroll hidden}._w_zzcgd_104>div::-webkit-scrollbar{width:0;height:0}._time_zzcgd_114>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_zzcgd_114 ._timeInner_zzcgd_121{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_zzcgd_114._timeAlignCenter_zzcgd_132 ._timeInner_zzcgd_121{justify-content:center}._time_zzcgd_114 ._timeSep_zzcgd_135{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_zzcgd_114 ._timePart_zzcgd_146{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_zzcgd_114 ._timePart_zzcgd_146[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_zzcgd_114 ._timePart_zzcgd_146:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:.6}._time_zzcgd_114 ._timePart_zzcgd_146:focus:empty:before{content:none}._time_zzcgd_114 ._timePart_zzcgd_146:focus-visible{background:0 0}._time_zzcgd_114._timeAlignCenter_zzcgd_132 ._timePart_zzcgd_146{text-align:center}._t_zzcgd_114{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._g_zzcgd_192{flex-direction:column}._range_zzcgd_196>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_zzcgd_196 ._rangeTrack_zzcgd_205{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_zzcgd_196 ._rangeTrack_zzcgd_205:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_zzcgd_196 ._rangeTrack_zzcgd_205[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_zzcgd_196 ._rangeFill_zzcgd_226{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_zzcgd_196 ._rangeFillFull_zzcgd_237{border-radius:999px}._h_zzcgd_241{--field-border:0}._h_zzcgd_241 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_zzcgd_241 div[aria-checked=true]{background:var(--field-background-active)}._h_zzcgd_241 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_zzcgd_57{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_zzcgd_280{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}
1
+ ._l_ita6u_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_ita6u_2>dt,._l_ita6u_2>dd{margin:0;padding:0}._l_ita6u_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_ita6u_2[data-field=group] div:last-child{border-bottom:0}._l_ita6u_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_ita6u_2 [placeholder]:focus:before{display:none}._f_ita6u_39{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:0 var(--field-side-padding,14px);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_ita6u_39:hover{border-color:var(--field-border-hover,var(--field-border))}._f_ita6u_39: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_ita6u_39._e_ita6u_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_ita6u_39[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_ita6u_39[data-disabled=true]>*{cursor:not-allowed}._f_ita6u_39>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);padding:var(--field-inner-padding,0 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0}._f_ita6u_39>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_ita6u_39>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_ita6u_39>:not(div) svg{width:20px;height:20px}._f_ita6u_39 input::placeholder,._f_ita6u_39 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_ita6u_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_ita6u_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_ita6u_134>div::-webkit-scrollbar{width:0;height:0}._time_ita6u_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_ita6u_144 ._timeInner_ita6u_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timeInner_ita6u_151{justify-content:center}._time_ita6u_144 ._timeSep_ita6u_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_ita6u_144 ._timePart_ita6u_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_ita6u_144 ._timePart_ita6u_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_ita6u_144 ._timePart_ita6u_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_ita6u_144 ._timePart_ita6u_176:focus:empty:before{content:none}._time_ita6u_144 ._timePart_ita6u_176:focus-visible{background:0 0}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timePart_ita6u_176{text-align:center}._t_ita6u_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._g_ita6u_223{flex-direction:column}._range_ita6u_227>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_ita6u_227 ._rangeTrack_ita6u_236{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_ita6u_227 ._rangeTrack_ita6u_236:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_ita6u_227 ._rangeTrack_ita6u_236[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_ita6u_227 ._rangeFill_ita6u_257{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_ita6u_227 ._rangeFillFull_ita6u_268{border-radius:999px}._h_ita6u_272{--field-border:0}._h_ita6u_272 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_ita6u_272 div[aria-checked=true]{background:var(--field-background-active)}._h_ita6u_272 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_ita6u_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_ita6u_311{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}
package/dist/assets/styles/Form.module.css CHANGED
@@ -1 +1 @@
1
- ._o_14yxc_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14yxc_13{background:var(--select-background);z-index:99;color:#fff;box-sizing:border-box;border-radius:10px;min-width:259px;max-height:min(92vh,480px);margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14yxc_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14yxc_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_14yxc_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14yxc_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14yxc_13 b.__active_14yxc_64{background:var(--bg-select-active)}._c_14yxc_13 b:hover{background:var(--bg-select-hover)}._c_14yxc_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14yxc_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14yxc_13 i:hover{background:var(--bg-select-hover)}._c_14yxc_13 i:before{cursor:pointer;display:block}._c_14yxc_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14yxc_13 s h2{text-align:center;color:#fff;cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14yxc_13 ._dateHeaderMonth_14yxc_119,._c_14yxc_13 ._dateHeaderYear_14yxc_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14yxc_13 ._dateHeaderMonth_14yxc_119:hover,._c_14yxc_13 ._dateHeaderYear_14yxc_119:hover{background:var(--bg-select-hover)}._c_14yxc_13 ._dateHeaderDisabled_14yxc_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14yxc_13 ._dateHeaderDisabled_14yxc_129[data-active=true],._c_14yxc_13 ._dateHeaderDisabled_14yxc_129[data-current=true]{opacity:.45}._c_14yxc_13 [grid-calendar] b[data-current=true],._c_14yxc_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14yxc_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14yxc_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14yxc_13 [grid-calendar] b[data-active=true][data-current=true],._c_14yxc_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14yxc_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_14yxc_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14yxc_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14yxc_13 span{text-align:center;padding:2px}._c_14yxc_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14yxc_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14yxc_13 [grid-calendar]>span>b,._c_14yxc_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_14yxc_13 ._as_14yxc_196{cursor:ns-resize}._c_14yxc_13 ._ap_14yxc_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}
1
+ ._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}
package/dist/assets/styles/Select.module.css CHANGED
@@ -1 +1 @@
1
- :root{--select-overlay:#0000;--select-height:52px;--select-separator:1px solid #40434c;--select-color:#e8e8eb;--select-background:#26282e;--select-icon:calc(--select-height / 1.5);--select-icon-padding:calc((--select-height - --select-icon) / 2);--select-font-size:13px}._o_1q26w_12{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_1q26w_22{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_1q26w_22::-webkit-scrollbar{width:0;height:0}._l_1q26w_22 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_1q26w_22 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_1q26w_22 li:hover,._l_1q26w_22 li[data-focus=true]{background:#2f323a}._l_1q26w_22 li:last-child{border-bottom:0}._i_1q26w_80{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._f_1q26w_89{cursor:pointer}._f_1q26w_89[aria-disabled=true]{cursor:not-allowed}
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}
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_zzcgd_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_zzcgd_2>dt,._l_zzcgd_2>dd{margin:0;padding:0}._l_zzcgd_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_zzcgd_2[data-field=group] div:last-child{border-bottom:0}._l_zzcgd_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);display:block}._l_zzcgd_2 [placeholder]:focus:before{display:none}._f_zzcgd_33{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:0 var(--field-side-padding,14px);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_zzcgd_33:hover{border-color:var(--field-border-hover,var(--field-border))}._f_zzcgd_33: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_zzcgd_33._e_zzcgd_57:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_zzcgd_33[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_zzcgd_33[data-disabled=true]>*{cursor:not-allowed}._f_zzcgd_33>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);padding:var(--field-inner-padding,0 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0}._f_zzcgd_33>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_zzcgd_33>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_zzcgd_33>:not(div) svg{width:20px;height:20px}._n_zzcgd_97 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_zzcgd_104>div{text-wrap:nowrap;overflow:scroll hidden}._w_zzcgd_104>div::-webkit-scrollbar{width:0;height:0}._time_zzcgd_114>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_zzcgd_114 ._timeInner_zzcgd_121{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_zzcgd_114._timeAlignCenter_zzcgd_132 ._timeInner_zzcgd_121{justify-content:center}._time_zzcgd_114 ._timeSep_zzcgd_135{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_zzcgd_114 ._timePart_zzcgd_146{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_zzcgd_114 ._timePart_zzcgd_146[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_zzcgd_114 ._timePart_zzcgd_146:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:.6}._time_zzcgd_114 ._timePart_zzcgd_146:focus:empty:before{content:none}._time_zzcgd_114 ._timePart_zzcgd_146:focus-visible{background:0 0}._time_zzcgd_114._timeAlignCenter_zzcgd_132 ._timePart_zzcgd_146{text-align:center}._t_zzcgd_114{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._g_zzcgd_192{flex-direction:column}._range_zzcgd_196>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_zzcgd_196 ._rangeTrack_zzcgd_205{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_zzcgd_196 ._rangeTrack_zzcgd_205:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_zzcgd_196 ._rangeTrack_zzcgd_205[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_zzcgd_196 ._rangeFill_zzcgd_226{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_zzcgd_196 ._rangeFillFull_zzcgd_237{border-radius:999px}._h_zzcgd_241{--field-border:0}._h_zzcgd_241 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_zzcgd_241 div[aria-checked=true]{background:var(--field-background-active)}._h_zzcgd_241 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_zzcgd_57{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_zzcgd_280{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14yxc_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14yxc_13{background:var(--select-background);z-index:99;color:#fff;box-sizing:border-box;border-radius:10px;min-width:259px;max-height:min(92vh,480px);margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14yxc_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14yxc_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_14yxc_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14yxc_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14yxc_13 b.__active_14yxc_64{background:var(--bg-select-active)}._c_14yxc_13 b:hover{background:var(--bg-select-hover)}._c_14yxc_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14yxc_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14yxc_13 i:hover{background:var(--bg-select-hover)}._c_14yxc_13 i:before{cursor:pointer;display:block}._c_14yxc_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14yxc_13 s h2{text-align:center;color:#fff;cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14yxc_13 ._dateHeaderMonth_14yxc_119,._c_14yxc_13 ._dateHeaderYear_14yxc_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14yxc_13 ._dateHeaderMonth_14yxc_119:hover,._c_14yxc_13 ._dateHeaderYear_14yxc_119:hover{background:var(--bg-select-hover)}._c_14yxc_13 ._dateHeaderDisabled_14yxc_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14yxc_13 ._dateHeaderDisabled_14yxc_129[data-active=true],._c_14yxc_13 ._dateHeaderDisabled_14yxc_129[data-current=true]{opacity:.45}._c_14yxc_13 [grid-calendar] b[data-current=true],._c_14yxc_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14yxc_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14yxc_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14yxc_13 [grid-calendar] b[data-active=true][data-current=true],._c_14yxc_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14yxc_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_14yxc_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14yxc_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14yxc_13 span{text-align:center;padding:2px}._c_14yxc_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14yxc_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14yxc_13 [grid-calendar]>span>b,._c_14yxc_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_14yxc_13 ._as_14yxc_196{cursor:ns-resize}._c_14yxc_13 ._ap_14yxc_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:#0000;--select-height:52px;--select-separator:1px solid #40434c;--select-color:#e8e8eb;--select-background:#26282e;--select-icon:calc(--select-height / 1.5);--select-icon-padding:calc((--select-height - --select-icon) / 2);--select-font-size:13px}._o_1q26w_12{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_1q26w_22{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_1q26w_22::-webkit-scrollbar{width:0;height:0}._l_1q26w_22 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_1q26w_22 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_1q26w_22 li:hover,._l_1q26w_22 li[data-focus=true]{background:#2f323a}._l_1q26w_22 li:last-child{border-bottom:0}._i_1q26w_80{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._f_1q26w_89{cursor:pointer}._f_1q26w_89[aria-disabled=true]{cursor:not-allowed}\n";
8
+ el.textContent = "._l_ita6u_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_ita6u_2>dt,._l_ita6u_2>dd{margin:0;padding:0}._l_ita6u_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_ita6u_2[data-field=group] div:last-child{border-bottom:0}._l_ita6u_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_ita6u_2 [placeholder]:focus:before{display:none}._f_ita6u_39{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:0 var(--field-side-padding,14px);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_ita6u_39:hover{border-color:var(--field-border-hover,var(--field-border))}._f_ita6u_39: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_ita6u_39._e_ita6u_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_ita6u_39[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_ita6u_39[data-disabled=true]>*{cursor:not-allowed}._f_ita6u_39>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);padding:var(--field-inner-padding,0 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0}._f_ita6u_39>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_ita6u_39>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_ita6u_39>:not(div) svg{width:20px;height:20px}._f_ita6u_39 input::placeholder,._f_ita6u_39 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_ita6u_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_ita6u_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_ita6u_134>div::-webkit-scrollbar{width:0;height:0}._time_ita6u_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_ita6u_144 ._timeInner_ita6u_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timeInner_ita6u_151{justify-content:center}._time_ita6u_144 ._timeSep_ita6u_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_ita6u_144 ._timePart_ita6u_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_ita6u_144 ._timePart_ita6u_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_ita6u_144 ._timePart_ita6u_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_ita6u_144 ._timePart_ita6u_176:focus:empty:before{content:none}._time_ita6u_144 ._timePart_ita6u_176:focus-visible{background:0 0}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timePart_ita6u_176{text-align:center}._t_ita6u_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._g_ita6u_223{flex-direction:column}._range_ita6u_227>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_ita6u_227 ._rangeTrack_ita6u_236{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_ita6u_227 ._rangeTrack_ita6u_236:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_ita6u_227 ._rangeTrack_ita6u_236[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_ita6u_227 ._rangeFill_ita6u_257{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_ita6u_227 ._rangeFillFull_ita6u_268{border-radius:999px}._h_ita6u_272{--field-border:0}._h_ita6u_272 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_ita6u_272 div[aria-checked=true]{background:var(--field-background-active)}._h_ita6u_272 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_ita6u_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_ita6u_311{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";
9
9
  document.head.appendChild(el);
10
10
  })();
11
11
 
package/dist/fields/Date.js CHANGED
@@ -7,14 +7,17 @@ import a from "react";
7
7
  import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
8
8
  import { createPortal as l } from "react-dom";
9
9
  //#region src/lib/fields/Date.tsx
10
- function u(e, t, n, r) {
10
+ function u(e) {
11
+ return !!(e == null || typeof e == "string" && r(e) || e instanceof Date && Number.isNaN(e.getTime()));
12
+ }
13
+ function d(e, t, n, r) {
11
14
  let i = new Date(e, t - 1, 1);
12
15
  return !(n && new Date(e, t, 0) < n || r && i > r);
13
16
  }
14
- function d(e, t, n) {
17
+ function f(e, t, n) {
15
18
  return !(t && e < t.getFullYear() || n && e > n.getFullYear());
16
19
  }
17
- function f(e, t, n) {
20
+ function p(e, t, n) {
18
21
  let r = e;
19
22
  if (t) {
20
23
  let e = t.getFullYear();
@@ -26,109 +29,109 @@ function f(e, t, n) {
26
29
  }
27
30
  return r;
28
31
  }
29
- function p({ label: i = "", error: u, hidden: d = !1, className: f, placeholder: p, disabled: h = !1, onValue: g, max: _, min: y, form: b, icon: x, name: S = "", value: C, after: w = "", before: T = "" }) {
30
- let E = a.useCallback((e) => {
31
- if (e == null) return /* @__PURE__ */ new Date();
32
- if (e instanceof Date) return Number.isNaN(e.getTime()) ? /* @__PURE__ */ new Date() : e;
32
+ function m({ label: i = "", error: d, hidden: f = !1, className: p, placeholder: m, disabled: g = !1, onValue: _, max: v, min: b, form: x, icon: S, name: C = "", value: w, after: T = "", before: E = "" }) {
33
+ let D = a.useCallback((e) => {
34
+ if (e == null || typeof e == "string" && r(e)) return "";
35
+ if (e instanceof Date) return Number.isNaN(e.getTime()) ? "" : e;
33
36
  if (typeof e == "string" || typeof e == "number") {
34
37
  let t = new Date(e);
35
- return Number.isNaN(t.getTime()) ? /* @__PURE__ */ new Date() : e;
38
+ return Number.isNaN(t.getTime()) ? "" : e;
36
39
  }
37
- return /* @__PURE__ */ new Date();
38
- }, []), { value: D } = n(b, S, C), [O, k] = a.useState(E(D)), A = a.useRef(null), [j, M] = a.useState(null), [N, P] = a.useState(!1), F = a.useCallback(() => {
39
- let e = A.current;
40
+ return "";
41
+ }, []), { value: O } = n(x, C, w), [k, A] = a.useState(D(O)), j = a.useRef(null), [M, N] = a.useState(null), [P, F] = a.useState(!1), I = a.useCallback(() => {
42
+ let e = j.current;
40
43
  if (!e) return;
41
44
  let t = e.getBoundingClientRect();
42
- M({
45
+ N({
43
46
  x: t.left,
44
47
  y: t.top,
45
48
  b: t.bottom
46
49
  });
47
50
  }, []);
48
51
  a.useEffect(() => {
49
- if (!N) return;
50
- F();
52
+ if (!P) return;
53
+ I();
51
54
  let e = () => {
52
- F();
55
+ I();
53
56
  };
54
57
  return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
55
58
  window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
56
59
  };
57
- }, [N, F]), a.useEffect(() => {
58
- k(E(D));
59
- }, [D, E]);
60
- let I = (e) => {
60
+ }, [P, I]), a.useEffect(() => {
61
+ A(D(O));
62
+ }, [O, D]);
63
+ let L = (e) => {
61
64
  let t = {
62
65
  value: e,
63
- name: S
66
+ name: C
64
67
  };
65
- k(e), g && g !== b?.onValue && g(t);
66
- }, L = (e) => {
67
- if (h) return;
68
+ A(e), x && C && x.setValue(t), _ && _ !== x?.onValue && _(t);
69
+ }, R = (e) => {
70
+ if (g) return;
68
71
  let t = e.currentTarget.getBoundingClientRect();
69
- M({
72
+ N({
70
73
  x: t.left,
71
74
  y: t.top,
72
75
  b: t.bottom
73
- }), P(!0);
74
- }, R = {};
75
- p && (R.placeholder = p);
76
- let z = D == null || D === "" || typeof D == "string" && r(D);
77
- return d && z ? /* @__PURE__ */ s(o, {}) : /* @__PURE__ */ c(o, { children: [x ? x() : /* @__PURE__ */ c(t, {
76
+ }), F(!0);
77
+ }, z = {};
78
+ m && (z.placeholder = m);
79
+ let B = O == null || O === "" || typeof O == "string" && r(O);
80
+ return f && B ? /* @__PURE__ */ s(o, {}) : /* @__PURE__ */ c(o, { children: [S ? S() : /* @__PURE__ */ c(t, {
78
81
  type: "date",
79
82
  label: i,
80
- error: u,
81
- element_blok: { className: [f || ""] },
83
+ error: d,
84
+ element_blok: { className: [p || ""] },
82
85
  element_input: {
83
86
  className: [e.w],
84
- props: { "data-disabled": h ? "true" : void 0 }
87
+ props: { "data-disabled": g ? "true" : void 0 }
85
88
  },
86
89
  children: [
87
- T,
90
+ E,
88
91
  /* @__PURE__ */ s("div", {
89
- ref: A,
90
- onClick: L,
92
+ ref: j,
93
+ onClick: R,
91
94
  onKeyDown: (e) => {
92
- (e.key === "Enter" || e.key === " ") && (e.preventDefault(), L(e));
95
+ (e.key === "Enter" || e.key === " ") && (e.preventDefault(), R(e));
93
96
  },
94
- tabIndex: h ? -1 : 0,
97
+ tabIndex: g ? -1 : 0,
95
98
  role: "button",
96
99
  "aria-haspopup": "dialog",
97
- "aria-expanded": N,
98
- "aria-label": i || p || "Дата",
99
- "data-edit": h ? void 0 : "true",
100
- ...R,
101
- style: { cursor: h ? "not-allowed" : "pointer" },
102
- children: v(O, "dd.mm.yyyy")
100
+ "aria-expanded": P,
101
+ "aria-label": i || m || "Дата",
102
+ "data-edit": g ? void 0 : "true",
103
+ ...z,
104
+ style: { cursor: g ? "not-allowed" : "pointer" },
105
+ children: u(k) ? "" : y(k, "dd.mm.yyyy")
103
106
  }),
104
- w
107
+ T
105
108
  ]
106
- }), N && j && l(/* @__PURE__ */ s(m, {
107
- position: j,
108
- onValue: I,
109
- date: O,
110
- max: _,
111
- min: y,
112
- onOpen: P,
113
- className: f
109
+ }), P && M && l(/* @__PURE__ */ s(h, {
110
+ position: M,
111
+ onValue: L,
112
+ date: k,
113
+ max: v,
114
+ min: b,
115
+ onOpen: F,
116
+ className: p
114
117
  }, "elcrm-date-popup"), document.body)] });
115
118
  }
116
- p.displayName = "DateField";
117
- var m = ({ date: e, onValue: t, position: n, max: r, min: l, className: p, onOpen: m }) => {
118
- let h = /* @__PURE__ */ new Date(), v = new Date(e);
119
- Number.isNaN(v.getTime()) && (v = /* @__PURE__ */ new Date());
119
+ m.displayName = "DateField";
120
+ var h = ({ date: e, onValue: t, position: n, max: r, min: l, className: u, onOpen: m }) => {
121
+ let h = /* @__PURE__ */ new Date(), g = new Date(e);
122
+ Number.isNaN(g.getTime()) && (g = /* @__PURE__ */ new Date());
120
123
  let y = {
121
124
  y: h.getFullYear(),
122
125
  d: h.getDate(),
123
126
  m: h.getMonth() + 1
124
127
  }, b = {
125
- y: v.getFullYear(),
126
- d: v.getDate(),
127
- m: v.getMonth() + 1
128
+ y: g.getFullYear(),
129
+ d: g.getDate(),
130
+ m: g.getMonth() + 1
128
131
  }, [x, S] = a.useState({
129
132
  y: b.y,
130
133
  m: b.m
131
- }), [C, w] = a.useState("days"), [T, E] = a.useState(() => f(b.y - 5, l, r)), D = (e) => {
134
+ }), [C, w] = a.useState("days"), [T, E] = a.useState(() => p(b.y - 5, l, r)), D = (e) => {
132
135
  let t = e.getDay();
133
136
  return t === 0 && (t = 7), t - 1;
134
137
  }, O = [
@@ -149,23 +152,23 @@ var m = ({ date: e, onValue: t, position: n, max: r, min: l, className: p, onOpe
149
152
  }, P = () => {
150
153
  V(x.m - 1, x.y);
151
154
  }, F = () => {
152
- C === "days" ? P() : C === "months" ? V(x.m, x.y - 1) : E((e) => f(e - 12, l, r));
155
+ C === "days" ? P() : C === "months" ? V(x.m, x.y - 1) : E((e) => p(e - 12, l, r));
153
156
  }, I = () => {
154
- C === "days" ? N() : C === "months" ? V(x.m, x.y + 1) : E((e) => f(e + 12, l, r));
157
+ C === "days" ? N() : C === "months" ? V(x.m, x.y + 1) : E((e) => p(e + 12, l, r));
155
158
  }, L = (e) => {
156
- e.stopPropagation(), E(f(x.y - 5, l, r)), w("years");
159
+ e.stopPropagation(), E(p(x.y - 5, l, r)), w("years");
157
160
  }, R = (e) => {
158
- u(x.y, e, l, r) && (S({
161
+ d(x.y, e, l, r) && (S({
159
162
  y: x.y,
160
163
  m: e
161
164
  }), w("days"));
162
165
  }, z = (e) => {
163
- d(e, l, r) && (S({
166
+ f(e, l, r) && (S({
164
167
  y: e,
165
168
  m: x.m
166
169
  }), w("days"));
167
170
  }, B = (e) => {
168
- t(x.y + "-" + _(2, x.m) + "-" + _(2, e)), M();
171
+ t(x.y + "-" + v(2, x.m) + "-" + v(2, e)), M();
169
172
  }, V = (e, t) => {
170
173
  t = e > 12 ? t + 1 : e < 1 ? t - 1 : t, e = e > 12 ? 1 : e < 1 ? 12 : e, S({
171
174
  y: t,
@@ -181,7 +184,7 @@ var m = ({ date: e, onValue: t, position: n, max: r, min: l, className: p, onOpe
181
184
  className: i.o,
182
185
  onClick: () => M()
183
186
  }), /* @__PURE__ */ c("div", {
184
- className: [i.c, p && p + "-backdrop"].join(" "),
187
+ className: [i.c, u && u + "-backdrop"].join(" "),
185
188
  style: {
186
189
  top: G + "px",
187
190
  left: K + "px"
@@ -208,7 +211,7 @@ var m = ({ date: e, onValue: t, position: n, max: r, min: l, className: p, onOpe
208
211
  e.stopPropagation(), w(C === "years" ? "months" : C === "months" ? "days" : "months");
209
212
  },
210
213
  title: C === "years" ? "К списку месяцев" : C === "months" ? "К календарю" : "Выбрать месяц",
211
- children: g(x.m).name
214
+ children: _(x.m).name
212
215
  }), /* @__PURE__ */ s("span", {
213
216
  className: i.dateHeaderYear,
214
217
  onClick: (e) => {
@@ -247,20 +250,20 @@ var m = ({ date: e, onValue: t, position: n, max: r, min: l, className: p, onOpe
247
250
  C === "months" && /* @__PURE__ */ s("div", {
248
251
  "grid-month": "",
249
252
  children: Array.from({ length: 12 }, (e, t) => {
250
- let n = t + 1, a = u(x.y, n, l, r), o = y.y === x.y && y.m === n ? { "data-active": "true" } : {}, c = b.y === x.y && b.m === n ? { "data-current": "true" } : {};
253
+ let n = t + 1, a = d(x.y, n, l, r), o = y.y === x.y && y.m === n ? { "data-active": "true" } : {}, c = b.y === x.y && b.m === n ? { "data-current": "true" } : {};
251
254
  return /* @__PURE__ */ s("b", {
252
255
  className: a ? "" : i.dateHeaderDisabled,
253
256
  ...o,
254
257
  ...c,
255
258
  onClick: () => a && R(n),
256
- children: g(n).abc
259
+ children: _(n).abc
257
260
  }, n);
258
261
  })
259
262
  }),
260
263
  C === "years" && /* @__PURE__ */ s("div", {
261
264
  "grid-month": "",
262
265
  children: Array.from({ length: 12 }, (e, t) => {
263
- let n = T + t, a = d(n, l, r), o = y.y === n ? { "data-active": "true" } : {}, c = b.y === n ? { "data-current": "true" } : {};
266
+ let n = T + t, a = f(n, l, r), o = y.y === n ? { "data-active": "true" } : {}, c = b.y === n ? { "data-current": "true" } : {};
264
267
  return /* @__PURE__ */ s("b", {
265
268
  className: a ? "" : i.dateHeaderDisabled,
266
269
  ...o,
@@ -272,13 +275,13 @@ var m = ({ date: e, onValue: t, position: n, max: r, min: l, className: p, onOpe
272
275
  })
273
276
  ]
274
277
  })] });
275
- }, h = {
278
+ }, g = {
276
279
  val: "01",
277
280
  name: "—",
278
281
  names: "—",
279
282
  abc: "—"
280
283
  };
281
- function g(e) {
284
+ function _(e) {
282
285
  let t = typeof e == "number" ? e : new Date(e).getMonth() + 1;
283
286
  return (!Number.isFinite(t) || t < 1 || t > 12) && (t = (/* @__PURE__ */ new Date()).getMonth() + 1), {
284
287
  1: {
@@ -353,14 +356,14 @@ function g(e) {
353
356
  names: "Декабря",
354
357
  abc: "Дек"
355
358
  }
356
- }[t] ?? h;
359
+ }[t] ?? g;
357
360
  }
358
- function _(e, t) {
361
+ function v(e, t) {
359
362
  let n = t + "";
360
363
  for (; n.length < e;) n = "0" + n;
361
364
  return n;
362
365
  }
363
- function v(e, t) {
366
+ function y(e, t) {
364
367
  let n, r;
365
368
  t === void 0 ? (r = String(e), n = /* @__PURE__ */ new Date()) : (r = t, n = new Date(e)), Number.isNaN(n.getTime()) && (n = /* @__PURE__ */ new Date());
366
369
  let i = r, a = {
@@ -378,4 +381,4 @@ function v(e, t) {
378
381
  return i;
379
382
  }
380
383
  //#endregion
381
- export { p as default };
384
+ export { m as default };
package/dist/fields/Money.js CHANGED
@@ -24,12 +24,13 @@ function d({ value: d, form: p, onValue: m, name: h = "", placeholder: g = "", l
24
24
  if (P.current) return;
25
25
  let e = N.current;
26
26
  if (!e) return;
27
- let t = M != null && (typeof M == "number" ? !0 : !a(String(M))), n = !g || t ? f(M ?? "") : "";
27
+ let t = M != null && (typeof M == "number" ? !0 : !a(String(M))), n = !g || t ? f(M ?? "", E) : "";
28
28
  e.textContent !== n && (e.textContent = n);
29
29
  }, [
30
30
  M,
31
31
  j,
32
- g
32
+ g,
33
+ E
33
34
  ]);
34
35
  let F = (e) => O === "multi" ? e.replace(/[^+\d.+-]/g, "") : e.replace(/[^+\d.]/g, ""), I = (e, t) => {
35
36
  let n = t.firstChild;
@@ -51,7 +52,7 @@ function d({ value: d, form: p, onValue: m, name: h = "", placeholder: g = "", l
51
52
  value: Number(F(t.textContent || "")) * E,
52
53
  name: h
53
54
  };
54
- x?.(n), m && m !== p?.onValue && m(n), t.textContent = f(t.textContent || ""), P.current = !1;
55
+ p && h && p.setValue(n), x?.(n), m && m !== p?.onValue && m(n), t.textContent = f(F(t.textContent || "").trim() || "0"), P.current = !1;
55
56
  }, z = (e) => {
56
57
  P.current = !0;
57
58
  let t = e.target;
@@ -63,7 +64,7 @@ function d({ value: d, form: p, onValue: m, name: h = "", placeholder: g = "", l
63
64
  value: 0,
64
65
  name: h
65
66
  };
66
- m && m !== p?.onValue && m(n);
67
+ p && h && p.setValue(n), m && m !== p?.onValue && m(n);
67
68
  }, V = (e) => {
68
69
  e.key === "Enter" && e.preventDefault();
69
70
  }, H = (e) => {
@@ -107,7 +108,12 @@ function d({ value: d, form: p, onValue: m, name: h = "", placeholder: g = "", l
107
108
  }
108
109
  d.displayName = "MoneyField";
109
110
  function f(e, t) {
110
- return t && (e = Number(e) / t), parseFloat(String(e || 0)).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1 ");
111
+ let n;
112
+ if (typeof e == "string") {
113
+ let t = e.replace(/\s/g, "").replace(",", ".");
114
+ n = parseFloat(t === "" ? "0" : t);
115
+ } else n = Number(e ?? 0);
116
+ return Number.isNaN(n) && (n = 0), t != null && t > 0 && (n /= t), n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1 ");
111
117
  }
112
118
  //#endregion
113
119
  export { d as default };
package/dist/fields/Range.js CHANGED
@@ -17,7 +17,7 @@ function c({ value: c = 0, form: l, onValue: u, onBlur: d, name: f = "", placeho
17
17
  value: s(e, x, S, C),
18
18
  name: f || ""
19
19
  };
20
- u && u !== l?.onValue && u(t);
20
+ l && f && l.setValue(t), u && u !== l?.onValue && u(t);
21
21
  }, [
22
22
  l,
23
23
  f,
package/dist/fields/Select.js CHANGED
@@ -63,8 +63,8 @@ function c({ value: c = 0, form: u, onValue: d, name: f = "", placeholder: p = "
63
63
  }
64
64
  }, B = {};
65
65
  p && (B.placeholder = p);
66
- let V = j === 0 || P(j) === void 0;
67
- return g && V ? "" : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o(e, {
66
+ let V = P(j), H = (V === void 0 || V === "") && !!p, U = j === 0 || P(j) === void 0;
67
+ return g && U ? "" : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o(e, {
68
68
  type: "select",
69
69
  label: m,
70
70
  element_blok: { className: [v || ""] },
@@ -88,7 +88,8 @@ function c({ value: c = 0, form: u, onValue: d, name: f = "", placeholder: p = "
88
88
  b,
89
89
  /* @__PURE__ */ a("div", {
90
90
  ...B,
91
- children: P(j) || p || ""
91
+ className: H ? n.placeholderValue : void 0,
92
+ children: V ?? p ?? ""
92
93
  }),
93
94
  y
94
95
  ]
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_zzcgd_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_zzcgd_2>dt,._l_zzcgd_2>dd{margin:0;padding:0}._l_zzcgd_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_zzcgd_2[data-field=group] div:last-child{border-bottom:0}._l_zzcgd_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);display:block}._l_zzcgd_2 [placeholder]:focus:before{display:none}._f_zzcgd_33{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:0 var(--field-side-padding,14px);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_zzcgd_33:hover{border-color:var(--field-border-hover,var(--field-border))}._f_zzcgd_33: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_zzcgd_33._e_zzcgd_57:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_zzcgd_33[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_zzcgd_33[data-disabled=true]>*{cursor:not-allowed}._f_zzcgd_33>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);padding:var(--field-inner-padding,0 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0}._f_zzcgd_33>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_zzcgd_33>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_zzcgd_33>:not(div) svg{width:20px;height:20px}._n_zzcgd_97 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_zzcgd_104>div{text-wrap:nowrap;overflow:scroll hidden}._w_zzcgd_104>div::-webkit-scrollbar{width:0;height:0}._time_zzcgd_114>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_zzcgd_114 ._timeInner_zzcgd_121{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_zzcgd_114._timeAlignCenter_zzcgd_132 ._timeInner_zzcgd_121{justify-content:center}._time_zzcgd_114 ._timeSep_zzcgd_135{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_zzcgd_114 ._timePart_zzcgd_146{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_zzcgd_114 ._timePart_zzcgd_146[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_zzcgd_114 ._timePart_zzcgd_146:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:.6}._time_zzcgd_114 ._timePart_zzcgd_146:focus:empty:before{content:none}._time_zzcgd_114 ._timePart_zzcgd_146:focus-visible{background:0 0}._time_zzcgd_114._timeAlignCenter_zzcgd_132 ._timePart_zzcgd_146{text-align:center}._t_zzcgd_114{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._g_zzcgd_192{flex-direction:column}._range_zzcgd_196>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_zzcgd_196 ._rangeTrack_zzcgd_205{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_zzcgd_196 ._rangeTrack_zzcgd_205:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_zzcgd_196 ._rangeTrack_zzcgd_205[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_zzcgd_196 ._rangeFill_zzcgd_226{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_zzcgd_196 ._rangeFillFull_zzcgd_237{border-radius:999px}._h_zzcgd_241{--field-border:0}._h_zzcgd_241 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_zzcgd_241 div[aria-checked=true]{background:var(--field-background-active)}._h_zzcgd_241 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_zzcgd_57{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_zzcgd_280{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}\n\n._o_14yxc_2{z-index:98;background:0 0;position:fixed;inset:0}._c_14yxc_13{background:var(--select-background);z-index:99;color:#fff;box-sizing:border-box;border-radius:10px;min-width:259px;max-height:min(92vh,480px);margin:0;padding:10px 12px 12px;display:block;position:fixed;overflow:hidden auto;box-shadow:5px 7px 18px #000000a8}._c_14yxc_13 [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:34px;gap:2px;display:grid}._c_14yxc_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_14yxc_13 [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}._c_14yxc_13 b{cursor:pointer;text-align:center;border-radius:5px;padding:8px 5px;font-weight:400;display:block}._c_14yxc_13 b.__active_14yxc_64{background:var(--bg-select-active)}._c_14yxc_13 b:hover{background:var(--bg-select-hover)}._c_14yxc_13 p{color:var(--color-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}._c_14yxc_13 i{text-align:center;cursor:pointer;border-radius:5px;flex:0 30px;padding:9px}._c_14yxc_13 i:hover{background:var(--bg-select-hover)}._c_14yxc_13 i:before{cursor:pointer;display:block}._c_14yxc_13 s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}._c_14yxc_13 s h2{text-align:center;color:#fff;cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}._c_14yxc_13 ._dateHeaderMonth_14yxc_119,._c_14yxc_13 ._dateHeaderYear_14yxc_119{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}._c_14yxc_13 ._dateHeaderMonth_14yxc_119:hover,._c_14yxc_13 ._dateHeaderYear_14yxc_119:hover{background:var(--bg-select-hover)}._c_14yxc_13 ._dateHeaderDisabled_14yxc_129{cursor:not-allowed;opacity:.45;pointer-events:none}._c_14yxc_13 ._dateHeaderDisabled_14yxc_129[data-active=true],._c_14yxc_13 ._dateHeaderDisabled_14yxc_129[data-current=true]{opacity:.45}._c_14yxc_13 [grid-calendar] b[data-current=true],._c_14yxc_13 [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}._c_14yxc_13 [grid-calendar] b[data-active=true]:not([data-current=true]),._c_14yxc_13 [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}._c_14yxc_13 [grid-calendar] b[data-active=true][data-current=true],._c_14yxc_13 [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14yxc_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_14yxc_13 [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}._c_14yxc_13 [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}._c_14yxc_13 span{text-align:center;padding:2px}._c_14yxc_13 span p{color:var(--color-placeholder);padding:8px 5px}._c_14yxc_13 [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}._c_14yxc_13 [grid-calendar]>span>b,._c_14yxc_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_14yxc_13 ._as_14yxc_196{cursor:ns-resize}._c_14yxc_13 ._ap_14yxc_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:#0000;--select-height:52px;--select-separator:1px solid #40434c;--select-color:#e8e8eb;--select-background:#26282e;--select-icon:calc(--select-height / 1.5);--select-icon-padding:calc((--select-height - --select-icon) / 2);--select-font-size:13px}._o_1q26w_12{z-index:98;background:var(--select-overlay);position:fixed;inset:0}._l_1q26w_22{background:var(--select-background);z-index:99;border-radius:20px;max-height:300px;margin:0;padding:0;display:block;position:fixed;overflow:scroll}._l_1q26w_22::-webkit-scrollbar{width:0;height:0}._l_1q26w_22 ul{width:100%;max-height:300px;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}._l_1q26w_22 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_1q26w_22 li:hover,._l_1q26w_22 li[data-focus=true]{background:#2f323a}._l_1q26w_22 li:last-child{border-bottom:0}._i_1q26w_80{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}._f_1q26w_89{cursor:pointer}._f_1q26w_89[aria-disabled=true]{cursor:not-allowed}\n";
8
+ el.textContent = "._l_ita6u_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_ita6u_2>dt,._l_ita6u_2>dd{margin:0;padding:0}._l_ita6u_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_ita6u_2[data-field=group] div:last-child{border-bottom:0}._l_ita6u_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-style:normal;font-weight:400;display:block}._l_ita6u_2 [placeholder]:focus:before{display:none}._f_ita6u_39{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:0 var(--field-side-padding,14px);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}._f_ita6u_39:hover{border-color:var(--field-border-hover,var(--field-border))}._f_ita6u_39: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_ita6u_39._e_ita6u_63:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_ita6u_39[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_ita6u_39[data-disabled=true]>*{cursor:not-allowed}._f_ita6u_39>div{min-height:var(--field-height);line-height:calc(var(--field-height) - 2px);padding:var(--field-inner-padding,0 2px);font-size:var(--control-font-size,14px);text-wrap:pretty;outline:0;flex:1;margin:0}._f_ita6u_39>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_ita6u_39>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_ita6u_39>:not(div) svg{width:20px;height:20px}._f_ita6u_39 input::placeholder,._f_ita6u_39 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_ita6u_39 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._n_ita6u_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_ita6u_134>div{text-wrap:nowrap;overflow:scroll hidden}._w_ita6u_134>div::-webkit-scrollbar{width:0;height:0}._time_ita6u_144>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_ita6u_144 ._timeInner_ita6u_151{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timeInner_ita6u_151{justify-content:center}._time_ita6u_144 ._timeSep_ita6u_165{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_ita6u_144 ._timePart_ita6u_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_ita6u_144 ._timePart_ita6u_176[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_ita6u_144 ._timePart_ita6u_176:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_ita6u_144 ._timePart_ita6u_176:focus:empty:before{content:none}._time_ita6u_144 ._timePart_ita6u_176:focus-visible{background:0 0}._time_ita6u_144._timeAlignCenter_ita6u_162 ._timePart_ita6u_176{text-align:center}._t_ita6u_144{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._g_ita6u_223{flex-direction:column}._range_ita6u_227>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_ita6u_227 ._rangeTrack_ita6u_236{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_ita6u_227 ._rangeTrack_ita6u_236:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_ita6u_227 ._rangeTrack_ita6u_236[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_ita6u_227 ._rangeFill_ita6u_257{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_ita6u_227 ._rangeFillFull_ita6u_268{border-radius:999px}._h_ita6u_272{--field-border:0}._h_ita6u_272 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_ita6u_272 div[aria-checked=true]{background:var(--field-background-active)}._h_ita6u_272 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_ita6u_63{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_ita6u_311{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";
9
9
  document.head.appendChild(el);
10
10
  })();
11
11