@olenbetong/synergi-react 2.1.0 → 2.1.2

package/dist/iife/ob.react.css

@@ -591,13 +591,15 @@
   transform: translateX(-100%);
   transition: transform 0.2s ease-out;
   will-change: transform;
-  overflow-y: auto;
 }
 .ObSidebar-root.Ob-right {
   left: unset;
   right: 0;
   transform: translateX(100%);
 }
+.ObSidebar-root {
+  overflow-y: auto;
+}
 .ObSidebar-root.Ob-open {
   transform: translateX(0);
 }

package/dist/iife/ob.react.js

@@ -1,5 +1,4 @@
-var ob;
-(ob ||= {}).react = (() => {
+var ob_react = (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -81,7 +80,7 @@ var ob;
         }
       })(function() {
         var define2, module2, exports2;
-        return function e(t, n, r2) {
+        return (function e(t, n, r2) {
           function s(o2, u) {
             if (!n[o2]) {
               if (!t[o2]) {
@@ -102,7 +101,7 @@ var ob;
           var i = typeof __require == "function" && __require;
           for (var o = 0; o < r2.length; o++) s(r2[o]);
           return s;
-        }({ 1: [function(_dereq_, module3, exports3) {
+        })({ 1: [function(_dereq_, module3, exports3) {
           (function(global2) {
             "use strict";
             var Mutation = global2.MutationObserver || global2.WebKitMutationObserver;
@@ -1984,7 +1983,7 @@ var ob;
             }
             return arguments[0];
           }
-          var LocalForage = function() {
+          var LocalForage = (function() {
             function LocalForage2(options) {
               _classCallCheck(this, LocalForage2);
               for (var driverTypeKey in DefaultDrivers) {
@@ -2195,7 +2194,7 @@ var ob;
               return new LocalForage2(options);
             };
             return LocalForage2;
-          }();
+          })();
           var localforage_js = new LocalForage();
           module3.exports = localforage_js;
         }, { "3": 3 }] }, {}, [4])(4);
@@ -2249,8 +2248,9 @@ var ob;
 
   // src/Checkbox/index.tsx
   var import_react = __toESM(require_react(), 1);
+  var import_jsx_runtime = __require("react/jsx-runtime");
   function Mark(props) {
-    return /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M20.285 2L9 13.567 3.714 8.556 0 12.272 9 21 24 5.715z", fill: "currentColor" }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20.285 2L9 13.567 3.714 8.556 0 12.272 9 21 24 5.715z", fill: "currentColor" }) });
   }
   var Checkbox = (0, import_react.forwardRef)(function Checkbox2({ className, disabled = false, id, onChange = () => null, label, title, reverse, value, ...other }, ref) {
     let inputId = (0, import_react.useId)();
@@ -2285,39 +2285,45 @@ var ob;
         }
       }
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
         className: clsx_default("ObCheckbox-root", disabled && "Ob-disabled", reverse && "Ob-reverse", className),
-        title
-      },
-      /* @__PURE__ */ React.createElement(
-        "input",
-        {
-          className: "ObCheckbox-input",
-          id: inputId,
-          type: "checkbox",
-          onChange: handleInputChanged,
-          checked: value,
-          disabled,
-          ref: input,
-          ...other
-        }
-      ),
-      /* @__PURE__ */ React.createElement("label", { htmlFor: inputIdRef, className: "ObCheckbox-label", onKeyDown: handleKeyDown, onClick: handleClick }, /* @__PURE__ */ React.createElement("div", { className: "ObCheckbox-box" }, /* @__PURE__ */ React.createElement(Mark, { className: "ObCheckbox-mark" })), label && /* @__PURE__ */ React.createElement("div", { className: "ObCheckbox-label-text" }, label))
+        title,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              className: "ObCheckbox-input",
+              id: inputId,
+              type: "checkbox",
+              onChange: handleInputChanged,
+              checked: value,
+              disabled,
+              ref: input,
+              ...other
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: inputIdRef, className: "ObCheckbox-label", onKeyDown: handleKeyDown, onClick: handleClick, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ObCheckbox-box", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Mark, { className: "ObCheckbox-mark" }) }),
+            label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ObCheckbox-label-text", children: label })
+          ] })
+        ]
+      }
     );
   });
 
   // src/ColorCard/index.tsx
