@elcrm/form 0.0.80 → 0.0.82
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.
- package/dist/assets/styles/Field.module.css +1 -1
- package/dist/core/Field.js +1 -1
- package/dist/fields/Code.d.ts +14 -0
- package/dist/fields/Code.js +94 -0
- package/dist/fields/Color.js +127 -80
- package/dist/fields/Date.js +132 -77
- package/dist/fields/Display.d.ts +17 -0
- package/dist/fields/Display.js +49 -0
- package/dist/fields/DragDrop.d.ts +26 -0
- package/dist/fields/DragDrop.js +189 -0
- package/dist/fields/Email.d.ts +8 -0
- package/dist/fields/Email.js +80 -0
- package/dist/fields/File.d.ts +24 -0
- package/dist/fields/File.js +115 -0
- package/dist/fields/Hidden.d.ts +11 -0
- package/dist/fields/Hidden.js +33 -0
- package/dist/fields/Numeric.js +42 -24
- package/dist/fields/Percent.d.ts +13 -0
- package/dist/fields/Percent.js +100 -0
- package/dist/fields/Radio.d.ts +22 -0
- package/dist/fields/Radio.js +88 -0
- package/dist/fields/Rating.d.ts +12 -0
- package/dist/fields/Rating.js +82 -0
- package/dist/fields/RichText.d.ts +14 -0
- package/dist/fields/RichText.js +134 -0
- package/dist/fields/Tags.d.ts +12 -0
- package/dist/fields/Tags.js +97 -0
- package/dist/fields/Time.d.ts +8 -1
- package/dist/fields/Time.js +330 -156
- package/dist/fields/Url.d.ts +8 -0
- package/dist/fields/Url.js +80 -0
- package/dist/index.d.ts +27 -0
- package/dist/index.js +18 -6
- package/dist/index.umd.js +2 -2
- package/dist/package.js +1 -1
- package/dist/style.css +1 -1
- package/dist/styles/Field.module.js +72 -24
- package/package.json +2 -2
|
@@ -0,0 +1,80 @@
|
|
|
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 { isEmptyTextLike as r } from "./visibility.js";
|
|
5
|
+
import i from "react";
|
|
6
|
+
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
7
|
+
//#region src/lib/fields/Url.tsx
|
|
8
|
+
function s({ value: s = "", form: c, onValue: l, onBlur: u, name: d = "", placeholder: f = "", label: p = "", error: m = "", hidden: h = !1, disabled: g = !1, className: _ = "", after: v = "", before: y = "", maxLength: b, autoComplete: x = "url", id: S }) {
|
|
9
|
+
let { value: C, version: w } = n(c, d, s), T = !g, E = typeof C == "string" || typeof C == "number" ? String(C) : "", D = i.useRef(null);
|
|
10
|
+
i.useEffect(() => {
|
|
11
|
+
let e = D.current;
|
|
12
|
+
!e || e.value === E || (e.value = E);
|
|
13
|
+
}, [E, w]);
|
|
14
|
+
let O = (e, t = !1) => {
|
|
15
|
+
let n = {
|
|
16
|
+
value: e,
|
|
17
|
+
name: d
|
|
18
|
+
};
|
|
19
|
+
c && d && (t ? c.setValue(n) : c.onValue(n)), l && l !== c?.onValue && l(n);
|
|
20
|
+
};
|
|
21
|
+
return h && r(C) ? null : /* @__PURE__ */ o(t, {
|
|
22
|
+
type: "url",
|
|
23
|
+
label: p,
|
|
24
|
+
error: m,
|
|
25
|
+
element_blok: { className: [_ || ""] },
|
|
26
|
+
element_input: {
|
|
27
|
+
className: [e.w],
|
|
28
|
+
props: { "data-disabled": g || !T ? "true" : void 0 }
|
|
29
|
+
},
|
|
30
|
+
children: [
|
|
31
|
+
y ? /* @__PURE__ */ a("span", {
|
|
32
|
+
className: e.affix,
|
|
33
|
+
children: y
|
|
34
|
+
}) : null,
|
|
35
|
+
/* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("input", {
|
|
36
|
+
id: S,
|
|
37
|
+
ref: D,
|
|
38
|
+
type: "url",
|
|
39
|
+
name: d || void 0,
|
|
40
|
+
defaultValue: E,
|
|
41
|
+
placeholder: f,
|
|
42
|
+
maxLength: b,
|
|
43
|
+
disabled: g,
|
|
44
|
+
readOnly: !T,
|
|
45
|
+
autoComplete: x,
|
|
46
|
+
inputMode: "url",
|
|
47
|
+
spellCheck: !1,
|
|
48
|
+
"aria-label": p || f || "URL",
|
|
49
|
+
onChange: (e) => O(e.target.value),
|
|
50
|
+
onBlur: (e) => {
|
|
51
|
+
let t = (e.target.value || "").trim();
|
|
52
|
+
O(t, !0), u?.({
|
|
53
|
+
value: t,
|
|
54
|
+
name: d
|
|
55
|
+
});
|
|
56
|
+
},
|
|
57
|
+
onKeyDown: (e) => {
|
|
58
|
+
e.key === "Enter" && e.preventDefault();
|
|
59
|
+
},
|
|
60
|
+
style: {
|
|
61
|
+
width: "100%",
|
|
62
|
+
border: "none",
|
|
63
|
+
outline: "none",
|
|
64
|
+
background: "transparent",
|
|
65
|
+
font: "inherit",
|
|
66
|
+
color: "inherit",
|
|
67
|
+
padding: 0,
|
|
68
|
+
margin: 0
|
|
69
|
+
}
|
|
70
|
+
}) }),
|
|
71
|
+
v ? /* @__PURE__ */ a("span", {
|
|
72
|
+
className: e.affix,
|
|
73
|
+
children: v
|
|
74
|
+
}) : null
|
|
75
|
+
]
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
s.displayName = "UrlField";
|
|
79
|
+
//#endregion
|
|
80
|
+
export { s as default };
|
package/dist/index.d.ts
CHANGED
|
@@ -16,12 +16,39 @@ export { default as PasswordField } from './fields/Password';
|
|
|
16
16
|
export { default as CheckField } from './fields/Check';
|
|
17
17
|
export { default as ColorField } from './fields/Color';
|
|
18
18
|
export { DEFAULT_COLOR_PALETTE } from './fields/Color';
|
|
19
|
+
export { default as EmailField } from './fields/Email';
|
|
20
|
+
export { default as UrlField } from './fields/Url';
|
|
21
|
+
export { default as PercentField } from './fields/Percent';
|
|
22
|
+
export { default as RadioField } from './fields/Radio';
|
|
23
|
+
export { default as TagsField } from './fields/Tags';
|
|
24
|
+
export { default as RatingField } from './fields/Rating';
|
|
25
|
+
export { default as CodeField } from './fields/Code';
|
|
26
|
+
export { OtpField } from './fields/Code';
|
|
27
|
+
export { default as FileField } from './fields/File';
|
|
28
|
+
export { default as DragDropField } from './fields/DragDrop';
|
|
29
|
+
export { DragonDropField } from './fields/DragDrop';
|
|
30
|
+
export { default as RichTextField } from './fields/RichText';
|
|
31
|
+
export { default as HiddenField } from './fields/Hidden';
|
|
32
|
+
export { default as DisplayField } from './fields/Display';
|
|
33
|
+
export { ReadonlyField } from './fields/Display';
|
|
19
34
|
export { useForm, useFormField, useFormFieldState } from './hooks/use';
|
|
20
35
|
export type { TInput, TValue, TPasswordField, TFieldFormBindings, TFieldPresentation, } from './fields/type';
|
|
21
36
|
export type { TRange, TProgress } from './fields/Range';
|
|
22
37
|
export type { TTime } from './fields/Time';
|
|
23
38
|
export type { TCheck } from './fields/Check';
|
|
24
39
|
export type { TColor } from './fields/Color';
|
|
40
|
+
export type { TEmail } from './fields/Email';
|
|
41
|
+
export type { TUrl } from './fields/Url';
|
|
42
|
+
export type { TPercent } from './fields/Percent';
|
|
43
|
+
export type { TRadio } from './fields/Radio';
|
|
44
|
+
export type { TTags } from './fields/Tags';
|
|
45
|
+
export type { TRating } from './fields/Rating';
|
|
46
|
+
export type { TCode } from './fields/Code';
|
|
47
|
+
export type { TFile, TFileMeta } from './fields/File';
|
|
48
|
+
export type { TDragDrop } from './fields/DragDrop';
|
|
49
|
+
export type { TRichText } from './fields/RichText';
|
|
50
|
+
export type { THidden } from './fields/Hidden';
|
|
51
|
+
export type { TDisplay } from './fields/Display';
|
|
25
52
|
export type { FormValues, UseFormApi, UseFormFieldStateResult, } from './hooks/use';
|
|
26
53
|
export type { EditableFieldTarget, EditableClipboardEvent, } from './events/onEvent';
|
|
27
54
|
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\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";
|
|
8
|
+
el.textContent = "._l_3qa3b_2{min-width:var(--field-width);gap:var(--field-block-gap,0);flex-direction:column;margin:0;padding:0;display:flex;position:relative}._l_3qa3b_2>dt,._l_3qa3b_2>dd{margin:0}._l_3qa3b_2[data-field=group] div{cursor:pointer;border-bottom:var(--field-border);padding:var(--field-padding);margin:0}._l_3qa3b_2[data-field=group] div:last-child{border-bottom:0}._l_3qa3b_2 [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;pointer-events:none;font-style:normal;font-weight:400;display:block}._l_3qa3b_2 [placeholder]:focus:before{display:none}._f_3qa3b_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: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_3qa3b_39:hover{border-color:var(--field-border-hover,var(--field-border))}._f_3qa3b_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_3qa3b_39._e_3qa3b_64:focus-within{background:var(--field-error-background);color:var(--field-error-color)}._f_3qa3b_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_3qa3b_39[data-disabled=true]>*{cursor:not-allowed}._f_3qa3b_39>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_3qa3b_39>div::selection{background:var(--field-selection-bg,#b3d4fc);color:var(--field-selection-color,inherit)}._f_3qa3b_39>:not(div){color:var(--field-icon-color,var(--field-placeholder));flex:none;justify-content:center;align-items:center;display:inline-flex}._f_3qa3b_39>:not(div) svg{width:20px;height:20px}._f_3qa3b_39 input::placeholder,._f_3qa3b_39 textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_3qa3b_39 input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_3qa3b_39 textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_3qa3b_39 input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_3qa3b_39 textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}._f_3qa3b_39 [contenteditable=true],._f_3qa3b_39 [contenteditable=plaintext-only],._f_3qa3b_39>div{scrollbar-width:none;-ms-overflow-style:none}._f_3qa3b_39 [contenteditable=true]::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}._f_3qa3b_39 [contenteditable=plaintext-only]::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}._f_3qa3b_39>div::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}._n_3qa3b_146>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));scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}._n_3qa3b_146>div::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}._w_3qa3b_163>div{text-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;overflow:auto hidden}._w_3qa3b_163>div::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}._time_3qa3b_178>div{text-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:visible}._time_3qa3b_178 ._timeInner_3qa3b_185{justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;display:flex}._time_3qa3b_178._timeAlignCenter_3qa3b_196 ._timeInner_3qa3b_185{justify-content:center}._time_3qa3b_178 ._timeSep_3qa3b_199{opacity:.65;-webkit-user-select:none;user-select:none;flex:none;padding:0 2px;font-weight:500;transform:translateY(-1px)}._time_3qa3b_178 ._timePickerBtn_3qa3b_207{color:var(--field-icon-color,var(--field-placeholder));cursor:pointer;background:0 0;border:0;outline:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex}._time_3qa3b_178 ._timePickerBtn_3qa3b_207:hover:not(:disabled){color:var(--field-color)}._time_3qa3b_178 ._timePickerBtn_3qa3b_207:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:6px}._time_3qa3b_178 ._timePickerBtn_3qa3b_207:disabled{cursor:not-allowed;opacity:.5}._time_3qa3b_178 ._timePart_3qa3b_235{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;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:0;border-radius:6px;outline:none;flex:none;margin:0;padding:0;overflow:hidden}._time_3qa3b_178 ._timePart_3qa3b_235::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}._time_3qa3b_178 ._timePart_3qa3b_235[contenteditable=false]{cursor:not-allowed;opacity:.7}._time_3qa3b_178 ._timePart_3qa3b_235:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;font-weight:400}._time_3qa3b_178 ._timePart_3qa3b_235:focus:empty:before{content:none}._time_3qa3b_178 ._timePart_3qa3b_235:focus-visible{background:0 0}._time_3qa3b_178._timeAlignCenter_3qa3b_196 ._timePart_3qa3b_235{text-align:center}._t_3qa3b_178{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:10px}._affix_3qa3b_291{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_3qa3b_305{flex-direction:column}._range_3qa3b_309>div{box-sizing:border-box;min-width:0;min-height:var(--field-height);flex:1;align-items:center;line-height:normal;display:flex}._range_3qa3b_309 ._rangeTrack_3qa3b_318{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_3qa3b_309 ._rangeTrack_3qa3b_318:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._range_3qa3b_309 ._rangeTrack_3qa3b_318[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}._range_3qa3b_309 ._rangeFill_3qa3b_339{background:var(--field-range-fill,#00b5ad);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}._range_3qa3b_309 ._rangeFillFull_3qa3b_350{border-radius:999px}._checkbox_3qa3b_354>div{min-height:var(--field-height);align-items:flex-start;width:100%;padding:0;line-height:normal;display:flex}._checkControl_3qa3b_363{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_3qa3b_363:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:calc(var(--field-radius) - 2px)}._checkControl_3qa3b_363[aria-disabled=true]{cursor:not-allowed}._checkBox_3qa3b_387{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_3qa3b_400{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_3qa3b_409{min-width:0;color:inherit;font-size:var(--control-font-size,14px);flex:auto;padding-top:2px;line-height:1.25}._checkControl_3qa3b_363[aria-checked=true] ._checkBox_3qa3b_387{background:var(--field-background-active)}._h_3qa3b_422{--field-border:0}._h_3qa3b_422 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_3qa3b_422 div[aria-checked=true]{background:var(--field-background-active)}._h_3qa3b_422 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_3qa3b_64{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}._m_3qa3b_461{color:var(--field-error-color);margin-top:6px;font-size:12px;font-style:normal}._display_3qa3b_469>div{color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._displayEmpty_3qa3b_476{color:var(--field-placeholder)}._radio_3qa3b_481>div{width:100%;min-height:var(--field-height);flex-direction:column;align-items:stretch;gap:4px;padding:6px 0;line-height:normal;display:flex}._radioInline_3qa3b_492>div{flex-flow:wrap;align-items:center;gap:8px 16px}._radioItem_3qa3b_499{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:10px;margin:0;padding:4px 0;display:inline-flex}._radioItem_3qa3b_499:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:6px}._radioItem_3qa3b_499[aria-disabled=true]{cursor:not-allowed;opacity:.7}._radioDot_3qa3b_522{border:var(--field-check-box-border,var(--field-border));border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}._radioDotFill_3qa3b_533{background:var(--field-background-active);border-radius:50%;width:10px;height:10px}._radioText_3qa3b_540{font-size:var(--control-font-size,14px);line-height:1.25}._tags_3qa3b_546>div,._tags_3qa3b_546 ._tagsInner_3qa3b_547{width:100%;min-height:var(--field-height);flex-wrap:wrap;align-items:center;gap:4px;padding:0;line-height:normal;display:flex;overflow:visible}._tagsInner_3qa3b_547{flex:1;min-width:0}._tagChip_3qa3b_564{background:var(--field-background-focus,#0000000f);border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:0 6px;line-height:1.35;display:inline-flex}._tagLabel_3qa3b_575{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._tagRemove_3qa3b_581{color:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}._tagRemove_3qa3b_581:hover{opacity:1}._tagInput_3qa3b_595{min-width:80px;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:80px;margin:0;padding:0}._rating_3qa3b_608>div{width:100%;min-height:var(--field-height);outline:none;align-items:center;gap:2px;line-height:normal;display:flex}._ratingStar_3qa3b_618{color:var(--field-placeholder);cursor:pointer;background:0 0;border:0;outline:none;padding:0 2px;font-size:22px;line-height:1}._ratingStar_3qa3b_618:disabled{cursor:not-allowed;opacity:.6}._ratingStar_3qa3b_618:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000);border-radius:4px}._ratingStarOn_3qa3b_637{color:var(--field-range-fill,#34c759)}._code_3qa3b_642>div,._code_3qa3b_642 ._codeInner_3qa3b_643{width:100%;min-height:var(--field-height);align-items:center;gap:8px;line-height:normal;display:flex;overflow:visible}._codeInner_3qa3b_643{flex:1;min-width:0}._codeCell_3qa3b_658{box-sizing:border-box;width:36px;height:calc(var(--field-height) - 12px);border:var(--field-border);border-radius:calc(var(--field-radius) - 2px);background:var(--field-background-focus,#0000000a);min-height:32px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;outline:none;padding:0}._codeCell_3qa3b_658:focus{border-color:var(--field-border-focus,var(--field-border));box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._codeCell_3qa3b_658:disabled{opacity:.6;cursor:not-allowed}._file_3qa3b_683>div,._file_3qa3b_683 ._fileInner_3qa3b_684{width:100%;min-height:var(--field-height);align-items:center;gap:10px;line-height:normal;display:flex;overflow:visible}._fileInner_3qa3b_684{flex:1;min-width:0;position:relative}._fileInput_3qa3b_700{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._fileButton_3qa3b_708{background:var(--field-background-focus,#0000000f);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;flex:none;padding:6px 10px;font-size:13px}._fileButton_3qa3b_708:disabled{cursor:not-allowed;opacity:.6}._fileList_3qa3b_725{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}._fileEmpty_3qa3b_734{color:var(--field-placeholder);font-size:13px}._fileItem_3qa3b_739{align-items:baseline;gap:8px;min-width:0;display:flex}._fileName_3qa3b_746{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}._fileSize_3qa3b_753{color:var(--field-placeholder);flex:none;font-size:12px}._fileClear_3qa3b_759{color:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;flex:none;padding:0 2px;font-size:18px;line-height:1}._fileClear_3qa3b_759:hover{opacity:1}._rich_3qa3b_775{align-items:stretch}._rich_3qa3b_775>div{min-height:var(--field-note-height);line-height:var(--field-note-line-height);flex-direction:column;align-items:flex-start;padding:0;display:flex;overflow:visible}._richWrap_3qa3b_788{flex-direction:column;align-items:flex-start;width:100%;min-width:0;display:flex}._richToolbar_3qa3b_796{box-sizing:border-box;border-bottom:1px solid #00000014;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2px;width:100%;max-width:100%;margin:0;padding:4px 0 6px;display:inline-flex}._richBtn_3qa3b_810{box-sizing:border-box;width:28px;min-width:28px;height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:13px;font-weight:600;line-height:1;display:inline-flex}._richBtn_3qa3b_810:hover:not(:disabled){background:var(--field-background-focus,#0000000f)}._richBtn_3qa3b_810:disabled{opacity:.5;cursor:not-allowed}._richEditor_3qa3b_839{box-sizing:border-box;width:100%;min-height:calc(var(--field-note-height) - 36px);padding:var(--field-note-padding,8px) 0;overflow-wrap:anywhere;line-height:var(--field-note-line-height);scrollbar-width:none;-ms-overflow-style:none;outline:none;overflow:hidden auto}._richEditor_3qa3b_839::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}._richEditor_3qa3b_839:empty:before{content:attr(placeholder);color:var(--field-placeholder);pointer-events:none}._richEditor_3qa3b_839 ul,._richEditor_3qa3b_839 ol{margin:.25em 0;padding-left:1.25em}._dragDrop_3qa3b_870{align-items:stretch;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}._dragDrop_3qa3b_870>div{min-height:auto;padding:0;line-height:normal;display:block;overflow:visible}._dragDrop_3qa3b_870[data-dragging=true]{background:0 0!important}._dragDropInner_3qa3b_889{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex;position:relative}._dragDropZone_3qa3b_898{box-sizing:border-box;border-radius:calc(var(--field-radius) - 2px);width:100%;min-height:88px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:2px dashed #c7c7cc;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0;padding:18px 14px;transition:border-color .16s,background-color .16s,border-style .16s;display:flex}._dragDropZone_3qa3b_898:hover:not(:disabled){background:var(--field-background-focus,#00000008);border-color:#8e8e93}._dragDropZone_3qa3b_898[data-dragging=true]{border-color:var(--field-range-fill,#34c759);background:color-mix(in srgb, var(--field-range-fill,#34c759) 10%, transparent);border-style:solid}._dragDropZone_3qa3b_898:focus-visible{box-shadow:0 0 0 3px var(--field-focus-ring,#0000)}._dragDropZone_3qa3b_898:disabled{cursor:not-allowed;opacity:.65}._dragDropHint_3qa3b_936{font-size:var(--control-font-size,14px);color:inherit;line-height:1.35}._dragDropAccept_3qa3b_942{color:var(--field-placeholder);letter-spacing:.01em;font-size:12px}._dragDropList_3qa3b_948{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}._dragDropItem_3qa3b_957{background:var(--field-background-focus,#0000000a);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}._dragDropMeta_3qa3b_967{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}._dragDropName_3qa3b_975{text-overflow:ellipsis;white-space:nowrap;font-size:var(--control-font-size,14px);color:inherit;line-height:1.3;overflow:hidden}._dragDropSize_3qa3b_984{color:var(--field-placeholder);font-size:12px;line-height:1.2}._dragDropRemove_3qa3b_990{width:28px;height:28px;color:var(--field-placeholder);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}._dragDropRemove_3qa3b_990:hover{color:var(--field-error-color,#d70015);background:color-mix(in srgb, var(--field-error-color,#d70015) 10%, transparent)}._dragDropClearAll_3qa3b_1011{color:var(--field-placeholder);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:2px;padding:2px 0;font-size:12px}._dragDropClearAll_3qa3b_1011:hover{color:var(--field-error-color,#d70015)}\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
|
|
|
@@ -28,12 +28,24 @@ import _ from "./fields/Modal.js";
|
|
|
28
28
|
import v from "./fields/Password.js";
|
|
29
29
|
import y from "./fields/Check.js";
|
|
30
30
|
import b, { DEFAULT_COLOR_PALETTE as x } from "./fields/Color.js";
|
|
31
|
-
import
|
|
31
|
+
import S from "./fields/Email.js";
|
|
32
|
+
import C from "./fields/Url.js";
|
|
33
|
+
import w from "./fields/Percent.js";
|
|
34
|
+
import T from "./fields/Radio.js";
|
|
35
|
+
import E from "./fields/Tags.js";
|
|
36
|
+
import D from "./fields/Rating.js";
|
|
37
|
+
import O from "./fields/Code.js";
|
|
38
|
+
import k from "./fields/File.js";
|
|
39
|
+
import A from "./fields/DragDrop.js";
|
|
40
|
+
import j from "./fields/RichText.js";
|
|
41
|
+
import M from "./fields/Hidden.js";
|
|
42
|
+
import N from "./fields/Display.js";
|
|
43
|
+
import { Form as P } from "./Form.js";
|
|
32
44
|
//#region src/lib/index.ts
|
|
33
|
-
function
|
|
45
|
+
function F() {
|
|
34
46
|
return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof self < "u" ? self : {};
|
|
35
47
|
}
|
|
36
|
-
var
|
|
37
|
-
|
|
48
|
+
var I = F();
|
|
49
|
+
I.elcrm ||= {}, Object.assign(I.elcrm, { form: e.version });
|
|
38
50
|
//#endregion
|
|
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 };
|
|
51
|
+
export { y as CheckField, O as CodeField, b as ColorField, x as DEFAULT_COLOR_PALETTE, c as DateField, N as DisplayField, A as DragDropField, A as DragonDropField, S as EmailField, k as FileField, P as Form, M as HiddenField, s as MaskField, _ as ModalField, o as MoneyField, m as NumberField, h as OptionsField, O as OtpField, v as PasswordField, w as PercentField, f as PhoneField, i as ProgressField, T as RadioField, i as RangeField, D as RatingField, N as ReadonlyField, j as RichTextField, g as SelectField, p as StringField, E as TagsField, u as TextareaField, l as TimeField, C as UrlField, a as asEditableClipboard, t as useForm, n as useFormField, r as useFormFieldState, d as useFormInit };
|