@m4l/gclick 0.3.1-beta.0 → 0.3.1-beta.2

package/components/VideoTimeLineSelector/subcomponents/EventCluster/EventCluster.js

@@ -1,97 +1,84 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { memo } from "react";
-import { Tooltip, Typography } from "@m4l/components";
-import { E as EventClusterStyled, o as PointEventStyled } from "../../slots/VideoTimeLineSelectorSlots.js";
-import { useTheme } from "@mui/material";
-import { useModuleDictionary, getPropertyByString } from "@m4l/core";
-import { V as VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS } from "../../dictionary.js";
-import { u as useVideoTimeLineSelectorStore } from "../../store/useVideoTimeLineSelectorStore.js";
-import { b as VIDEO_TIME_LINE_SELECTOR_CLASSES } from "../../constants.js";
-const EventCluster = memo(({ clusteredEvent, onEventClick }) => {
-  const { events, position, isCluster, jumpNextTimeVisible } = clusteredEvent;
-  const { getLabel } = useModuleDictionary();
-  const { setTimeVisible } = useVideoTimeLineSelectorStore((state) => state.actions);
-  const theme = useTheme();
-  const handleOnDoubleClickCluster = () => {
-    if (onEventClick && isCluster) {
-      onEventClick(events[0].startTime);
-      if (jumpNextTimeVisible) {
-        setTimeVisible(jumpNextTimeVisible);
-      }
-    }
-  };
-  const handleEventClickNormal = (eventTime) => {
-    if (onEventClick) {
-      onEventClick(eventTime);
-    }
+import { jsx as t, jsxs as i } from "@emotion/react/jsx-runtime";
+import { memo as y } from "react";
+import { Tooltip as m, Typography as n } from "@m4l/components";
+import { EventClusterStyled as S, PointEventStyled as b } from "../../slots/VideoTimeLineSelectorSlots.js";
+import { useTheme as v } from "@mui/material";
+import { useModuleDictionary as x, getPropertyByString as C } from "@m4l/core";
+import { VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS as _ } from "../../dictionary.js";
+import { useVideoTimeLineSelectorStore as g } from "../../store/useVideoTimeLineSelectorStore.js";
+import { VIDEO_TIME_LINE_SELECTOR_CLASSES as L } from "../../constants.js";
+const N = y(({ clusteredEvent: p, onEventClick: o }) => {
+  const { events: r, position: a, isCluster: s, jumpNextTimeVisible: c } = p, { getLabel: d } = x(), { setTimeVisible: u } = g((e) => e.actions), T = v(), f = () => {
+    o && s && (o(r[0].startTime), c && u(c));
+  }, h = (e) => {
+    o && o(e);
   };
-  if (isCluster) {
-    return /* @__PURE__ */ jsx(
-      Tooltip,
+  if (s)
+    return /* @__PURE__ */ t(
+      m,
       {
-        arrow: true,
-        title: /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs(Typography, { variant: "body", color: "text.contrastText", fontWeight: "bold", children: [
-            events.length,
+        arrow: !0,
+        title: /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ i(n, { variant: "body", color: "text.contrastText", fontWeight: "bold", children: [
+            r.length,
             " ",
-            getLabel(VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS.event_cluster)
+            d(_.event_cluster)
           ] }),
-          events.map((eventItem, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.contrastText", children: [
-            /* @__PURE__ */ jsx("span", { style: { color: getPropertyByString(theme.vars.palette, eventItem.color, "text.primary") }, children: "•" }),
+          r.map((e, E) => /* @__PURE__ */ t("div", { children: /* @__PURE__ */ i(n, { variant: "caption", color: "text.contrastText", children: [
+            /* @__PURE__ */ t("span", { style: { color: C(T.vars.palette, e.color, "text.primary") }, children: "•" }),
             " ",
-            eventItem.label,
+            e.label,
             " - ",
-            eventItem.startTime.toLocaleTimeString()
-          ] }) }, index))
+            e.startTime.toLocaleTimeString()
+          ] }) }, E))
         ] }),
         placement: "top",
-        children: /* @__PURE__ */ jsx(
-          EventClusterStyled,
+        children: /* @__PURE__ */ t(
+          S,
           {
-            className: VIDEO_TIME_LINE_SELECTOR_CLASSES.eventCluster,
+            className: L.eventCluster,
             role: "button",
             "aria-label": "Event cluster",
             style: {
-              left: position.left
+              left: a.left
             },
-            onDoubleClick: handleOnDoubleClickCluster,
-            children: /* @__PURE__ */ jsx(
-              Typography,
+            onDoubleClick: f,
+            children: /* @__PURE__ */ t(
+              n,
               {
                 variant: "caption",
-                children: events.length
+                children: r.length
               }
             )
           }
         )
       }
     );
-  }
-  const event = events[0];
-  return /* @__PURE__ */ jsx(
-    Tooltip,
+  const l = r[0];
+  return /* @__PURE__ */ t(
+    m,
     {
-      arrow: true,
-      title: /* @__PURE__ */ jsxs(Typography, { variant: "body", color: "text.contrastText", children: [
-        event.label,
-        /* @__PURE__ */ jsx("br", {}),
-        event.startTime.toLocaleString()
+      arrow: !0,
+      title: /* @__PURE__ */ i(n, { variant: "body", color: "text.contrastText", children: [
+        l.label,
+        /* @__PURE__ */ t("br", {}),
+        l.startTime.toLocaleString()
       ] }),
       placement: "top",
-      children: /* @__PURE__ */ jsx(
-        PointEventStyled,
+      children: /* @__PURE__ */ t(
+        b,
         {
-          ownerState: { color: event.color },
+          ownerState: { color: l.color },
           style: {
-            left: position.left
+            left: a.left
           },
-          onClick: () => handleEventClickNormal(event.startTime)
+          onClick: () => h(l.startTime)
         }
       )
     }
   );
 });
-EventCluster.displayName = "EventCluster";
+N.displayName = "EventCluster";
 export {
-  EventCluster as E
+  N as EventCluster
 };

package/components/VideoTimeLineSelector/types.d.ts

@@ -1,7 +1,7 @@
 import { Theme } from '@mui/material/styles';
 import { M4LOverridesStyleRules } from '@m4l/components';
 import { VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT } from './constants';
-import { VideoTimeLineSelectorSlots as VideoTimeLineSelectorSlots } from './slots/VideoTimeLineSelectorEnums';
+import { VideoTimeLineSelectorSlots } from './slots/VideoTimeLineSelectorEnums';
 import { DeepKeyOf } from '../../utils/types';
 import { Sizes } from '@m4l/styles';
 /**
@@ -92,3 +92,4 @@ export type VideoTimeLineSelectorOwnerState = {
 };
 export type VideoTimeLineSelectorSlotsType = keyof typeof VideoTimeLineSelectorSlots;
 export type VideoTimeLineSelectorStyles = M4LOverridesStyleRules<VideoTimeLineSelectorSlotsType, typeof VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

package/components/VideoTimeLineSelector/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoTimeLineSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,sCAAsC,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAKF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC;CACb,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;CAEpC,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3C,SAAS,EAAE,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,CAAC;CACb,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAGF,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAG/D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC,MAAM,MAAM,0BAA0B,CAAC,CAAC,IAAI;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,WAAW,EAAE,CAAC;IAExB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3B;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvB;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,KAAK,IAAI,CAAC;IACpH;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IACzC;;OAEG;IACH,WAAW,EAAE,IAAI,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAGlB,CAAC;AAGF,MAAM,MAAM,+BAA+B,GAAI;IAC7C,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IACnC,IAAI,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;CACnD,CAAC;AAGF,MAAM,MAAM,8BAA8B,GAAG,MAAM,OAAO,0BAA0B,CAAC;AAGrF,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,8BAA8B,EAAE,OAAO,sCAAsC,EAAE,KAAK,CAAC,CAAA"}

package/components/index.d.ts

@@ -3,3 +3,4 @@ export * from './DeviceLabel';
 export * from './maps';
 export * from './indicators';
 export * from './VideoTimeLineSelector';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/gclick/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC"}

package/components/indicators/IndicatorBattery/IndicatorBattery.d.ts

@@ -4,4 +4,5 @@ import { IndicatorBatteryProps } from './types';
  * @description IndicatorBattery component
  * @param props - IndicatorBatteryProps
  */
-export declare const IndicatorBattery: (props: IndicatorBatteryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IndicatorBattery: (props: IndicatorBatteryProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IndicatorBattery.d.ts.map

package/components/indicators/IndicatorBattery/IndicatorBattery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorBattery.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorBattery/IndicatorBattery.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAa5E;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,qDA8H5D,CAAC"}

package/components/indicators/IndicatorBattery/IndicatorBattery.js

@@ -1,96 +1,86 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { I as IndicatorBatteryRootStyled, T as TitleStyled, C as ContentStyled, S as StatusVoltageContainerStyled, a as StatusContainerStyled, V as VoltageContainerStyled, b as ContainerTitleBatteryPorcentageStyled, c as ContainerIconPercentageStyled, d as ContainerStatusVoltageStyled } from "./slots/IndicatorBaterySlots.js";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as INDICATOR_BATTERY_DICTIONARY } from "./dictionary.js";
-import { Icon, Typography, Chip } from "@m4l/components";
-import { u as useBatteryStatus } from "./hooks/useBatteryStatus/useBatteryStatus.js";
-import { I as INDICATOR_BATTERY_CLASSES, a as INDICATOR_BATTERY_KEY_COMPONENT } from "./constants.js";
-import clsx from "clsx";
-import { I as IndicatorBatterySlots } from "./slots/IndicatorBatteryEnum.js";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
-import { I as INDICATOR_BATTERY_ICONS } from "./icons.js";
-import { useMemo } from "react";
-import { G as GaugeCircular } from "../../GaugeCircular/GaugeCircular.js";
-const IndicatorBattery = (props) => {
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  if (!props.value && props.value !== 0) {
-    console.warn("IndicatorBattery: value prop is required");
-  }
-  const batteryStatusParams = useMemo(() => {
-    return "type" in props ? { value: props.value, type: props.type } : {
-      value: props.value,
-      maxVoltage: props.maxVoltage,
-      minVoltage: props.minVoltage,
-      valueWeak: props.valueWeak,
-      valueAcceptable: props.valueAcceptable,
-      valueGood: props.valueGood,
-      valueExcellent: props.valueExcellent
-    };
-  }, [props]);
-  const { label, color, maxVoltage: hookMaxVoltage } = useBatteryStatus(batteryStatusParams);
-  const ownerState = { color };
-  const { value, className, variant = "standard", batteryType = "main", dataTestId } = props;
-  const gaugeValue = useMemo(() => {
-    if (!value || value < 0) {
+import { jsx as t, jsxs as a, Fragment as x } from "@emotion/react/jsx-runtime";
+import { GaugeCircular as D } from "../../GaugeCircular/GaugeCircular.js";
+import { IndicatorBatteryRootStyled as N, TitleStyled as p, ContentStyled as _, StatusVoltageContainerStyled as E, StatusContainerStyled as g, VoltageContainerStyled as f, ContainerTitleBatteryPorcentageStyled as R, ContainerIconPercentageStyled as V, ContainerStatusVoltageStyled as M } from "./slots/IndicatorBaterySlots.js";
+import { useModuleDictionary as O, useEnvironment as $ } from "@m4l/core";
+import { INDICATOR_BATTERY_DICTIONARY as n } from "./dictionary.js";
+import { Icon as I, Typography as r, Chip as C } from "@m4l/components";
+import { useBatteryStatus as F } from "./hooks/useBatteryStatus/useBatteryStatus.js";
+import { INDICATOR_BATTERY_CLASSES as s, INDICATOR_BATTERY_KEY_COMPONENT as Y } from "./constants.js";
+import w from "clsx";
+import { IndicatorBatterySlots as P } from "./slots/IndicatorBatteryEnum.js";
+import { getPropDataTestId as j } from "../../../test/getNameDataTestId.js";
+import { INDICATOR_BATTERY_ICONS as S } from "./icons.js";
+import { useMemo as b } from "react";
+const at = (e) => {
+  const { getLabel: i } = O(), { host_static_assets: m, environment_assets: u } = $();
+  !e.value && e.value !== 0 && console.warn("IndicatorBattery: value prop is required");
+  const T = b(() => "type" in e ? { value: e.value, type: e.type } : {
+    value: e.value,
+    maxVoltage: e.maxVoltage,
+    minVoltage: e.minVoltage,
+    valueWeak: e.valueWeak,
+    valueAcceptable: e.valueAcceptable,
+    valueGood: e.valueGood,
+    valueExcellent: e.valueExcellent
+  }, [e]), { label: y, color: d, maxVoltage: l } = F(T), h = { color: d }, { value: o, className: k, variant: W = "standard", batteryType: v = "main", dataTestId: A } = e, c = b(() => {
+    if (!o || o < 0)
       return 0;
+    if (l && l > 0) {
+      const B = o * 100 / l;
+      return Math.ceil(B);
     }
-    if (hookMaxVoltage && hookMaxVoltage > 0) {
-      const percentage = value * 100 / hookMaxVoltage;
-      return Math.ceil(percentage);
-    }
-    return Math.ceil(value);
-  }, [value, hookMaxVoltage]);
-  return /* @__PURE__ */ jsx(
-    IndicatorBatteryRootStyled,
+    return Math.ceil(o);
+  }, [o, l]);
+  return /* @__PURE__ */ t(
+    N,
     {
-      className: clsx(INDICATOR_BATTERY_CLASSES.root, className),
+      className: w(s.root, k),
       variant: "text",
       role: "progressbar",
       "aria-label": "indicator-battery",
-      "aria-valuenow": gaugeValue,
+      "aria-valuenow": c,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       direction: "column",
       padding: "standard",
-      ...getPropDataTestId(INDICATOR_BATTERY_KEY_COMPONENT, IndicatorBatterySlots.root, dataTestId),
-      children: variant === "standard" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(TitleStyled, { variant: "captionDens", skeletonWidth: "80px", children: getLabel(batteryType === "main" ? INDICATOR_BATTERY_DICTIONARY.titleMain : INDICATOR_BATTERY_DICTIONARY.titleBackup) }),
-        /* @__PURE__ */ jsxs(ContentStyled, { ownerState, children: [
-          /* @__PURE__ */ jsxs(GaugeCircular, { value: gaugeValue, children: [
-            /* @__PURE__ */ jsx(Icon, { src: `${host_static_assets}/${environment_assets}/${INDICATOR_BATTERY_ICONS.batteryStandard}` }),
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-end", justifyContent: "center", gap: "2px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "subtitle", fontFamily: "Jura", color: "text.primary", skeletonWidth: "20px", children: `${gaugeValue ?? 0}` }),
-              /* @__PURE__ */ jsx(Typography, { variant: "body", fontFamily: "Jura", color: "text.primary", skeletonWidth: "10px", children: "%" })
+      ...j(Y, P.root, A),
+      children: W === "standard" ? /* @__PURE__ */ a(x, { children: [
+        /* @__PURE__ */ t(p, { variant: "captionDens", skeletonWidth: "80px", children: i(v === "main" ? n.titleMain : n.titleBackup) }),
+        /* @__PURE__ */ a(_, { ownerState: h, children: [
+          /* @__PURE__ */ a(D, { value: c, children: [
+            /* @__PURE__ */ t(I, { src: `${m}/${u}/${S.batteryStandard}` }),
+            /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "flex-end", justifyContent: "center", gap: "2px" }, children: [
+              /* @__PURE__ */ t(r, { variant: "subtitle", fontFamily: "Jura", color: "text.primary", skeletonWidth: "20px", children: `${c ?? 0}` }),
+              /* @__PURE__ */ t(r, { variant: "body", fontFamily: "Jura", color: "text.primary", skeletonWidth: "10px", children: "%" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs(StatusVoltageContainerStyled, { children: [
-            /* @__PURE__ */ jsxs(StatusContainerStyled, { direction: "row", children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: getLabel(INDICATOR_BATTERY_DICTIONARY.status) }),
-              /* @__PURE__ */ jsx(Chip, { label, color, variant: "contained", skeletonWidth: "70px" })
+          /* @__PURE__ */ a(E, { children: [
+            /* @__PURE__ */ a(g, { direction: "row", children: [
+              /* @__PURE__ */ t(r, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: i(n.status) }),
+              /* @__PURE__ */ t(C, { label: y, color: d, variant: "contained", skeletonWidth: "70px" })
             ] }),
-            /* @__PURE__ */ jsxs(VoltageContainerStyled, { direction: "row", children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: getLabel(INDICATOR_BATTERY_DICTIONARY.voltage) }),
-              /* @__PURE__ */ jsx(Typography, { variant: "bodyDens", fontFamily: "Inter", color: "text.primary", skeletonWidth: "20px", children: value })
+            /* @__PURE__ */ a(f, { direction: "row", children: [
+              /* @__PURE__ */ t(r, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: i(n.voltage) }),
+              /* @__PURE__ */ t(r, { variant: "bodyDens", fontFamily: "Inter", color: "text.primary", skeletonWidth: "20px", children: o })
             ] })
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(ContainerTitleBatteryPorcentageStyled, { ownerState, children: [
-          /* @__PURE__ */ jsx(TitleStyled, { variant: "captionDens", skeletonWidth: "80px", children: getLabel(batteryType === "main" ? INDICATOR_BATTERY_DICTIONARY.titleMain : INDICATOR_BATTERY_DICTIONARY.titleBackup) }),
-          /* @__PURE__ */ jsxs(ContainerIconPercentageStyled, { children: [
-            /* @__PURE__ */ jsx(Icon, { src: `${host_static_assets}/${environment_assets}/${INDICATOR_BATTERY_ICONS.batteryCompact}` }),
-            /* @__PURE__ */ jsx(Typography, { variant: "subtitleDens", fontFamily: "Jura", color: "text.primary", skeletonWidth: "20px", children: `${gaugeValue ?? 0}%` })
+      ] }) : /* @__PURE__ */ a(x, { children: [
+        /* @__PURE__ */ a(R, { ownerState: h, children: [
+          /* @__PURE__ */ t(p, { variant: "captionDens", skeletonWidth: "80px", children: i(v === "main" ? n.titleMain : n.titleBackup) }),
+          /* @__PURE__ */ a(V, { children: [
+            /* @__PURE__ */ t(I, { src: `${m}/${u}/${S.batteryCompact}` }),
+            /* @__PURE__ */ t(r, { variant: "subtitleDens", fontFamily: "Jura", color: "text.primary", skeletonWidth: "20px", children: `${c ?? 0}%` })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(ContainerStatusVoltageStyled, { children: [
-          /* @__PURE__ */ jsxs(StatusContainerStyled, { className: INDICATOR_BATTERY_CLASSES.statusContainer, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: getLabel(INDICATOR_BATTERY_DICTIONARY.status) }),
-            /* @__PURE__ */ jsx(Chip, { label, color, variant: "contained", skeletonWidth: "70px" })
+        /* @__PURE__ */ a(M, { children: [
+          /* @__PURE__ */ a(g, { className: s.statusContainer, children: [
+            /* @__PURE__ */ t(r, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: i(n.status) }),
+            /* @__PURE__ */ t(C, { label: y, color: d, variant: "contained", skeletonWidth: "70px" })
           ] }),
-          /* @__PURE__ */ jsxs(VoltageContainerStyled, { className: INDICATOR_BATTERY_CLASSES.voltageContainer, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: getLabel(INDICATOR_BATTERY_DICTIONARY.voltage) }),
-            /* @__PURE__ */ jsx(Typography, { variant: "bodyDens", fontFamily: "Inter", color: "text.primary", skeletonWidth: "20px", children: value })
+          /* @__PURE__ */ a(f, { className: s.voltageContainer, children: [
+            /* @__PURE__ */ t(r, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: i(n.voltage) }),
+            /* @__PURE__ */ t(r, { variant: "bodyDens", fontFamily: "Inter", color: "text.primary", skeletonWidth: "20px", children: o })
           ] })
         ] })
       ] })
@@ -98,5 +88,5 @@ const IndicatorBattery = (props) => {
   );
 };
 export {
-  IndicatorBattery as I
+  at as IndicatorBattery
 };

package/components/indicators/IndicatorBattery/IndicatorBattery.styles.d.ts

@@ -1,2 +1,3 @@
 import { IndicatorBatteryStyles } from './types';
 export declare const indicatorBatteryStyles: IndicatorBatteryStyles;
+//# sourceMappingURL=IndicatorBattery.styles.d.ts.map

package/components/indicators/IndicatorBattery/IndicatorBattery.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorBattery.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorBattery/IndicatorBattery.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,sBAAsB,EAAE,sBAmHpC,CAAC"}

package/components/indicators/IndicatorBattery/IndicatorBattery.styles.js

@@ -1,14 +1,14 @@
-import { I as INDICATOR_BATTERY_CLASSES } from "./constants.js";
-const indicatorBatteryStyles = {
+import { INDICATOR_BATTERY_CLASSES as a } from "./constants.js";
+const n = {
   /**
    * Contenedor del indicador de batería
    */
-  root: ({ theme }) => ({
+  root: ({ theme: e }) => ({
     // width: 'fit-content',
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings.sp2,
-    backgroundColor: theme.vars.palette?.background.base
+    gap: e.vars.size.baseSpacings.sp2,
+    backgroundColor: e.vars.palette?.background.base
   }),
   /**
    * Título del indicador de batería
@@ -21,90 +21,90 @@ const indicatorBatteryStyles = {
   /**
    * Contenedor del gauge y los datos de la batería
    */
-  content: ({ theme, ownerState }) => ({
+  content: ({ theme: e, ownerState: t }) => ({
     display: "flex",
-    gap: theme.vars.size.baseSpacings.sp5,
+    gap: e.vars.size.baseSpacings.sp5,
     "& .M4LIcon-icon": {
-      backgroundColor: theme.vars.palette.chips[ownerState?.color ?? "default"].outlined.colorTone
+      backgroundColor: e.vars.palette.chips[t?.color ?? "default"].outlined.colorTone
     },
     "&&& .circular-progress-circle": {
-      stroke: `${theme.vars.palette.chips[ownerState?.color ?? "default"].outlined.colorTone}!important`
+      stroke: `${e.vars.palette.chips[t?.color ?? "default"].outlined.colorTone}!important`
     }
   }),
   /**
    * Contenedor del estado de la batería y el voltaje
    */
-  voltageStatusContainer: ({ theme }) => ({
+  voltageStatusContainer: ({ theme: e }) => ({
     display: "flex",
     flexDirection: "column",
     alignItems: "flex-start",
     justifyContent: "center",
-    gap: theme.vars.size.baseSpacings.sp4
+    gap: e.vars.size.baseSpacings.sp4
   }),
   /**
    * Contenedor del estado de la batería
    */
-  statusContainer: ({ theme }) => ({
+  statusContainer: ({ theme: e }) => ({
     width: "100%",
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
-    gap: theme.vars.size.baseSpacings.sp4
+    gap: e.vars.size.baseSpacings.sp4
   }),
   /**
    * Contenedor del voltaje
    */
-  voltageContainer: ({ theme }) => ({
+  voltageContainer: ({ theme: e }) => ({
     width: "100%",
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
-    gap: theme.vars.size.baseSpacings.sp4
+    gap: e.vars.size.baseSpacings.sp4
   }),
   /**
    * Contenedor del título de la batería y el porcentaje
    */
-  containerTitleBatteryPorcentage: ({ theme, ownerState }) => ({
+  containerTitleBatteryPorcentage: ({ theme: e, ownerState: t }) => ({
     width: "100%",
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
-    gap: theme.vars.size.baseSpacings.sp4,
+    gap: e.vars.size.baseSpacings.sp4,
     "& .M4LIcon-icon": {
-      backgroundColor: theme.vars.palette.chips[ownerState?.color ?? "default"].outlined.colorTone
+      backgroundColor: e.vars.palette.chips[t?.color ?? "default"].outlined.colorTone
     }
   }),
   /**
    * Contenedor del estado de la batería y el voltaje
    */
-  containerStatusVoltage: ({ theme }) => ({
+  containerStatusVoltage: ({ theme: e }) => ({
     width: "100%",
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
-    gap: theme.vars.size.baseSpacings.sp5,
-    [`& .${INDICATOR_BATTERY_CLASSES.statusContainer}`]: {
+    gap: e.vars.size.baseSpacings.sp5,
+    [`& .${a.statusContainer}`]: {
       flexDirection: "column",
       alignItems: "flex-start",
-      gap: theme.vars.size.baseSpacings["sp0-5"]
+      gap: e.vars.size.baseSpacings["sp0-5"]
     },
-    [`& .${INDICATOR_BATTERY_CLASSES.voltageContainer}`]: {
+    [`& .${a.voltageContainer}`]: {
       flexDirection: "column",
       alignItems: "flex-end",
-      gap: theme.vars.size.baseSpacings["sp0-5"]
+      gap: e.vars.size.baseSpacings["sp0-5"]
     }
   }),
   /**
    * Contenedor del icono de la batería
    */
-  containerIconPercentage: ({ theme }) => ({
+  containerIconPercentage: ({ theme: e }) => ({
     width: "fit-content",
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
-    gap: theme.vars.size.baseSpacings.sp1
+    gap: e.vars.size.baseSpacings.sp1
   })
 };
 export {
-  indicatorBatteryStyles as i
+  n as indicatorBatteryStyles
 };

package/components/indicators/IndicatorBattery/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const INDICATOR_BATTERY_KEY_COMPONENT = "M4LIndicatorBattery";
-export declare const INDICATOR_BATTERY_CLASSES: Record<"title" | "content" | "root" | "voltageStatusContainer" | "statusContainer" | "voltageContainer" | "containerTitleBatteryPorcentage" | "containerStatusVoltage" | "containerIconPercentage", string>;
+export declare const INDICATOR_BATTERY_CLASSES: Record<"root" | "title" | "content" | "voltageStatusContainer" | "statusContainer" | "voltageContainer" | "containerTitleBatteryPorcentage" | "containerStatusVoltage" | "containerIconPercentage", string>;
+//# sourceMappingURL=constants.d.ts.map

package/components/indicators/IndicatorBattery/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorBattery/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,+BAA+B,wBAAwB,CAAC;AAErE,eAAO,MAAM,yBAAyB,6MAA8E,CAAC"}

package/components/indicators/IndicatorBattery/constants.js

@@ -1,8 +1,7 @@
-import { getComponentClasses } from "@m4l/components";
-import { I as IndicatorBatterySlots } from "./slots/IndicatorBatteryEnum.js";
-const INDICATOR_BATTERY_KEY_COMPONENT = "M4LIndicatorBattery";
-const INDICATOR_BATTERY_CLASSES = getComponentClasses(INDICATOR_BATTERY_KEY_COMPONENT, IndicatorBatterySlots);
+import { getComponentClasses as t } from "@m4l/components";
+import { IndicatorBatterySlots as o } from "./slots/IndicatorBatteryEnum.js";
+const r = "M4LIndicatorBattery", n = t(r, o);
 export {
-  INDICATOR_BATTERY_CLASSES as I,
-  INDICATOR_BATTERY_KEY_COMPONENT as a
+  n as INDICATOR_BATTERY_CLASSES,
+  r as INDICATOR_BATTERY_KEY_COMPONENT
 };

package/components/indicators/IndicatorBattery/dictionary.d.ts

@@ -12,3 +12,4 @@ export declare const INDICATOR_BATTERY_DICTIONARY: {
     statusNotDetectable: string;
     statusOverVoltage: string;
 };
+//# sourceMappingURL=dictionary.d.ts.map

package/components/indicators/IndicatorBattery/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorBattery/dictionary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gCAAgC,sBAAsB,CAAC;AAEpE,eAAO,MAAM,uCAAuC,gBAEnD,CAAC;AAGF,eAAO,MAAM,4BAA4B;;;;;;;;;;;CAWxC,CAAC"}

package/components/indicators/IndicatorBattery/dictionary.js

@@ -1,20 +1,17 @@
-const INDICATOR_BATTERY_DICTIONARY_KEY = "indicator_battery";
-const getIndicatorBatteryComponentsDictionary = () => {
-  return [INDICATOR_BATTERY_DICTIONARY_KEY];
-};
-const INDICATOR_BATTERY_DICTIONARY = {
-  titleMain: `${INDICATOR_BATTERY_DICTIONARY_KEY}.title_main`,
-  titleBackup: `${INDICATOR_BATTERY_DICTIONARY_KEY}.title_backup`,
-  status: `${INDICATOR_BATTERY_DICTIONARY_KEY}.label_status`,
-  voltage: `${INDICATOR_BATTERY_DICTIONARY_KEY}.label_voltage`,
-  statusWeak: `${INDICATOR_BATTERY_DICTIONARY_KEY}.label_status_weak`,
-  statusAcceptable: `${INDICATOR_BATTERY_DICTIONARY_KEY}.label_status_acceptable`,
-  statusGood: `${INDICATOR_BATTERY_DICTIONARY_KEY}.label_status_good`,
-  statusExcellent: `${INDICATOR_BATTERY_DICTIONARY_KEY}.label_status_excellent`,
-  statusNotDetectable: `${INDICATOR_BATTERY_DICTIONARY_KEY}.label_status_not_detectable`,
-  statusOverVoltage: `${INDICATOR_BATTERY_DICTIONARY_KEY}.label_status_over_voltage`
+const t = "indicator_battery", a = () => [t], e = {
+  titleMain: `${t}.title_main`,
+  titleBackup: `${t}.title_backup`,
+  status: `${t}.label_status`,
+  voltage: `${t}.label_voltage`,
+  statusWeak: `${t}.label_status_weak`,
+  statusAcceptable: `${t}.label_status_acceptable`,
+  statusGood: `${t}.label_status_good`,
+  statusExcellent: `${t}.label_status_excellent`,
+  statusNotDetectable: `${t}.label_status_not_detectable`,
+  statusOverVoltage: `${t}.label_status_over_voltage`
 };
 export {
-  INDICATOR_BATTERY_DICTIONARY as I,
-  getIndicatorBatteryComponentsDictionary as g
+  e as INDICATOR_BATTERY_DICTIONARY,
+  t as INDICATOR_BATTERY_DICTIONARY_KEY,
+  a as getIndicatorBatteryComponentsDictionary
 };

package/components/indicators/IndicatorBattery/hooks/useBatteryStatus/constants.d.ts

@@ -7,3 +7,4 @@ export declare const BATTERY_THRESHOLDS: Record<string, {
     maxVoltage: number;
     thresholds: Omit<BatteryThreshold, 'maxVoltage'>[];
 }>;
+//# sourceMappingURL=constants.d.ts.map

package/components/indicators/IndicatorBattery/hooks/useBatteryStatus/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/gclick/src/components/indicators/IndicatorBattery/hooks/useBatteryStatus/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9C,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAE,CAAC;CACpD,CA+BA,CAAC"}

package/components/indicators/IndicatorBattery/hooks/useBatteryStatus/constants.js

@@ -1,5 +1,5 @@
-const BATTERY_THRESHOLDS = {
-  "24": {
+const a = {
+  24: {
     maxVoltage: 27.9,
     thresholds: [
       { min: 25.2, max: 27.9, label: "statusExcellent", color: "persianGreen" },
@@ -9,7 +9,7 @@ const BATTERY_THRESHOLDS = {
       /* { min: 28.0, max: 29.0, label: 'statusOverVoltage', color: 'candy' }, */
     ]
   },
-  "12": {
+  12: {
     maxVoltage: 13.9,
     thresholds: [
       { min: 12.6, max: 13.9, label: "statusExcellent", color: "persianGreen" },
@@ -31,5 +31,5 @@ const BATTERY_THRESHOLDS = {
   }
 };
 export {
-  BATTERY_THRESHOLDS as B
+  a as BATTERY_THRESHOLDS
 };

package/components/indicators/IndicatorBattery/hooks/useBatteryStatus/types.d.ts

@@ -36,3 +36,4 @@ export type UseBatteryStatusReturn = {
     color: ChipColorOptions;
     maxVoltage: number;
 };
+//# sourceMappingURL=types.d.ts.map