+  var import_jsx_runtime2 = __require("react/jsx-runtime");
   function ColorCard({ as: Component, children, className, href, ...other }) {
     const BaseElement = Component ? Component : href ? "a" : "div";
-    return /* @__PURE__ */ React.createElement(BaseElement, { className: clsx_default("ObColorCard-root", className), href, ...other }, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseElement, { className: clsx_default("ObColorCard-root", className), href, ...other, children });
   }
   function CardStepList({ children, className, ...props }) {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-stepList", className), ...props }, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: clsx_default("ObColorCard-stepList", className), ...props, children });
   }
   function CardStep({ children, className, ...props }) {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-step", className), ...props }, /* @__PURE__ */ React.createElement("div", { className: "ObColorCard-stepText" }, children));
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: clsx_default("ObColorCard-step", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ObColorCard-stepText", children }) });
   }
   function CardColumn({
     children,
@@ -2325,7 +2331,7 @@ var ob;
     minor,
     ...other
   }) {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-column", minor && "ObColorCard-minor", className), ...other }, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: clsx_default("ObColorCard-column", minor && "ObColorCard-minor", className), ...other, children });
   }
   function CardDetail({
     children,
@@ -2334,15 +2340,19 @@ var ob;
     primary,
     ...other
   }) {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-detail", primary && "ObColorCard-primary", className), ...other }, label && /* @__PURE__ */ React.createElement("div", { className: "ObColorCard-detailLabel" }, label), /* @__PURE__ */ React.createElement("div", { className: "ObColorCard-detailValue" }, children));
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: clsx_default("ObColorCard-detail", primary && "ObColorCard-primary", className), ...other, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ObColorCard-detailLabel", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ObColorCard-detailValue", children })
+    ] });
   }
   function CardLabel({ children, className, ...other }) {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-label", className), ...other }, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: clsx_default("ObColorCard-label", className), ...other, children });
   }
 
   // src/DateNavigator/index.tsx
   var import_appframe_core = __toESM(require_appframe_core(), 1);
   var import_react2 = __toESM(require_react(), 1);
+  var import_jsx_runtime3 = __require("react/jsx-runtime");
   function getUiCulture() {
     return af?.userSession?.culture ?? "default";
   }
@@ -2350,7 +2360,7 @@ var ob;
     direction,
     ...rest
   }) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         className: clsx_default(
@@ -2358,21 +2368,21 @@ var ob;
           direction === "left" ? "ObDateNavigator-arrowLeft" : "ObDateNavigator-arrowRight"
         ),
         "aria-label": direction === "left" ? (0, import_appframe_core.getLocalizedString)("Previous day") : (0, import_appframe_core.getLocalizedString)("Next day"),
-        ...rest
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "ObDateNavigator-icon" }, direction === "left" ? /* @__PURE__ */ React.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 320 512" }, /* @__PURE__ */ React.createElement(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"
-        }
-      )) : /* @__PURE__ */ React.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 320 512" }, /* @__PURE__ */ React.createElement(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
-        }
-      )))
+        ...rest,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "ObDateNavigator-icon", children: direction === "left" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 320 512", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"
+          }
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 320 512", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
+          }
+        ) }) })
+      }
     );
   }
   var formatter = new Intl.DateTimeFormat(getUiCulture(), {
@@ -2476,13 +2486,20 @@ var ob;
     }
     return (
       // biome-ignore lint/a11y/noNoninteractiveTabindex: I hate this component
-      /* @__PURE__ */ React.createElement("div", { className: "ObDateNavigator-root", onKeyDown: handleKeyDown, tabIndex: 0, "aria-label": "Date navigator" }, /* @__PURE__ */ React.createElement(Arrow, { direction: "left", onClick: () => updateDate(new Date(dateUtc - oneDay)), disabled: disablePrev }), /* @__PURE__ */ React.createElement("div", { className: "ObDateNavigator-date" }, text), /* @__PURE__ */ React.createElement(Arrow, { direction: "right", onClick: () => updateDate(new Date(dateUtc + oneDay)), disabled: disableNext }), !disableTodayButton && /* @__PURE__ */ React.createElement("button", { type: "button", className: "ObDateNavigator-today btn-reset", onClick: jumpToToday }, (0, import_appframe_core.getLocalizedString)("Today")), /* @__PURE__ */ React.createElement("div", { "aria-live": "polite", ref: liveRef, style: { position: "absolute", left: "-9999px" } }))
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "ObDateNavigator-root", onKeyDown: handleKeyDown, tabIndex: 0, "aria-label": "Date navigator", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Arrow, { direction: "left", onClick: () => updateDate(new Date(dateUtc - oneDay)), disabled: disablePrev }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "ObDateNavigator-date", children: text }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Arrow, { direction: "right", onClick: () => updateDate(new Date(dateUtc + oneDay)), disabled: disableNext }),
+        !disableTodayButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "ObDateNavigator-today btn-reset", onClick: jumpToToday, children: (0, import_appframe_core.getLocalizedString)("Today") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "aria-live": "polite", ref: liveRef, style: { position: "absolute", left: "-9999px" } })
+      ] })
     );
   }
 
   // src/LinkedCardList/index.tsx
