@leavepulse/ui 0.24.0 → 0.25.0

package/dist/chunks/LpUptimeBar-CB366k0O.js

@@ -1,127 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, toDisplayString, createTextVNode, createElementVNode, createCommentVNode, createVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeStyle, normalizeClass } from "vue";
-import { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent } from "reka-ui";
-import { PANEL_SURFACE, TOOLTIP_ANIM } from "../components/dropdown.js";
-const _hoisted_1 = { class: "flex flex-col gap-1.5" };
-const _hoisted_2 = {
-  key: 0,
-  class: "flex items-baseline justify-between gap-3 text-xs"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "font-medium text-ink"
-};
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = {
-  key: 2,
-  class: "tabular-nums text-muted-strong"
-};
-const _hoisted_6 = { class: "flex h-7 items-stretch gap-0.5" };
-const _hoisted_7 = ["aria-label"];
-const _hoisted_8 = { class: "flex items-center gap-1.5" };
-const _hoisted_9 = {
-  key: 1,
-  class: "flex items-center justify-between text-xs text-muted"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LpUptimeBar",
-  props: {
-    segments: {},
-    startLabel: {},
-    endLabel: {},
-    showUptime: { type: Boolean, default: true },
-    title: {},
-    colors: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const defaultColor = {
-      operational: "var(--color-brand)",
-      degraded: "var(--color-accent)",
-      down: "var(--color-danger)",
-      maintenance: "var(--color-action)",
-      empty: "var(--color-surface-soft)"
-    };
-    const colorFor = (status) => props.colors?.[status] ?? defaultColor[status];
-    const statusLabel = {
-      operational: "Operational",
-      degraded: "Degraded",
-      down: "Down",
-      maintenance: "Maintenance",
-      empty: "No data"
-    };
-    const uptimePct = computed(() => {
-      const tracked = props.segments.filter((s) => s.status !== "empty");
-      if (!tracked.length) return null;
-      const up = tracked.filter((s) => s.status === "operational" || s.status === "maintenance").length;
-      return up / tracked.length * 100;
-    });
-    const uptimeText = computed(() => {
-      const v = uptimePct.value;
-      if (v == null) return "—";
-      return `${Number(v.toFixed(2))}%`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.showUptime || __props.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          __props.title ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.title), 1)) : (openBlock(), createElementBlock("span", _hoisted_4)),
-          __props.showUptime ? (openBlock(), createElementBlock("span", _hoisted_5, [
-            createTextVNode(toDisplayString(uptimeText.value), 1),
-            _cache[0] || (_cache[0] = createElementVNode("span", { class: "text-muted" }, " uptime", -1))
-          ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        createVNode(unref(TooltipProvider), { "delay-duration": 120 }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_6, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.segments, (seg, i) => {
-                return openBlock(), createBlock(unref(TooltipRoot), { key: i }, {
-                  default: withCtx(() => [
-                    createVNode(unref(TooltipTrigger), { "as-child": "" }, {
-                      default: withCtx(() => [
-                        createElementVNode("button", {
-                          type: "button",
-                          class: normalizeClass(["min-w-0 flex-1 rounded-xs outline-none transition-[scale,opacity] duration-150 hover:scale-y-110 focus-visible:ring-2 focus-visible:ring-ring", seg.status === "empty" ? "opacity-50" : ""]),
-                          style: normalizeStyle({ backgroundColor: colorFor(seg.status) }),
-                          "aria-label": seg.label ?? statusLabel[seg.status]
-                        }, null, 14, _hoisted_7)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    createVNode(unref(TooltipPortal), null, {
-                      default: withCtx(() => [
-                        createVNode(unref(TooltipContent), {
-                          "side-offset": 6,
-                          class: normalizeClass([unref(PANEL_SURFACE), unref(TOOLTIP_ANIM), "z-(--z-tooltip) px-2.5 py-1.5 text-xs text-ink"])
-                        }, {
-                          default: withCtx(() => [
-                            createElementVNode("span", _hoisted_8, [
-                              createElementVNode("span", {
-                                class: "size-1.5 shrink-0 rounded-full",
-                                style: normalizeStyle({ backgroundColor: colorFor(seg.status) })
-                              }, null, 4),
-                              createTextVNode(" " + toDisplayString(seg.label ?? statusLabel[seg.status]), 1)
-                            ])
-                          ]),
-                          _: 2
-                        }, 1032, ["class"])
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]),
-                  _: 2
-                }, 1024);
-              }), 128))
-            ])
-          ]),
-          _: 1
-        }),
-        __props.startLabel || __props.endLabel ? (openBlock(), createElementBlock("div", _hoisted_9, [
-          createElementVNode("span", null, toDisplayString(__props.startLabel), 1),
-          createElementVNode("span", null, toDisplayString(__props.endLabel), 1)
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};