bj-web-components 0.2.34 → 0.2.35

package/dist/web/Switch/Switch.mjs

@@ -1,61 +1,112 @@
-import { jsx as t, jsxs as N } from "react/jsx-runtime";
-import { useState as x, useCallback as B } from "react";
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { jsx as s, jsxs as P } from "react/jsx-runtime";
+import { useState as x, useCallback as j } from "react";
 /* empty css             */
-const C = ({
-  checked: r,
-  defaultChecked: u = !1,
-  onChange: c,
-  disabled: e = !1,
-  loading: l = !1,
-  checkedChildren: a,
-  unCheckedChildren: o,
-  theme: n = "light",
-  activeColor: b,
-  inactiveColor: w,
-  className: d,
-  style: k
-}) => {
-  const i = r !== void 0, [v, f] = x(u), s = i ? r : v, p = B(() => {
-    if (e || l) return;
-    const h = !s;
-    i || f(h), c == null || c(h);
-  }, [s, e, l, i, c]), _ = s ? b ?? (n === "dark" ? "var(--bu-switch-dark-on)" : "var(--bu-switch-light-on)") : w ?? (n === "dark" ? "var(--bu-switch-dark-off)" : "var(--bu-switch-light-off)"), m = [
-    "bu-switch",
-    s && "bu-switch--checked",
-    e && "bu-switch--disabled",
-    l && "bu-switch--loading",
-    d
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      "aria-checked": s,
-      "aria-disabled": e,
-      className: m,
-      style: {
-        "--bu-switch-track-bg": _,
-        ...k
-      },
-      onClick: p,
-      children: /* @__PURE__ */ N("span", { className: "bu-switch__track", children: [
-        o != null && /* @__PURE__ */ t("span", { className: "bu-switch__label bu-switch__label--left", children: o }),
-        /* @__PURE__ */ t("span", { className: "bu-switch__thumb", children: l && /* @__PURE__ */ t("span", { className: "bu-switch__loading-icon", children: /* @__PURE__ */ t("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t(
-          "path",
-          {
-            d: "M8 1.5a6.5 6.5 0 0 1 6.5 6.5",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round"
-          }
-        ) }) }) }),
-        a != null && /* @__PURE__ */ t("span", { className: "bu-switch__label bu-switch__label--right", children: a })
-      ] })
+var B = Object.defineProperty,
+  b = Object.getOwnPropertySymbols,
+  S = Object.prototype.hasOwnProperty,
+  I = Object.prototype.propertyIsEnumerable,
+  _ = function _(e, r, t) {
+    return r in e ? B(e, r, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: t
+    }) : e[r] = t;
+  },
+  C = function C(e, r) {
+    for (var t in r || (r = {})) S.call(r, t) && _(e, t, r[t]);
+    if (b) {
+      var _iterator = _createForOfIteratorHelper(b(r)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var t = _step.value;
+          I.call(r, t) && _(e, t, r[t]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
     }
-  );
-};
-C.displayName = "BuSwitch";
-export {
-  C as default
+    return e;
+  };
+var E = function E(_ref) {
+  var e = _ref.checked,
+    _ref$defaultChecked = _ref.defaultChecked,
+    r = _ref$defaultChecked === void 0 ? !1 : _ref$defaultChecked,
+    t = _ref.onChange,
+    _ref$disabled = _ref.disabled,
+    a = _ref$disabled === void 0 ? !1 : _ref$disabled,
+    _ref$loading = _ref.loading,
+    c = _ref$loading === void 0 ? !1 : _ref$loading,
+    i = _ref.checkedChildren,
+    n = _ref.unCheckedChildren,
+    _ref$theme = _ref.theme,
+    u = _ref$theme === void 0 ? "light" : _ref$theme,
+    h = _ref.activeColor,
+    w = _ref.inactiveColor,
+    f = _ref.className,
+    d = _ref.style;
+  var o = e !== void 0,
+    _x = x(r),
+    _x2 = _slicedToArray(_x, 2),
+    m = _x2[0],
+    v = _x2[1],
+    l = o ? e : m,
+    k = j(function () {
+      if (a || c) return;
+      var p = !l;
+      o || v(p), t == null || t(p);
+    }, [l, a, c, o, t]),
+    g = h != null ? h : u === "dark" ? "var(--bu-switch-dark-on)" : "var(--bu-switch-light-on)",
+    y = w != null ? w : u === "dark" ? "var(--bu-switch-dark-off)" : "var(--bu-switch-light-off)",
+    N = l ? g : y,
+    O = ["bu-switch", l && "bu-switch--checked", a && "bu-switch--disabled", c && "bu-switch--loading", f].filter(Boolean).join(" ");
+  return /* @__PURE__ */s("button", {
+    type: "button",
+    role: "switch",
+    "aria-checked": l,
+    "aria-disabled": a,
+    className: O,
+    style: C({
+      "--bu-switch-track-bg": N
+    }, d),
+    onClick: k,
+    children: /* @__PURE__ */P("span", {
+      className: "bu-switch__track",
+      children: [n != null && /* @__PURE__ */s("span", {
+        className: "bu-switch__label bu-switch__label--left",
+        children: n
+      }), /* @__PURE__ */s("span", {
+        className: "bu-switch__thumb",
+        children: c && /* @__PURE__ */s("span", {
+          className: "bu-switch__loading-icon",
+          children: /* @__PURE__ */s("svg", {
+            viewBox: "0 0 16 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */s("path", {
+              d: "M8 1.5a6.5 6.5 0 0 1 6.5 6.5",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round"
+            })
+          })
+        })
+      }), i != null && /* @__PURE__ */s("span", {
+        className: "bu-switch__label bu-switch__label--right",
+        children: i
+      })]
+    })
+  });
 };
+E.displayName = "BuSwitch";
+export { E as default };