+  var import_jsx_runtime4 = __require("react/jsx-runtime");
   function LinkedList({ children, className, ...other }) {
-    return /* @__PURE__ */ React.createElement("ul", { className: clsx_default("ObLinkedList-root", className), ...other }, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: clsx_default("ObLinkedList-root", className), ...other, children });
   }
   function LinkedListItem({
     children,
@@ -2490,46 +2507,52 @@ var ob;
     label,
     ...other
   }) {
-    return /* @__PURE__ */ React.createElement("li", { className: clsx_default("ObLinkedList-item", className), ...other }, label && /* @__PURE__ */ React.createElement("div", { className: "ObLinkedList-leftColumn" }, label), /* @__PURE__ */ React.createElement("div", { className: "ObLinkedList-line" }, /* @__PURE__ */ React.createElement("div", { className: "ObLinkedList-bullet" })), /* @__PURE__ */ React.createElement("div", { className: "ObLinkedList-rightColumn" }, children));
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: clsx_default("ObLinkedList-item", className), ...other, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ObLinkedList-leftColumn", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ObLinkedList-line", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ObLinkedList-bullet" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ObLinkedList-rightColumn", children })
+    ] });
   }
   function Card({ as, children, className, ...other }) {
     const Component = as || "div";
-    return /* @__PURE__ */ React.createElement(Component, { className: clsx_default("ObLinkedList-card", className), ...other }, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Component, { className: clsx_default("ObLinkedList-card", className), ...other, children });
   }
 
   // src/PageBanner/index.tsx
   var import_react3 = __toESM(require_react(), 1);
+  var import_jsx_runtime5 = __require("react/jsx-runtime");
   function PageBanner({ as, className, children, ...other }) {
     const Component = as ? as : "section";
-    return /* @__PURE__ */ import_react3.default.createElement(Component, { className: clsx_default("ObPageBanner-root", className), ...other }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "container px-0" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "ObPageBanner-pageBannerInner" }, children)));
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Component, { className: clsx_default("ObPageBanner-root", className), ...other, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "container px-0", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ObPageBanner-pageBannerInner", children }) }) });
   }
   var BannerImage = import_react3.default.forwardRef(function BannerImage2(props, ref) {
     const { className, ...other } = props;
-    return /* @__PURE__ */ import_react3.default.createElement("img", { ref, className: clsx_default("ObPageBanner-bannerImage", className), alt: "", ...other });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { ref, className: clsx_default("ObPageBanner-bannerImage", className), alt: "", ...other });
   });
   function TabList({ as, className, children, sticky, ...other }) {
     const Component = as ? as : "nav";
-    return /* @__PURE__ */ import_react3.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Component,
       {
         className: clsx_default("ObPageBanner-pageBanner", "ObPageBanner-tabList", sticky && "sticky", className),
-        ...other
-      },
-      /* @__PURE__ */ import_react3.default.createElement("div", { className: "container px-0" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "ObPageBanner-tabListInner" }, children))
+        ...other,
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "container px-0", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ObPageBanner-tabListInner", children }) })
+      }
     );
   }
   function Tab({ active, as, className, children, ...other }) {
     const Component = as ? as : "a";
-    return /* @__PURE__ */ import_react3.default.createElement(Component, { className: clsx_default("ObPageBanner-tab", active && "active", className), ...other }, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Component, { className: clsx_default("ObPageBanner-tab", active && "active", className), ...other, children });
   }
   function Title({ as, className, children, ...other }) {
     const Component = as ? as : "h1";
-    return /* @__PURE__ */ import_react3.default.createElement(Component, { className: clsx_default("ObPageBanner-bannerTitle", className), ...other }, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Component, { className: clsx_default("ObPageBanner-bannerTitle", className), ...other, children });
   }
 
   // src/Portal/index.tsx
   var import_react4 = __toESM(require_react(), 1);
   var import_react_dom = __toESM(require_react_dom(), 1);
+  var import_jsx_runtime6 = __require("react/jsx-runtime");
   function useForceUpdate() {
     const [, setVal] = (0, import_react4.useState)(false);
     return () => setVal((val) => !val);
@@ -2552,19 +2575,21 @@ var ob;
       }
     }, [root, type]);
     if (!portalNode.current) {
-      return /* @__PURE__ */ React.createElement("div", { ref: mountNode });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: mountNode });
     }
     return (0, import_react_dom.createPortal)(children, portalNode.current);
   }
 
   // src/ProgressBar/index.tsx
   var import_react5 = __toESM(require_react(), 1);
