UNPKG

react-be-ui

Version:

React 전용 UI 컴포넌트 라이브러리

1,627 lines 147 kB
import * as k from "react"; import de, { useState as K, useRef as le, useEffect as re, useMemo as ee, Children as Un, isValidElement as zn, useCallback as We, useLayoutEffect as sn } from "react"; import * as on from "react-dom"; import De from "react-dom"; function Hn(e) { return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e; } var Me = { exports: {} }, Ne = {}; /** * @license React * react-jsx-runtime.production.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var Ot; function Gn() { if (Ot) return Ne; Ot = 1; var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment"); function r(n, s, o) { var i = null; if (o !== void 0 && (i = "" + o), s.key !== void 0 && (i = "" + s.key), "key" in s) { o = {}; for (var a in s) a !== "key" && (o[a] = s[a]); } else o = s; return s = o.ref, { $$typeof: e, type: n, key: i, ref: s !== void 0 ? s : null, props: o }; } return Ne.Fragment = t, Ne.jsx = r, Ne.jsxs = r, Ne; } var je = {}; /** * @license React * react-jsx-runtime.development.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var $t; function Xn() { return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() { function e(d) { if (d == null) return null; if (typeof d == "function") return d.$$typeof === I ? null : d.displayName || d.name || null; if (typeof d == "string") return d; switch (d) { case v: return "Fragment"; case w: return "Profiler"; case y: return "StrictMode"; case x: return "Suspense"; case M: return "SuspenseList"; case P: return "Activity"; } if (typeof d == "object") switch (typeof d.tag == "number" && console.error( "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue." ), d.$$typeof) { case b: return "Portal"; case E: return (d.displayName || "Context") + ".Provider"; case N: return (d._context.displayName || "Context") + ".Consumer"; case R: var g = d.render; return d = d.displayName, d || (d = g.displayName || g.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d; case B: return g = d.displayName || null, g !== null ? g : e(d.type) || "Memo"; case q: g = d._payload, d = d._init; try { return e(d(g)); } catch { } } return null; } function t(d) { return "" + d; } function r(d) { try { t(d); var g = !1; } catch { g = !0; } if (g) { g = console; var S = g.error, T = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object"; return S.call( g, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", T ), t(d); } } function n(d) { if (d === v) return "<>"; if (typeof d == "object" && d !== null && d.$$typeof === q) return "<...>"; try { var g = e(d); return g ? "<" + g + ">" : "<...>"; } catch { return "<...>"; } } function s() { var d = V.A; return d === null ? null : d.getOwner(); } function o() { return Error("react-stack-top-frame"); } function i(d) { if (G.call(d, "key")) { var g = Object.getOwnPropertyDescriptor(d, "key").get; if (g && g.isReactWarning) return !1; } return d.key !== void 0; } function a(d, g) { function S() { J || (J = !0, console.error( "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", g )); } S.isReactWarning = !0, Object.defineProperty(d, "key", { get: S, configurable: !0 }); } function l() { var d = e(this.type); return W[d] || (W[d] = !0, console.error( "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release." )), d = this.props.ref, d !== void 0 ? d : null; } function c(d, g, S, T, A, j, O, L) { return S = j.ref, d = { $$typeof: h, type: d, key: g, props: j, _owner: A }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(d, "ref", { enumerable: !1, get: l }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", { configurable: !1, enumerable: !1, writable: !0, value: 0 }), Object.defineProperty(d, "_debugInfo", { configurable: !1, enumerable: !1, writable: !0, value: null }), Object.defineProperty(d, "_debugStack", { configurable: !1, enumerable: !1, writable: !0, value: O }), Object.defineProperty(d, "_debugTask", { configurable: !1, enumerable: !1, writable: !0, value: L }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d; } function f(d, g, S, T, A, j, O, L) { var C = g.children; if (C !== void 0) if (T) if (X(C)) { for (T = 0; T < C.length; T++) p(C[T]); Object.freeze && Object.freeze(C); } else console.error( "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead." ); else p(C); if (G.call(g, "key")) { C = e(d); var _ = Object.keys(g).filter(function(ne) { return ne !== "key"; }); T = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", H[C + T] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error( `A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; <%s key={someKey} {...props} />`, T, C, _, C ), H[C + T] = !0); } if (C = null, S !== void 0 && (r(S), C = "" + S), i(g) && (r(g.key), C = "" + g.key), "key" in g) { S = {}; for (var Y in g) Y !== "key" && (S[Y] = g[Y]); } else S = g; return C && a( S, typeof d == "function" ? d.displayName || d.name || "Unknown" : d ), c( d, C, j, A, s(), S, O, L ); } function p(d) { typeof d == "object" && d !== null && d.$$typeof === h && d._store && (d._store.validated = 1); } var m = de, h = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), E = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), V = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, X = Array.isArray, U = console.createTask ? console.createTask : function() { return null; }; m = { "react-stack-bottom-frame": function(d) { return d(); } }; var J, W = {}, z = m["react-stack-bottom-frame"].bind( m, o )(), D = U(n(o)), H = {}; je.Fragment = v, je.jsx = function(d, g, S, T, A) { var j = 1e4 > V.recentlyCreatedOwnerStacks++; return f( d, g, S, !1, T, A, j ? Error("react-stack-top-frame") : z, j ? U(n(d)) : D ); }, je.jsxs = function(d, g, S, T, A) { var j = 1e4 > V.recentlyCreatedOwnerStacks++; return f( d, g, S, !0, T, A, j ? Error("react-stack-top-frame") : z, j ? U(n(d)) : D ); }; }()), je; } var At; function Jn() { return At || (At = 1, process.env.NODE_ENV === "production" ? Me.exports = Gn() : Me.exports = Xn()), Me.exports; } var u = Jn(); const Kn = ({ children: e, className: t = "", ref: r, onClick: n = () => { }, ...s }) => { const { selected: o, contentText: i, brand: a, state: l, color: c, light: f = !1, text: p, border: m, disabled: h, fluid: b, round: v, size: y, compact: w, outline: N, icon: E, withIcon: R, iconPos: x = "left", badge: M, badgeOption: B = "primary", link: q, linkTarget: P = "_self" } = s, I = [ a, l, y, c && (f ? `${c}-light` : c), o && "selected", p && "text", m && "border", h && "disabled", b && "fluid", v && "round", w && "compact", N && "outline", E && "icon", M && "badge", q && "link" ].filter((G) => !!G).join(" "), V = (G) => { h || n(G); }; return /* @__PURE__ */ u.jsxs( "button", { className: `be-button ${t} ${I}`, ref: r, onClick: V, children: [ e || /* @__PURE__ */ u.jsxs(u.Fragment, { children: [ R && (x === "left" || x === "both") && /* @__PURE__ */ u.jsx("i", { className: `icon left ${R}` }), E && !R && /* @__PURE__ */ u.jsx("i", { className: `icon ${E}` }), i && /* @__PURE__ */ u.jsx("span", { className: "button-text", children: i }), R && (x === "right" || x === "both") && /* @__PURE__ */ u.jsx("i", { className: `icon right ${R}` }), M && /* @__PURE__ */ u.jsx("div", { className: `in-badge ${B}`, children: M }) ] }), q && /* @__PURE__ */ u.jsx("a", { href: q, target: P }) ] } ); }, vo = ({ children: e, className: t = "", buttons: r = null, border: n = !1, round: s = !1, selectIndex: o = 0 }) => { const [i, a] = K(o), l = (c) => { const f = r.findIndex((p) => p.contentText === c.target.textContent); a(f); }; return /* @__PURE__ */ u.jsx("div", { className: `be-buttons ${t} ${n ? "border" : ""} ${s ? "round" : ""}`, children: e || /* @__PURE__ */ u.jsx(u.Fragment, { children: r.map((c, f) => /* @__PURE__ */ u.jsx( Kn, { props: c, selected: i === f, onClick: l, children: c.contentText }, `btn-${f}` )) }) }); }, go = ({ children: e, value: t = "", className: r = "", onChange: n = () => { }, onFocus: s = () => { }, onButtonClick: o = () => { }, ref: i, ...a }) => { const { type: l = "input", inputType: c = "text", align: f = "left", status: p, placeholder: m = "입력하세요", readonly: h = !1, round: b = !1, underline: v = !1, transparent: y = !1, compact: w = !1, fluid: N = !1, iconLeft: E = null, iconRight: R = null, clear: x = !1, badge: M = null, badgeOption: B = {}, disabled: q = !1, unit: P = null, labeled: I = null, button: V = null, short: G = !1 } = a, [X, U] = K(t), [J, W] = K(!1), z = le(null), D = (O) => { z.current = O, i && (typeof i == "function" ? i(O) : i.current = O); }; re(() => { U(t); }, [t]); const H = ee(() => E && R ? "both" : E ? "left" : R ? "right" : null, [E, R]), d = (O) => { const L = O.target.value; U(L), n(L); }, g = () => { J || (W(!0), s(!0)); }, S = () => { W(!1), s(!1); }, T = (O) => { O.stopPropagation(), U(""), n(""); }, A = () => { o(X); }, j = [ p, h && "readonly", v && "underline", b && "round", y && "transparent", w && "compact", N && "fluid", (E || R || x) && "icon", H, M && "badge", P && "unit", q && "disabled", I && "labeled", I && (I.pos || "right"), V && "button", V && (V.pos || "right"), l === "textarea" && G ? "short" : "" ].filter((O) => !!O).join(" "); return /* @__PURE__ */ u.jsxs( "div", { className: `be-input ${r} ${j}`, "data-unit": P, children: [ E && /* @__PURE__ */ u.jsx("i", { className: `icon ${E}` }), l === "input" ? /* @__PURE__ */ u.jsx( "input", { type: c, value: X, onChange: d, placeholder: m, className: `align-${f}`, ref: D, onClick: g, onBlur: S, readOnly: h, disabled: q } ) : /* @__PURE__ */ u.jsx( "textarea", { value: X, onChange: d, rows: 3, placeholder: m, ref: D, onBlur: S, readOnly: h, disabled: q } ), x && /* @__PURE__ */ u.jsx( "i", { className: `icon clear-btn xi-close ${X === "" ? "disabled" : ""}`, onClick: T } ), R ? /* @__PURE__ */ u.jsx("i", { className: `icon ${R}` }) : M ? /* @__PURE__ */ u.jsx("span", { className: `be-badge ${B || ""}`, children: M }) : null, I ? e || /* @__PURE__ */ u.jsx("div", { className: `label ${I.option}`, children: e || I.contents }) : V ? e || /* @__PURE__ */ u.jsx("button", { className: `be-button ${V.option}`, onClick: A, children: V.contents }) : null ] } ); }, xo = ({ children: e, value: t = 0, className: r = "", onChange: n = () => { }, onFocus: s = () => { }, ref: o, ...i }) => { const { status: a = null, placeholder: l = "0", readonly: c = !1, underline: f = !1, round: p = !1, transparent: m = !1, compact: h = !1, fluid: b = !1, iconLeft: v = null, iconRight: y = null, step: w = 1, controller: N = "between", min: E = null, max: R = null, incIcon: x = "xi-plus", decIcon: M = "xi-minus", disabled: B = !1, width: q = null } = i, [P, I] = K(t), [V, G] = K(!1), X = le(null), U = (T) => { X.current = T, o && (typeof o == "function" ? o(T) : o.current = T); }; re(() => { E && t < E && I(E), R && t > R && I(R); }, [t, E, R]); const J = ee(() => v && conRight ? "both" : v ? "left" : y ? "right" : "", [v, y]), W = (T) => { const A = T.target.value; I(parseInt(A)), n(parseInt(A)); }, z = () => { V || (G(!0), s(!0)); }, D = () => { G(!1), s(!1); }, H = () => { R && P + w > R || (I(P + w), n(P + w)); }, d = () => { E && P - w < E || (I(P - w), n(P - w)); }, g = (T) => { B || (T.keyCode === 38 && H(), T.keyCode === 40 && d()); }, S = [ a, c && "readonly", f && "underline", p && "round", m && "transparent", h && "compact", b && "fluid", (v || y) && "icon", J, B && "disabled", N ].filter((T) => !!T).join(" "); return /* @__PURE__ */ u.jsxs( "div", { className: `be-input button number ${r} ${S}`, tabIndex: "-1", style: q ? { width: `${q}px` } : {}, onKeyDown: g, children: [ e, v && /* @__PURE__ */ u.jsx("i", { className: `icon ${v}` }), /* @__PURE__ */ u.jsx( "input", { type: "number", value: P, onChange: W, placeholder: l, ref: U, onClick: z, onBlur: D, readOnly: c, disabled: B } ), y && /* @__PURE__ */ u.jsx("i", { className: `icon ${y}` }), /* @__PURE__ */ u.jsx("button", { className: `be-button compact icon dec ${B ? "disabled" : ""}`, onClick: d, children: /* @__PURE__ */ u.jsx("i", { className: `icon ${M}` }) }), /* @__PURE__ */ u.jsx("button", { className: `be-button compact icon inc ${B ? "disabled" : ""}`, onClick: H, children: /* @__PURE__ */ u.jsx("i", { className: `icon ${x}` }) }) ] } ); }, bo = ({ children: e, ...t }) => { const { divide: r = null, md: n = null, sm: s = null, xs: o = null, justify: i = null, align: a = null, leftSide: l = null, rightSide: c = null } = t, f = [ r && `divide-${r}`, r && n && `divide-md-${n}`, r && s && `divide-sm-${s}`, r && o && `divide-xs-${o}`, i && `justify-${i}`, a && `align-${a}`, l && "left-side", c && "right-side" ].filter((p) => !!p).join(" "); return /* @__PURE__ */ u.jsx("div", { className: `be-grid ${f}`, children: e }); }, yo = ({ children: e }) => /* @__PURE__ */ u.jsx("div", { className: "rows", children: e }), Eo = ({ children: e, span: t, spanName: r, offset: n, order: s, md: o, sm: i, xs: a, offset_md: l, offset_sm: c, offset_xs: f }) => { const p = [ t && `span-${t}`, r, n && `offset-${n}`, s && `order-${s}`, o && `span-md-${o}`, i && `span-sm-${i}`, a && `span-xs-${a}`, l && `offset-md-${l}`, c && `offset-sm-${c}`, f && `offset-xs-${f}` ].filter((m) => !!m).join(" "); return /* @__PURE__ */ u.jsx("div", { className: `column ${p}`, children: e }); }, wo = ({ children: e, title: t = null }) => /* @__PURE__ */ u.jsxs("div", { className: "be-form", children: [ t && /* @__PURE__ */ u.jsx("div", { className: "header", children: /* @__PURE__ */ u.jsx("div", { className: "title", children: t }) }), e ] }), Co = ({ children: e, ...t }) => { const { divide: r = null, md: n = null, sm: s = null, xs: o = null, justify: i = null, align: a = null, leftSide: l = null, rightSide: c = null } = t, f = [ r && `divide-${r}`, r && n && `divide-md-${n}`, r && s && `divide-sm-${s}`, r && o && `divide-xs-${o}`, i && `justify-${i}`, a && `align-${a}`, l && "left-side", c && "right-side" ].filter((p) => !!p).join(" "); return /* @__PURE__ */ u.jsx("div", { className: `fields ${f}`, children: e }); }, Ro = ({ children: e, fieldLabel: t = null, inline: r = !1, short: n = !1, disabled: s = !1 }) => /* @__PURE__ */ u.jsxs( "div", { className: `field ${r ? "inline" : ""} ${s ? "disabled" : ""} ${n ? "short" : ""}`, children: [ t && /* @__PURE__ */ u.jsx("label", { children: t }), e ] } ), To = ({ children: e, ...t }) => { const { contents: r = "", className: n = "", brand: s = null, state: o = null, color: i = null, mark: a = !1, shadow: l = !0, align: c = "center", icon: f = null } = t, p = [ s, o, i, a && "mark", l && "shadow", c && `align-${c}`, f && "icon" ].filter(Boolean).join(" "); return /* @__PURE__ */ u.jsx("div", { className: `be-badge ${n} ${p}`, children: e || /* @__PURE__ */ u.jsx(u.Fragment, { children: f ? /* @__PURE__ */ u.jsx("i", { className: `icon ${f}` }) : r }) }); }, Et = ({ children: e, className: t = "", onChange: r = () => { }, ...n }) => { const { labelText: s = "", type: o = "checkbox", inputType: i = "checkbox", group: a = "", name: l = "", indeter: c = !1, checked: f = !1 } = n, [p, m] = K(f); re(() => { m(f); }, [f]); const h = [ o, c && "indeter" ].filter((v) => !!v).join(" "), b = (v) => { const y = v.target.checked; m(y), r(l, y); }; return /* @__PURE__ */ u.jsxs("div", { className: `be-checkbox ${t} ${h} ${p ? "checked" : ""}`, children: [ /* @__PURE__ */ u.jsx("label", { htmlFor: l, children: e || s }), /* @__PURE__ */ u.jsx( "input", { name: o === "radio" ? a : l, id: l, type: i, onChange: b, checked: p } ) ] }); }, So = ({ children: e, onChange: t = () => { }, className: r = "", // { name, label, state } checkboxList: n = [], checkedList: s = [] }) => { const [o, i] = K(s), a = (l, c) => { const f = new Set(o); c ? f.add(l) : f.delete(l), i([...f]), t([...f]); }; return /* @__PURE__ */ u.jsx("div", { className: `be-checkbox-group ${r}`, children: e || /* @__PURE__ */ u.jsx(u.Fragment, { children: n.map((l) => /* @__PURE__ */ u.jsx( Et, { name: l.name, onChange: a, checked: o.includes(l.name), children: l.label || l.name }, l.name )) }) }); }, No = ({ children: e, className: t = "", onChange: r = () => { }, group: n = "", radioList: s = [], selectedValue: o = "" }) => { const [i, a] = K(o), l = (c, f) => { f && (a(c), r(c)); }; return /* @__PURE__ */ u.jsx("div", { className: `be-radio ${t}`, children: e || /* @__PURE__ */ u.jsx(u.Fragment, { children: s.map((c) => /* @__PURE__ */ u.jsx( Et, { type: "radio", inputType: "radio", name: c.name, group: n, checked: i === c.name, onChange: l, children: c.label || c.name }, c.name )) }) }); }, Zn = { success: "xi-check-circle", info: "xi-info", error: "xi-emoticon-devil", danger: "xi-emoticon-devil", attention: "xi-warning", importance: "xi-star" }, jo = ({ children: e, className: t = "", onClick: r = () => { }, ...n }) => { const { title: s = "", contents: o = "", icon: i = !1, state: a = null, selected: l = !1, disabled: c = !1 } = n, f = [ i && "icon", a, l && "selected", c && "disabled" ].filter((h) => !!h).join(" "), p = ee(() => a ? Zn[a] : i, [a, i]), m = (h) => { r(h); }; return /* @__PURE__ */ u.jsxs("div", { className: `be-message ${t} ${f}`, onClick: m, children: [ i && /* @__PURE__ */ u.jsx("i", { className: `icon ${p}` }), e || /* @__PURE__ */ u.jsxs(u.Fragment, { children: [ /* @__PURE__ */ u.jsx("div", { className: "title", children: s }), o && /* @__PURE__ */ u.jsx("div", { className: "contents", children: o }) ] }) ] }); }, Oo = ({ children: e, className: t = "", onClick: r = () => { }, ...n }) => { const { title: s = "", contents: o = "", border: i = !1, toggleIcon: a = "xi-angle-down", iconPos: l = "left", open: c = !1, collapse: f = !1, // maxHeight = 200, maxLine: p = 5 } = n, [m, h] = K(c), b = [ i && "border", f && "collapse", a && "icon", l ].filter((y) => !!y).join(" "), v = () => { const y = !m; h(y), r(y); }; return /* @__PURE__ */ u.jsxs("div", { className: `be-panel ${t} ${b} ${m ? "open" : ""}`, children: [ /* @__PURE__ */ u.jsxs("div", { className: "panel-header", onClick: v, children: [ /* @__PURE__ */ u.jsx("div", { className: "title", children: s }), f && a && /* @__PURE__ */ u.jsx("i", { className: `icon ${a}` }) ] }), /* @__PURE__ */ u.jsx("div", { className: "panel-content", style: { "--max-height": `${p * 1.5 + 1}em` }, children: /* @__PURE__ */ u.jsx("div", { className: "content-wrapper", children: e || o }) }) ] }); }, $o = ({ children: e, className: t = "", onChange: r = () => { }, ...n }) => { const { type: s = "slide", inside: o = !1, round: i = !1, onText: a = "ON", offText: l = "OFF", color: c = null, checked: f = !1, disabled: p = !1 } = n, [m, h] = K(f), b = [ s, o && "inside", i && "round", c, p && "disabled" ].filter((y) => !!y).join(" "), v = () => { const y = !m; h(y), r(y); }; return /* @__PURE__ */ u.jsxs("div", { className: `be-switch ${t} ${b}`, onClick: v, children: [ /* @__PURE__ */ u.jsx( "input", { type: "checkbox", onChange: v, checked: m } ), s === "slide" ? /* @__PURE__ */ u.jsx("div", { className: "switch" }) : /* @__PURE__ */ u.jsx(u.Fragment, { children: e || /* @__PURE__ */ u.jsxs(u.Fragment, { children: [ /* @__PURE__ */ u.jsx("span", { className: `on ${m && "active"}`, children: a }), /* @__PURE__ */ u.jsx("span", { className: `off ${!m && "active"}`, children: l }) ] }) }) ] }); }, Ao = ({ children: e, className: t = "", onSelect: r = () => { }, // onSelectColumn = () => {}, ...n }) => { const { columns: s = [], values: o = [], headAlign: i = "center", // useFoot = false, border: a = !1, gridType: l = null, divideNum: c = 3, selection: f = !1, striped: p = null } = n, m = ee(() => l === "divide" ? `divide-${c}` : l, [l, c]), h = [ a && "border", f && "selection", p && `striped ${p}`, m ].filter((v) => !!v).join(" "), b = (v) => { f && r(v, o[v]); }; return /* @__PURE__ */ u.jsx("table", { className: `be-table ${t} ${h}`, children: e || /* @__PURE__ */ u.jsxs(u.Fragment, { children: [ /* @__PURE__ */ u.jsx("thead", { className: `align-${i}`, children: /* @__PURE__ */ u.jsx("tr", { children: s.map((v) => /* @__PURE__ */ u.jsx("th", { className: `align-${i}`, children: v.name }, v.key)) }) }), /* @__PURE__ */ u.jsx("tbody", { children: o.map((v, y) => /* @__PURE__ */ u.jsx("tr", { className: "", onClick: () => b(y), children: s.map((w) => /* @__PURE__ */ u.jsx("td", { className: `align-${w.align || "center"} col-${w.col}`, children: /* @__PURE__ */ u.jsx("div", { className: "cell", children: v[w.key] }) }, `cell-${y}-${w.key}`)) }, `row-${y}`)) }) ] }) }); }, Po = ({ children: e, className: t = "", onClick: r = () => { }, ...n }) => { const { type: s = "label", // line, dot, kbd color: o = null, light: i = !1, round: a = !1, icon: l = null, iconPos: c = null, // 'right' pointDirect: f = "up", disabled: p = !1, isMeta: m = !1, keyType: h = "" } = n, b = [ s, o, i && "light", a && "round", l && "icon", s === "pointing" && f, s === "kbd" && m && "meta", s === "kbd" && h, p && "disabled" ].filter(Boolean).join(" "), v = (y) => { p || r(y); }; return /* @__PURE__ */ u.jsxs( "span", { className: `be-tag ${t} ${b}`, onClick: v, children: [ l && c !== "right" && /* @__PURE__ */ u.jsx("i", { className: `icon ${c} ${l}` }), (s === "label" || s === "pointing" || s === "kbd") && e, l && c === "right" && /* @__PURE__ */ u.jsx("i", { className: `icon right ${l}` }) ] } ); }, ko = ({ children: e, className: t = "", surf: r, border: n, float: s, align: o = "left", round: i = "l" }) => { const a = [ r && "surface", n && "border", s && "float", o && `align-${o}`, `round-${i}` ].filter((l) => !!l).join(" "); return /* @__PURE__ */ u.jsx("div", { className: `be-segment ${a}`, children: /* @__PURE__ */ u.jsx("div", { className: "contents", children: e }) }); }, Ke = (e, t) => { const r = {}; return Un.forEach(e, (n) => { if (zn(n)) { const s = n.props.name; s && t.includes(s) && (r[s] = n.props.children); } }), r; }, _o = ({ children: e, className: t = "", title: r, surf: n, border: s = !0, float: o, align: i, round: a = "l" }) => { const l = Ke(e, ["image", "header", "contents", "extra", "footer"]), c = [ n && "surface", s && "border", o && "float", i && `align-${i}`, `round-${a}`, l.header || l.footer && "atteched" ].filter((f) => !!f).join(" "); return /* @__PURE__ */ u.jsxs("div", { className: `be-card ${t} ${c}`, children: [ l.header && /* @__PURE__ */ u.jsx("div", { className: "header", children: l.header }), l.image && /* @__PURE__ */ u.jsx("div", { className: "image", children: l.image }), l.contents ? /* @__PURE__ */ u.jsxs("div", { className: "contents", children: [ r && /* @__PURE__ */ u.jsx("div", { className: "title", children: r }), l.contents ] }) : e, l.extra && /* @__PURE__ */ u.jsx("div", { className: "extra", children: l.extra }), l.footer && /* @__PURE__ */ u.jsx("div", { className: "footer", children: l.footer }) ] }); }, ke = ({ children: e, className: t = "", surf: r, border: n = !0, float: s, align: o, round: i = "l" }) => { const a = [ r && "surface", n && "border", s && "float", o && `align-${o}`, `round-${i}` ].filter((l) => !!l).join(" "); return /* @__PURE__ */ u.jsx("div", { className: `be-card ${t} ${a}`, children: e }); }, Qn = ({ children: e }) => /* @__PURE__ */ u.jsx("div", { className: "header", children: e }), er = ({ children: e }) => /* @__PURE__ */ u.jsx("div", { className: "footer", children: e }), tr = ({ children: e }) => /* @__PURE__ */ u.jsx("div", { className: "extra", children: e }), nr = ({ ...e }) => /* @__PURE__ */ u.jsx("div", { className: "image", children: /* @__PURE__ */ u.jsx("img", { ...e }) }), rr = ({ children: e, ...t }) => /* @__PURE__ */ u.jsxs("div", { className: "contents", children: [ t.title && /* @__PURE__ */ u.jsx("div", { className: "title", children: t.title }), e ] }); ke.Header = Qn; ke.Footer = er; ke.Extra = tr; ke.Image = nr; ke.Contents = rr; const Io = ({ children: e, className: t = "", onChange: r = () => { }, options: n = [], selection: s = !1, selectedType: o = "bg", icon: i = !1, image: a = !1, border: l = !1, itemClass: c = "" }) => { const [f, p] = K(null), m = [ s && "selection", l && "border", o ].filter((b) => !!b).join(" "), h = (b) => { p(b), r(b); }; return /* @__PURE__ */ u.jsx("div", { className: `be-list ${t} ${m}`, children: e || /* @__PURE__ */ u.jsx(u.Fragment, { children: n.map((b) => /* @__PURE__ */ u.jsxs( "div", { className: `item ${c} ${f && f.option === b.option ? "selected" : ""}`, onClick: () => h(b), children: [ a ? /* @__PURE__ */ u.jsx("div", { className: "item-img", children: b.image && /* @__PURE__ */ u.jsx("img", { src: b.image, alt: b.option }) }) : i ? /* @__PURE__ */ u.jsx("i", { className: `icon list-icon ${b.icon}` }) : null, /* @__PURE__ */ u.jsxs("div", { className: "item-title", children: [ b.option, b.sub && /* @__PURE__ */ u.jsx("div", { className: "sub-title", children: b.sub }) ] }) ] }, b.id || b.option )) }) }); }, Do = ({ onChange: e = () => { }, ref: t, className: r = "", type: n = "number", ...s }) => { const { round: o = !1, compact: i = !1, border: a = !1, align: l = "left", limits: c = 5, currentPage: f = 1, pageLength: p = 1, itemClass: m = "", ellipsis: h = !1, color: b = null, firstText: v = "F", lastText: y = "L", activeType: w = "button" } = s, N = le(null), [E, R] = K(f), [x, M] = K(p), B = (g) => { N.current = g, t && (typeof t == "function" ? t(g) : t.current = g); }, q = ee(() => p <= c || !c, [p, c]), P = ee(() => Math.max(E - Math.ceil(c * 0.5) + 1, 1), [E, c]), I = ee(() => E > Math.floor(c / 2) + 2 && c < x, [E, c, x]), V = ee(() => E <= x - c && c < x, [E, c, x]), G = ee(() => E - 1 <= 0, [E]), X = ee(() => E + 1 > x, [E, x]), U = ee(() => { let g, S; if (q) S = new Array(p).fill(1).map((T, A) => T + A); else if (h) { g = 2; const T = Math.floor(c / 2); I && (g = E - T), !V && I && (g = x - c), S = new Array(c).fill(g).map((A, j) => A + j); } else g = Math.min(P, p - c + 1), S = new Array(c).fill(g).map((T, A) => T + A); return S; }, [q, p, h, c, x, E, I, V, P]); re(() => { N.current.focus(), M(p); }, [p]); const J = (g) => { g > x || g <= 0 || (R(g), e(g)); }, W = () => { G || J(E - 1); }, z = () => { X || J(E + 1); }, D = () => { const g = E - c <= 0 ? E - 1 : E - c; J(g); }, H = () => { const g = E + c > x ? E + 1 : E + c; J(g); }, d = [ n, w, a && "border", o && "round", i && "compact", l && `align-${l}`, b ].filter((g) => !!g).join(" "); return /* @__PURE__ */ u.jsxs("div", { className: `be-pagination ${r} ${d}`, ref: B, tabIndex: -1, children: [ !h && !q && /* @__PURE__ */ u.jsx( "div", { className: `${m} pagination-nav first ${G && "disabled"}`, onClick: () => J(1), children: v.indexOf("xi") > -1 ? /* @__PURE__ */ u.jsx("i", { className: v }) : v } ), /* @__PURE__ */ u.jsx( "div", { className: `${m} pagination-nav prev ${G && "disabled"}`, onClick: W, children: /* @__PURE__ */ u.jsx("i", { className: "xi-angle-left" }) } ), h && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [ /* @__PURE__ */ u.jsx( "div", { className: `${m} pagination-num ${E === 1 && "active"}`, onClick: () => J(1), children: "1" } ), I && /* @__PURE__ */ u.jsx( "div", { className: `${m} pagination-num`, onClick: D, children: /* @__PURE__ */ u.jsx("i", { className: "xi-ellipsis-h" }) } ) ] }), /* @__PURE__ */ u.jsx("div", { className: "pagination-page-wrapper", children: /* @__PURE__ */ u.jsx( sr, { type: n, itemClass: m, pageList: U, current: E, last: x, onClick: J } ) }), h && c < p && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [ V && /* @__PURE__ */ u.jsx( "div", { className: `${m} pagination-nav`, onClick: H, children: /* @__PURE__ */ u.jsx("i", { className: "xi-ellipsis-h" }) } ), /* @__PURE__ */ u.jsx( "div", { className: `${m} pagination-num ${x === E && "active"}`, onClick: () => J(x), children: x } ) ] }), /* @__PURE__ */ u.jsx( "div", { className: `${m} pagination-nav next ${X && "disabled"}`, onClick: z, children: /* @__PURE__ */ u.jsx("i", { className: "xi-angle-right" }) } ), !h && !q && /* @__PURE__ */ u.jsx( "div", { className: `${m} pagination-nav last ${X && "disabled"}`, onClick: () => J(x), children: y.indexOf("xi") > -1 ? /* @__PURE__ */ u.jsx("i", { className: y }) : y } ) ] }); }; function sr({ type: e, itemClass: t, pageList: r, current: n, onClick: s, last: o }) { return e === "page" ? /* @__PURE__ */ u.jsxs("div", { className: "pagination-info", children: [ /* @__PURE__ */ u.jsx("div", { className: "pagination-nav current", children: n }), /* @__PURE__ */ u.jsx("span", { className: "slash", children: "/" }), /* @__PURE__ */ u.jsx("div", { className: "pagination-nav last", children: o }) ] }) : r && r.map((i) => /* @__PURE__ */ u.jsx( "div", { className: `${t} pagination-num ${i === n && "active"}`, onClick: () => s(i), children: i }, i )); } const Mo = ({ className: e = "", onChange: t = () => { }, resultValue: r = null, ...n }) => { const { // id = null, trackType: s = "normal", min: o = 0, max: i = 100, unitText: a = null, showStep: l = !1, stepSize: c = 10, showLabel: f = !1, showValue: p = !1, showTooltip: m = !1, // titleText = null, disabled: h = !1, color: b = null } = n, v = le(null), y = le(null), [w, N] = K(0), [E, R] = K(!1), [x, M] = K(null), [B, q] = K(null), [P, I] = K(500), V = ee(() => ({ width: `${w}px`, left: "0%" }), [w]), G = ee(() => ({ left: `${w}px` }), [w]), X = ee(() => Math.ceil((i - o) * (w / P)) + o + a, [i, o, w, P, a]), U = ee(() => (i - o) / c, [o, i, c]), J = ee(() => 100 / U, [U]), W = We((j) => (j - o) / (i - o), [o, i]), z = We((j) => P * W(j), [P, W]), D = We(() => { r > i ? N(z(i)) : r < o ? N(z(o)) : N(z(r)); }, [r, i, o, z]), H = (j) => { const O = B + j; return O < 0 ? 0 : O > P ? P : O; }, d = ({ target: j, pageX: O }) => { j.classList.contains("control-btn") ? (M(O), q(y.current.offsetWidth), R(!0), window.addEventListener("mousemove", S), window.addEventListener("mouseup", g)) : N(H(O - x)); }, g = ({ target: j, pageX: O }) => { j.classList.contains("control-btn") && N(H(O - x)), t(X), R(!1), window.removeEventListener("mousemove", S), window.removeEventListener("mouseup", g); }, S = ({ pageX: j }) => { N(H(j - x)); }, T = ({ target: j }) => { console.log(j); }; re(() => { let j; if (v.current) { const O = v.current.getBoundingClientRect(); I(O.width), M(O.left), D(), j = new ResizeObserver((L) => { for (const C of L) { const _ = C.contentRect; I(_.width), D(); } }), j.observe(v.current); } return () => { j && v.current && j.disconnect(); }; }, [v, D]), re(() => { D(); }, [D]); const A = [ s, h && "disabled", f && "labeled" ].filter((j) => !!j).join(" "); return /* @__PURE__ */ u.jsxs( "div", { className: `be-slider ${e} ${A}`, ref: v, onMouseDown: d, onMouseUp: g, children: [ /* @__PURE__ */ u.jsx( "div", { className: `result-slider primary ${b && `be-${b}`}`, ref: y, style: V } ), l && Array.from({ length: U }).map((j, O) => /* @__PURE__ */ u.jsx( "div", { className: "break-point", style: { left: `${(O + 1) * J}%` }, onClick: (L) => { L.stopPropagation(), T(); } }, O )), /* @__PURE__ */ u.jsx("div", { className: `control-btn ${E && "catching"}`, style: G, children: m && /* @__PURE__ */ u.jsx("div", { className: "tooltip", children: X }) }), p && /* @__PURE__ */ u.jsx("div", { className: "label-text", children: /* @__PURE__ */ u.jsxs("div", { className: "current-label", style: { left: `${w}px` }, children: [ X, a ] }) }), f && /* @__PURE__ */ u.jsxs("div", { className: "label-text", children: [ /* @__PURE__ */ u.jsxs("div", { className: "start-label", children: [ o, a ] }), /* @__PURE__ */ u.jsxs("div", { className: "end-label", children: [ i, a ] }) ] }) ] } ); }; function Ye() { return Ye = Object.assign ? Object.assign.bind() : function(e) { for (var t = 1; t < arguments.length; t++) { var r = arguments[t]; for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]); } return e; }, Ye.apply(null, arguments); } function an(e, t) { if (e == null) return {}; var r = {}; for (var n in e) if ({}.hasOwnProperty.call(e, n)) { if (t.indexOf(n) !== -1) continue; r[n] = e[n]; } return r; } function mt(e, t) { return mt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) { return r.__proto__ = n, r; }, mt(e, t); } function ln(e, t) { e.prototype = Object.create(t.prototype), e.prototype.constructor = e, mt(e, t); } var Le = { exports: {} }, Fe = { exports: {} }, Z = {}; /** @license React v16.13.1 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var Pt; function or() { if (Pt) return Z; Pt = 1; var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, h = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119; function E(x) { if (typeof x == "object" && x !== null) { var M = x.$$typeof; switch (M) { case t: switch (x = x.type, x) { case l: case c: case n: case o: case s: case p: return x; default: switch (x = x && x.$$typeof, x) { case a: case f: case b: case h: case i: return x; default: return M; } } case r: return M; } } } function R(x) { return E(x) === c; } return Z.AsyncMode = l, Z.ConcurrentMode = c, Z.ContextConsumer = a, Z.ContextProvider = i, Z.Element = t, Z.ForwardRef = f, Z.Fragment = n, Z.Lazy = b, Z.Memo = h, Z.Portal = r, Z.Profiler = o, Z.StrictMode = s, Z.Suspense = p, Z.isAsyncMode = function(x) { return R(x) || E(x) === l; }, Z.isConcurrentMode = R, Z.isContextConsumer = function(x) { return E(x) === a; }, Z.isContextProvider = function(x) { return E(x) === i; }, Z.isElement = function(x) { return typeof x == "object" && x !== null && x.$$typeof === t; }, Z.isForwardRef = function(x) { return E(x) === f; }, Z.isFragment = function(x) { return E(x) === n; }, Z.isLazy = function(x) { return E(x) === b; }, Z.isMemo = function(x) { return E(x) === h; }, Z.isPortal = function(x) { return E(x) === r; }, Z.isProfiler = function(x) { return E(x) === o; }, Z.isStrictMode = function(x) { return E(x) === s; }, Z.isSuspense = function(x) { return E(x) === p; }, Z.isValidElementType = function(x) { return typeof x == "string" || typeof x == "function" || x === n || x === c || x === o || x === s || x === p || x === m || typeof x == "object" && x !== null && (x.$$typeof === b || x.$$typeof === h || x.$$typeof === i || x.$$typeof === a || x.$$typeof === f || x.$$typeof === y || x.$$typeof === w || x.$$typeof === N || x.$$typeof === v); }, Z.typeOf = E, Z; } var Q = {}; /** @license React v16.13.1 * react-is.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var kt; function ir() { return kt || (kt = 1, process.env.NODE_ENV !== "production" && function() { var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, h = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119; function E($) { return typeof $ == "string" || typeof $ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill. $ === n || $ === c || $ === o || $ === s || $ === p || $ === m || typeof $ == "object" && $ !== null && ($.$$typeof === b || $.$$typeof === h || $.$$typeof === i || $.$$typeof === a || $.$$typeof === f || $.$$typeof === y || $.$$typeof === w || $.$$typeof === N || $.$$typeof === v); } function R($) { if (typeof $ == "object" && $ !== null) { var ie = $.$$typeof; switch (ie) { case t: var Ie = $.type; switch (Ie) { case l: case c: case n: case o: case s: case p: return Ie; default: var jt = Ie && Ie.$$typeof; switch (jt) { case a: case f: case b: case h: case i: return jt; default: return ie; } } case r: return ie; } } } var x = l, M = c, B = a, q = i, P = t, I = f, V = n, G = b, X = h, U = r, J = o, W = s, z = p, D = !1; function H($) { return D || (D = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), d($) || R($) === l; } function d($) { return R($) === c; } function g($) { return R($) === a; } function S($) { return R($) === i; } function T($) { return typeof $ == "object" && $ !== null && $.$$typeof === t; } function A($) { return R($) === f; } function j($) { return R($) === n; } function O($) { return R($) === b; } function L($) { return R($) === h; } function C($) { return R($) === r; } function _($) { return R($) === o; } function Y($) { return R($) === s; } function ne($) { return R($) === p; } Q.AsyncMode = x, Q.ConcurrentMode = M, Q.ContextConsumer = B, Q.ContextProvider = q, Q.Element = P, Q.ForwardRef = I, Q.Fragment = V, Q.Lazy = G, Q.Memo = X, Q.Portal = U, Q.Profiler = J, Q.StrictMode = W, Q.Suspense = z, Q.isAsyncMode = H, Q.isConcurrentMode = d, Q.isContextConsumer = g, Q.isContextProvider = S, Q.isElement = T, Q.isForwardRef = A, Q.isFragment = j, Q.isLazy = O, Q.isMemo = L, Q.isPortal = C, Q.isProfiler = _, Q.isStrictMode = Y, Q.isSuspense = ne, Q.isValidElementType = E, Q.typeOf = R; }()), Q; } var _t; function cn() { return _t || (_t = 1, process.env.NODE_ENV === "production" ? Fe.exports = or() : Fe.exports = ir()), Fe.exports; } /* object-assign (c) Sindre Sorhus @license MIT */ var st, It; function ar() { if (It) return st; It = 1; var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable; function n(o) { if (o == null) throw new TypeError("Object.assign cannot be called with null or undefined"); return Object(o); } function s() { try { if (!Object.assign) return !1; var o = new String("abc"); if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5") return !1; for (var i = {}, a = 0; a < 10; a++) i["_" + String.fromCharCode(a)] = a; var l = Object.getOwnPropertyNames(i).map(function(f) { return i[f]; }); if (l.join("") !== "0123456789") return !1; var c = {}; return "abcdefghijklmnopqrst".split("").forEach(function(f) { c[f] = f; }), Object.keys(Object.assign({}, c)).join("") === "abcdefghijklmnopqrst"; } catch { return !1; } } return st = s() ? Object.assign : function(o, i) { for (var a, l = n(o), c, f = 1; f < arguments.length; f++) { a = Object(arguments[f]); for (var p in a) t.call(a, p) && (l[p] = a[p]); if (e) { c = e(a); for (var m = 0; m < c.length; m++) r.call(a, c[m]) && (l[c[m]] = a[c[m]]); } } return l; }, st; } var ot, Dt; function wt() { if (Dt) return ot; Dt = 1; var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"; return ot = e, ot; } var it, Mt; function un() { return Mt || (Mt = 1, it = Function.call.bind(Object.prototype.hasOwnProperty)), it; } var at, Lt; function lr() { if (Lt) return at; Lt = 1; var e = function() { }; if (process.env.NODE_ENV !== "production") { var t = /* @__PURE__ */ wt(), r = {}, n = /* @__PURE__ */ un(); e = function(o) { var i = "Warning: " + o; typeof console < "u" && console.error(i); try { throw new Error(i); } catch { } }; } function s(o, i, a, l, c) { if (process.env.NODE_ENV !== "production") { for (var f in o) if (n(o, f)) { var p; try { if (typeof o[f] != "function") { var m = Error( (l || "React class") + ": " + a + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`." ); throw m.name = "Invar