+  var import_jsx_runtime7 = __require("react/jsx-runtime");
   var ProgressBar = (0, import_react5.forwardRef)(function ProgressBar2({ className, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement("progress", { className: clsx_default("ObProgressBar-root", className), ...props, ref });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("progress", { className: clsx_default("ObProgressBar-root", className), ...props, ref });
   });
 
   // src/Sidebar/index.tsx
   var import_react6 = __toESM(require_react(), 1);
+  var import_jsx_runtime8 = __require("react/jsx-runtime");
   function Sidebar(props) {
     const {
       children,
@@ -2627,41 +2652,51 @@ var ob;
       };
     }, [open]);
     const { className: overlayClassName, ...overlayOther } = overlayProps;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: clsx_default(
-          "ObSidebar-root",
-          open && "Ob-open",
-          pullRight && "Ob-right",
-          shadow && "ObSidebar-shadow",
-          className
-        ),
-        ref: sidebar,
-        tabIndex: -1,
-        ...other
-      },
-      (open || !hidden) && children
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        role: "presentation",
-        tabIndex: -1,
-        className: clsx_default("ObSidebar-overlay", open && "Ob-open", overlayClassName),
-        onClick: closeSidebar,
-        ...overlayOther
-      }
-    ));
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "div",
+        {
+          className: clsx_default(
+            "ObSidebar-root",
+            open && "Ob-open",
+            pullRight && "Ob-right",
+            shadow && "ObSidebar-shadow",
+            className
+          ),
+          ref: sidebar,
+          tabIndex: -1,
+          ...other,
+          children: (open || !hidden) && children
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "div",
+        {
+          role: "presentation",
+          tabIndex: -1,
+          className: clsx_default("ObSidebar-overlay", open && "Ob-open", overlayClassName),
+          onClick: closeSidebar,
+          ...overlayOther
+        }
+      )
+    ] });
   }
 
   // src/Spinner/index.tsx
+  var import_jsx_runtime9 = __require("react/jsx-runtime");
   function Spinner({ className = "", fullPage = false, ...rest }) {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx_default(className, fullPage ? "ObSpinner-fullPage" : "ObSpinner-wrapper"), ...rest }, /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-spinner" }, /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" }), /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" }), /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" }), /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" })));
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: clsx_default(className, fullPage ? "ObSpinner-fullPage" : "ObSpinner-wrapper"), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ObSpinner-spinner", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "ObSpinner-bullet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "ObSpinner-bullet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "ObSpinner-bullet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "ObSpinner-bullet" })
+    ] }) });
   }
 
   // src/SplitContainer/index.tsx
   var import_localforage = __toESM(require_localforage(), 1);
   var import_react7 = __toESM(require_react(), 1);
+  var import_jsx_runtime10 = __require("react/jsx-runtime");
   var article = window.af?.article?.id ?? window.window?.location.pathname.substring(1).split("/")[0];
   var settingsStore = import_localforage.default.createInstance({
     name: `AfSplitContainers.${window.af?.userSession.login ?? "anonymous"}`
@@ -2696,7 +2731,7 @@ var ob;
     )
   );
   var Divider = (0, import_react7.forwardRef)(function Divider2(props, ref) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "div",
       {
         className: clsx_default("ObSplitContainer-divider", props.className),
@@ -2706,20 +2741,20 @@ var ob;
         "aria-orientation": props.direction,
         "aria-valuemin": props.min,
         "aria-valuemax": props.max,
-        "aria-valuenow": props.size
-      },
-      /* @__PURE__ */ React.createElement("span", null, "\u2022\u2022\u2022")
+        "aria-valuenow": props.size,
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "\u2022\u2022\u2022" })
+      }
     );
   });
   function SplitRoot({ className, direction, ...props }) {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx_default(className, "ObSplitContainer-root", direction), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: clsx_default(className, "ObSplitContainer-root", direction), ...props });
   }
   function SplitPanel(props) {
     let style = {
       flex: props.fixed ? `0 0 ${Math.floor(props.size)}px` : "1 1 100%",
       ...props.style
     };
-    return /* @__PURE__ */ React.createElement("div", { className: clsx_default(props.className, "ObSplitContainer-panel"), style }, props.children);
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: clsx_default(props.className, "ObSplitContainer-panel"), style, children: props.children });
   }
   function SplitContainer({
     className,
@@ -2848,17 +2883,21 @@ var ob;
         };
       }
     }, [direction, fixedPanel, layoutVersion, id, min, max, containerSize]);
-    return /* @__PURE__ */ React.createElement(SplitRoot, { direction, className, ref: containerRef }, /* @__PURE__ */ React.createElement(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 1, size: fixedSize }, childrenArray[0]), /* @__PURE__ */ React.createElement(
-      Divider,
-      {
-        ref: dividerRef,
-        direction,
-        isDragging,
-        size: fixedSize,
-        min,
-        max: max ?? containerSize
-      }
-    ), /* @__PURE__ */ React.createElement(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 2, size: fixedSize }, childrenArray[1]));
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SplitRoot, { direction, className, ref: containerRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 1, size: fixedSize, children: childrenArray[0] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        Divider,
+        {
+          ref: dividerRef,
+          direction,
+          isDragging,
+          size: fixedSize,
+          min,
+          max: max ?? containerSize
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 2, size: fixedSize, children: childrenArray[1] })
+    ] });
   }
 
   // src/useTranslation/index.ts
@@ -2928,24 +2967,28 @@ var ob;
 
   // src/ValueToggleGroup/index.tsx
   var import_react9 = __toESM(require_react(), 1);
+  var import_jsx_runtime11 = __require("react/jsx-runtime");
   var ValueToggleGroup = (0, import_react9.forwardRef)(function ValueToggleGroup2({ options, value, defaultValue, onChange, className, name, id, style, orientation = "horizontal" }, ref) {
     let randomId = (0, import_react9.useId)();
     let groupName = name || `toggle-${id ?? randomId}`;
     let isControlled = value !== void 0;
-    return /* @__PURE__ */ React.createElement("fieldset", { className: clsx_default("ObValueToggleGroup", orientation, className), role: "radiogroup", ref, style }, options.map((opt) => {
-      return /* @__PURE__ */ React.createElement("label", { key: opt.value, className: clsx_default("ObValueToggleOption", { disabled: opt.disabled }) }, /* @__PURE__ */ React.createElement(
-        "input",
-        {
-          type: "radio",
-          name: groupName,
-          value: opt.value,
-          checked: isControlled ? value === opt.value : void 0,
-          defaultChecked: !isControlled ? defaultValue === opt.value : void 0,
-          onChange: () => onChange?.(opt.value),
-          disabled: opt.disabled
-        }
-      ), /* @__PURE__ */ React.createElement("span", { className: "ObValueToggleLabel" }, opt.label ?? opt.value));
-    }));
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("fieldset", { className: clsx_default("ObValueToggleGroup", orientation, className), role: "radiogroup", ref, style, children: options.map((opt) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: clsx_default("ObValueToggleOption", { disabled: opt.disabled }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "input",
+          {
+            type: "radio",
+            name: groupName,
+            value: opt.value,
+            checked: isControlled ? value === opt.value : void 0,
+            defaultChecked: !isControlled ? defaultValue === opt.value : void 0,
+            onChange: () => onChange?.(opt.value),
+            disabled: opt.disabled
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ObValueToggleLabel", children: opt.label ?? opt.value })
+      ] }, opt.value);
+    }) });
   });
   return __toCommonJS(index_exports);
 })();

package/dist/iife/ob.react.min.css

@@ -1,2 +1,2 @@
-@charset "UTF-8";.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, .5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, .8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid black}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, .5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background .3s ease;overflow:hidden;border-radius:calc(var(--check-width) / 15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width) * .4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s ease-in-out;transition-delay:0ms;transform:translate(-50%,-50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.ObCheckbox-label{display:flex;gap:.5rem;align-items:center;overflow:visible}.ObCheckbox-root.Ob-reverse .ObCheckbox-label{flex-direction:row-reverse}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{animation:animOn .6s 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%,-50%) scale(1);transition-delay:.2s;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(.6)}60%{transform:scaleY(.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(.9)}to{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: .75rem;--card-color: rgb(0, 0, 0);display:flex;align-items:stretch;min-height:10rem;overflow:hidden;border-radius:.25rem;box-shadow:0 1px 12px #00000026,0 1px 6px #00000040;color:#666;background-image:linear-gradient(to right,var(--bg-color-border),var(--bg-color-border) var(--bg-size),var(--bg-color-main) var(--bg-size),var(--bg-color-main));font-family:Variable Bahnschrift,Bahnschrift,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;transition:all ease-in-out .3s;cursor:pointer;&:nth-of-type(5n+1){--bg-color-border: rgb(178, 108, 190)}&:nth-of-type(5n+2){--bg-color-border: rgb(79, 164, 61)}&:nth-of-type(5n+3){--bg-color-border: rgb(246, 170, 23)}&:nth-of-type(5n+4){--bg-color-border: rgb(218, 93, 83)}&:nth-of-type(5n+5){--bg-color-border: rgb(23, 162, 184)}&:hover,&:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px #00000026,0 3px 12px #00000040;text-decoration:none}@media screen and (min-width: 48rem){font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;padding:.5rem 1.5rem .5rem 1rem;overflow:hidden;text-overflow:ellipsis;&:first-child{margin-left:var(--bg-size, .75rem)}&.ObColorCard-minor{flex:0 0 4rem;border-right:1px solid #e3e3e3;transition:margin ease-in-out .3s;@media screen and (min-width: 48rem){flex:0 0 8rem}}}.ObColorCard-detailLabel{color:#696969;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail{&:not(:last-child){margin-right:1.5rem}&.ObColorCard-primary,&.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}&.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){font-size:1rem}}.ObColorCard-detailValue{color:#555}.ObColorCard-stepList{display:flex;flex-direction:column;gap:1rem}.ObColorCard-step{position:relative;text-box-trim:trim-both;display:flex;align-items:flex-start;gap:.5rem}.ObColorCard-step:before{flex:.6em 0 0;content:"";position:relative;top:.25em;width:.6em;height:.6em;background:#fff;border:2px solid var(--bg-color-border, #999);border-radius:50%;box-sizing:border-box;z-index:1}.ObColorCard-step:not(:last-child):after{content:"";position:absolute;top:1em;left:calc(.3em - 1px);height:calc(100% - .8875em + 1rem);border-left:2px dotted #999;z-index:0}:root{--ob-datenavigator-height: 3rem}.ObDateNavigator-icon{display:inline-block;svg{width:.625em;position:relative;top:-1px}}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem;outline:none;&:focus-visible{outline:2px solid var(--brand-dark, #336699);outline-offset:2px}}.ObDateNavigator-arrow{display:flex;align-items:center;flex:0 0 var(--ob-datenavigator-height);justify-content:center;height:var(--ob-datenavigator-height);cursor:pointer;text-align:center;&:hover:not(:disabled){background-color:#e3e3e3;background-color:var(--block-header-button-hover)}&:disabled{cursor:not-allowed;color:#0003}}.ObDateNavigator-arrowLeft{border-right:1px solid #dddddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #dddddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:var(--ob-datenavigator-height);text-align:center}.ObDateNavigator-today{order:4;padding:0 1rem;height:var(--ob-datenavigator-height);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--brand-dark, #336699);text-transform:uppercase;cursor:pointer;text-wrap:nowrap;border-left:1px solid #dddddd;&:hover:not(:disabled){background-color:var(--block-header-button-hover)}&:focus-visible{outline:2px solid var(--brand-dark, #336699);outline-offset:2px}}:root{--ob-linked-list-bullet-size: .7em;--ob-linked-list-line-width: .2em}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:#fff;position:relative}.ObLinkedList-bullet{background:#fff;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(calc(-1 * var(--ob-linked-list-bullet-size) / 2 + var(--ob-linked-list-line-width) / 2),-50%)}.ObLinkedList-card{display:block;background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card:before{border-bottom:.5em solid transparent;border-right:1em solid white;border-top:.5em solid transparent;content:" ";filter:drop-shadow(-1px 0px 1px rgba(50,50,50,.2));height:1em;left:-1em;margin-top:-.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3!important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover:before{border-right-color:#edeff3!important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0 8px 8px #0003;color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid white;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid transparent;display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px #0003 inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px #0003 inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,#ffffff40,#0003),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,#ffffff40,#0003),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translate(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translate(100%)}.ObSidebar-root.Ob-open{transform:translate(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px #00000026}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px #00000026}.ObSidebar-overlay{position:fixed;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:#0000004d}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.ObSpinner-wrapper,.ObSpinner-fullPage{--bullet-size: .5em}.ObSpinner-root{display:inline-block}.ObSpinner-fullPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.ObSpinner-spinner{display:inline-block;height:calc(var(--bullet-size) * 1.5);position:relative;width:calc(var(--bullet-size) * 5)}.ObSpinner-bullet{animation-timing-function:cubic-bezier(0,1,1,0);background:#666;border-radius:50%;height:var(--bullet-size);position:absolute;top:.2rem;width:var(--bullet-size);&:nth-child(1){animation:scaleAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * .5)}&:nth-child(2){animation:translateAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * .5)}&:nth-child(3){animation:translateAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * 2.4)}&:nth-child(4){animation:scaleAnimation .6s infinite ease-in-out reverse;left:calc(var(--bullet-size) * 4)}}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateAnimation{0%{transform:translate(0)}to{transform:translate(calc(var(--bullet-size) * 1.65))}}.\1f616 {display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:transparent;line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:#0000004d}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObSplitContainer-panel.dragging{pointer-events:none}.ObValueToggleGroup{padding:.25rem;border:2px solid rgb(0 0 0 / .2);border-radius:4px;display:flex;gap:.25rem;flex-wrap:wrap;&.vertical{flex-direction:column;align-items:center;.ObValueToggleOption{width:100%;.ObValueToggleLabel{width:100%;text-align:center}}}&:focus-within{border-color:#000c}}.ObValueToggleOption{display:flex;align-items:center;margin:0;position:relative}.ObValueToggleOption input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ObValueToggleLabel{font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase;transition:background .2s ease,color .2s ease;border-radius:4px}.ObValueToggleOption:hover input:not(:disabled)+.ObValueToggleLabel{cursor:pointer;background:#ccc}.ObValueToggleOption input:checked+.ObValueToggleLabel{--color-bg: var(--brand-dark);background-color:var(--color-bg);color:#fff;cursor:default}.ObValueToggleOption input:disabled+.ObValueToggleLabel{color:#00000080}.ObValueToggleOption input:checked:focus-visible+.ObValueToggleLabel{--color-bg: var(--brand-light);outline:2px solid var(--brand-light)}.ObValueToggleOption input:checked:hover+.ObValueToggleLabel{background-color:var(--color-bg)}
+@charset "UTF-8";.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, .5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, .8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid black}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, .5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background .3s ease;overflow:hidden;border-radius:calc(var(--check-width) / 15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width) * .4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s ease-in-out;transition-delay:0ms;transform:translate(-50%,-50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.ObCheckbox-label{display:flex;gap:.5rem;align-items:center;overflow:visible}.ObCheckbox-root.Ob-reverse .ObCheckbox-label{flex-direction:row-reverse}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{animation:animOn .6s 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%,-50%) scale(1);transition-delay:.2s;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(.6)}60%{transform:scaleY(.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(.9)}to{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: .75rem;--card-color: rgb(0, 0, 0);display:flex;align-items:stretch;min-height:10rem;overflow:hidden;border-radius:.25rem;box-shadow:0 1px 12px #00000026,0 1px 6px #00000040;color:#666;background-image:linear-gradient(to right,var(--bg-color-border),var(--bg-color-border) var(--bg-size),var(--bg-color-main) var(--bg-size),var(--bg-color-main));font-family:Variable Bahnschrift,Bahnschrift,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;transition:all ease-in-out .3s;cursor:pointer;&:nth-of-type(5n+1){--bg-color-border: rgb(178, 108, 190)}&:nth-of-type(5n+2){--bg-color-border: rgb(79, 164, 61)}&:nth-of-type(5n+3){--bg-color-border: rgb(246, 170, 23)}&:nth-of-type(5n+4){--bg-color-border: rgb(218, 93, 83)}&:nth-of-type(5n+5){--bg-color-border: rgb(23, 162, 184)}&:hover,&:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px #00000026,0 3px 12px #00000040;text-decoration:none}@media screen and (min-width: 48rem){font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;padding:.5rem 1.5rem .5rem 1rem;overflow:hidden;text-overflow:ellipsis;&:first-child{margin-left:var(--bg-size, .75rem)}&.ObColorCard-minor{flex:0 0 4rem;border-right:1px solid #e3e3e3;transition:margin ease-in-out .3s;@media screen and (min-width: 48rem){flex:0 0 8rem}}}.ObColorCard-detailLabel{color:#696969;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail{&:not(:last-child){margin-right:1.5rem}&.ObColorCard-primary,&.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}&.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){font-size:1rem}}.ObColorCard-detailValue{color:#555}.ObColorCard-stepList{display:flex;flex-direction:column;gap:1rem}.ObColorCard-step{position:relative;text-box-trim:trim-both;display:flex;align-items:flex-start;gap:.5rem}.ObColorCard-step:before{flex:.6em 0 0;content:"";position:relative;top:.25em;width:.6em;height:.6em;background:#fff;border:2px solid var(--bg-color-border, #999);border-radius:50%;box-sizing:border-box;z-index:1}.ObColorCard-step:not(:last-child):after{content:"";position:absolute;top:1em;left:calc(.3em - 1px);height:calc(100% - .8875em + 1rem);border-left:2px dotted #999;z-index:0}:root{--ob-datenavigator-height: 3rem}.ObDateNavigator-icon{display:inline-block;svg{width:.625em;position:relative;top:-1px}}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem;outline:none;&:focus-visible{outline:2px solid var(--brand-dark, #336699);outline-offset:2px}}.ObDateNavigator-arrow{display:flex;align-items:center;flex:0 0 var(--ob-datenavigator-height);justify-content:center;height:var(--ob-datenavigator-height);cursor:pointer;text-align:center;&:hover:not(:disabled){background-color:#e3e3e3;background-color:var(--block-header-button-hover)}&:disabled{cursor:not-allowed;color:#0003}}.ObDateNavigator-arrowLeft{border-right:1px solid #dddddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #dddddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:var(--ob-datenavigator-height);text-align:center}.ObDateNavigator-today{order:4;padding:0 1rem;height:var(--ob-datenavigator-height);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--brand-dark, #336699);text-transform:uppercase;cursor:pointer;text-wrap:nowrap;border-left:1px solid #dddddd;&:hover:not(:disabled){background-color:var(--block-header-button-hover)}&:focus-visible{outline:2px solid var(--brand-dark, #336699);outline-offset:2px}}:root{--ob-linked-list-bullet-size: .7em;--ob-linked-list-line-width: .2em}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:#fff;position:relative}.ObLinkedList-bullet{background:#fff;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(calc(-1 * var(--ob-linked-list-bullet-size) / 2 + var(--ob-linked-list-line-width) / 2),-50%)}.ObLinkedList-card{display:block;background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card:before{border-bottom:.5em solid transparent;border-right:1em solid white;border-top:.5em solid transparent;content:" ";filter:drop-shadow(-1px 0px 1px rgba(50,50,50,.2));height:1em;left:-1em;margin-top:-.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3!important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover:before{border-right-color:#edeff3!important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0 8px 8px #0003;color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid white;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid transparent;display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px #0003 inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px #0003 inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,#ffffff40,#0003),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,#ffffff40,#0003),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translate(-100%);transition:transform .2s ease-out;will-change:transform}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translate(100%)}.ObSidebar-root{overflow-y:auto}.ObSidebar-root.Ob-open{transform:translate(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px #00000026}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px #00000026}.ObSidebar-overlay{position:fixed;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:#0000004d}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.ObSpinner-wrapper,.ObSpinner-fullPage{--bullet-size: .5em}.ObSpinner-root{display:inline-block}.ObSpinner-fullPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.ObSpinner-spinner{display:inline-block;height:calc(var(--bullet-size) * 1.5);position:relative;width:calc(var(--bullet-size) * 5)}.ObSpinner-bullet{animation-timing-function:cubic-bezier(0,1,1,0);background:#666;border-radius:50%;height:var(--bullet-size);position:absolute;top:.2rem;width:var(--bullet-size);&:nth-child(1){animation:scaleAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * .5)}&:nth-child(2){animation:translateAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * .5)}&:nth-child(3){animation:translateAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * 2.4)}&:nth-child(4){animation:scaleAnimation .6s infinite ease-in-out reverse;left:calc(var(--bullet-size) * 4)}}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateAnimation{0%{transform:translate(0)}to{transform:translate(calc(var(--bullet-size) * 1.65))}}.\1f616 {display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:transparent;line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:#0000004d}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObSplitContainer-panel.dragging{pointer-events:none}.ObValueToggleGroup{padding:.25rem;border:2px solid rgb(0 0 0 / .2);border-radius:4px;display:flex;gap:.25rem;flex-wrap:wrap;&.vertical{flex-direction:column;align-items:center;.ObValueToggleOption{width:100%;.ObValueToggleLabel{width:100%;text-align:center}}}&:focus-within{border-color:#000c}}.ObValueToggleOption{display:flex;align-items:center;margin:0;position:relative}.ObValueToggleOption input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ObValueToggleLabel{font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase;transition:background .2s ease,color .2s ease;border-radius:4px}.ObValueToggleOption:hover input:not(:disabled)+.ObValueToggleLabel{cursor:pointer;background:#ccc}.ObValueToggleOption input:checked+.ObValueToggleLabel{--color-bg: var(--brand-dark);background-color:var(--color-bg);color:#fff;cursor:default}.ObValueToggleOption input:disabled+.ObValueToggleLabel{color:#00000080}.ObValueToggleOption input:checked:focus-visible+.ObValueToggleLabel{--color-bg: var(--brand-light);outline:2px solid var(--brand-light)}.ObValueToggleOption input:checked:hover+.ObValueToggleLabel{background-color:var(--color-bg)}
 /*# sourceMappingURL=ob.react.min.css.map */