@mtdt/observeops-ds-elements 0.1.159 → 0.1.161

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1940,7 +1940,8 @@
1940
1940
  }
1941
1941
  ],
1942
1942
  "events": [
1943
- "action"
1943
+ "action",
1944
+ "user"
1944
1945
  ],
1945
1946
  "slots": [
1946
1947
  "brand",
@@ -10856,7 +10856,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
10856
10856
  ], 2);
10857
10857
  };
10858
10858
  }
10859
- }, tr = /* @__PURE__ */ P1(er, [["styles", [Fa]]]), lr = ":host([hidden]){display:none!important}:host{display:inline-block;position:relative;flex:0 0 auto;width:65px;height:100%;z-index:40}.sb{position:absolute;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;width:65px;height:100%;min-height:var(--sidebar-min-height, 620px);padding-top:4px;background:var(--nav-panel-bg, #f6f9fc);color:var(--nav-text-color, #1d2a3e);box-shadow:2px 0 8px var(--nav-shadow-color, rgba(70, 70, 70, .08));transition:width .15s;overflow:hidden}.sb.expanded{width:170px}.logo{position:relative;z-index:1;display:flex;align-items:center;height:53px;margin:0 8px 8px;padding-left:13px;gap:10px;text-decoration:none;color:inherit;white-space:nowrap;flex-shrink:0}.sb:not(.expanded) .logo{justify-content:center;padding-left:0}.mark{display:inline-flex;align-items:center;flex-shrink:0}.mark .mk{width:26px;height:26px;display:block}.mark ::slotted(img){width:26px;height:26px;display:block}.name{font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e)}.items{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0}.item{display:flex;align-items:center;height:40px;margin:0 8px 8px;padding-left:17px;gap:14px;border-radius:6px;text-decoration:none;white-space:nowrap;color:var(--nav-text-color, #1d2a3e);flex-shrink:0;cursor:pointer}.sb:not(.expanded) .item{justify-content:center;padding-left:0;gap:0}.item:hover:not(.active){background:var(--nav-hover-bg, #ecf1f9)}.item.active{background:var(--primary-alt, #1d2a3e);color:var(--nav-selected-text-color, #f6f9fc)}.ic{flex-shrink:0}.lbl{display:inline-flex;align-items:center;font-size:13px;gap:8px}.beta{font-size:9px;padding:2px 7px;border-radius:5px;background:var(--code-tag-background-color, #ecf1f9);color:var(--nav-text-color, #1d2a3e);letter-spacing:.5px}.blobs{position:absolute;z-index:0;right:-48px;bottom:-52px;width:236px;height:236px;pointer-events:none;opacity:.5;filter:blur(7px);background:radial-gradient(circle 88px at 150px 138px,var(--secondary-green, #89c540) 0%,var(--secondary-green, #89c540) 24%,transparent 72%),radial-gradient(circle 54px at 96px 96px,var(--secondary-yellow, #f5bc18) 0%,var(--secondary-orange, #f58518) 52%,transparent 78%)}", cr = { class: "mark" }, sr = { class: "items" }, or = ["aria-current", "onClick"], ar = { class: "lbl" }, rr = {
10859
+ }, tr = /* @__PURE__ */ P1(er, [["styles", [Fa]]]), lr = ":host([hidden]){display:none!important}:host{display:inline-block;position:relative;flex:0 0 auto;width:65px;height:100%;z-index:40}.sb{position:absolute;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;width:65px;height:100%;min-height:var(--sidebar-min-height, 620px);padding-top:4px;background:var(--nav-panel-bg, #f6f9fc);color:var(--nav-text-color, #1d2a3e);box-shadow:2px 0 8px var(--nav-shadow-color, rgba(70, 70, 70, .08));transition:width .15s;overflow:hidden}.sb.expanded{width:170px}.logo{position:relative;z-index:1;display:flex;align-items:center;height:53px;margin:0 8px 8px;padding-left:13px;gap:10px;text-decoration:none;color:inherit;white-space:nowrap;flex-shrink:0}.sb:not(.expanded) .logo{justify-content:center;padding-left:0}.mark{display:inline-flex;align-items:center;flex-shrink:0}.mark .mk{width:30px;height:30px;display:block}.mark ::slotted(img){width:30px;height:30px;display:block}.name{font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e)}.items{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0}.item{display:flex;align-items:center;height:40px;margin:0 8px 4px;padding-left:17px;gap:14px;border-radius:6px;text-decoration:none;white-space:nowrap;color:var(--nav-text-color, #1d2a3e);flex-shrink:0;cursor:pointer}.sb:not(.expanded) .item{justify-content:center;padding-left:0;gap:0}.item:hover:not(.active){background:var(--nav-hover-bg, #ecf1f9)}.item.active{background:var(--primary-alt, #1d2a3e);color:var(--nav-selected-text-color, #f6f9fc)}.ic{flex-shrink:0}.lbl{display:inline-flex;align-items:center;font-size:13px;gap:8px}.beta{font-size:9px;padding:2px 7px;border-radius:5px;background:var(--code-tag-background-color, #ecf1f9);color:var(--nav-text-color, #1d2a3e);letter-spacing:.5px}.blobs{position:absolute;z-index:0;right:-48px;bottom:-52px;width:236px;height:236px;pointer-events:none;opacity:.5;filter:blur(7px);background:radial-gradient(circle 88px at 150px 138px,var(--secondary-green, #89c540) 0%,var(--secondary-green, #89c540) 24%,transparent 72%),radial-gradient(circle 54px at 96px 96px,var(--secondary-yellow, #f5bc18) 0%,var(--secondary-orange, #f58518) 52%,transparent 78%)}", cr = { class: "mark" }, sr = { class: "items" }, or = ["aria-current", "onClick"], ar = { class: "lbl" }, rr = {
10860
10860
  key: 0,
10861
10861
  class: "beta"
10862
10862
  }, nr = {
@@ -10897,7 +10897,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
10897
10897
  F1(u.$slots, "logo", {}, () => [
10898
10898
  A(v, {
10899
10899
  name: "motadata",
10900
- size: "26",
10900
+ size: "30",
10901
10901
  class: "mk"
10902
10902
  })
10903
10903
  ])
@@ -10916,7 +10916,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
10916
10916
  }, [
10917
10917
  A(C, {
10918
10918
  name: g.icon,
10919
- size: "18",
10919
+ size: "22",
10920
10920
  class: "ic"
10921
10921
  }, null, 8, ["name"]),
10922
10922
  L2(d("span", ar, [
@@ -12078,18 +12078,13 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12078
12078
  ], 2);
12079
12079
  };
12080
12080
  }
12081
- }, Pn = /* @__PURE__ */ P1(Tn, [["styles", [bn]]]), Bn = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.app{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 8px;background:var(--page-background-color, #fff);border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.brand{display:inline-flex;align-items:center;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--primary-alt, #1d2a3e)}.brand ::slotted(img){height:40px;display:block}.brand-mk{display:block}.right{display:flex;align-items:center;gap:4px}.circ{position:relative;width:36px;height:36px;border:0;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;color:var(--neutral-light, #6a7fa0);transition:background .15s,color .15s}.circ:hover{background:var(--neutral-lighter, #e3e8f2)}.circ.active{color:var(--primary, #111c2c)}.badge{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--secondary-red, #ec5b5b);color:var(--white-regular, #fff);font-size:9px;line-height:1}.build{display:inline-flex;align-items:center;height:22px;margin:0 8px;padding:0 8px;border-radius:4px;font-size:11px;background:var(--timerange-background-color, #e3e8f2);color:var(--primary, #111c2c)}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:12px;font-weight:600;cursor:pointer}", En = { class: "app" }, Dn = { class: "brand" }, Rn = { key: 0 }, qn = { class: "right" }, jn = ["aria-label", "title", "onClick"], In = {
12081
+ }, Pn = /* @__PURE__ */ P1(Tn, [["styles", [bn]]]), Bn = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.app{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 8px;background:var(--page-background-color, #fff);border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.brand{display:inline-flex;align-items:center;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--primary-alt, #1d2a3e)}.brand ::slotted(img){height:40px;display:block}.brand-mk{display:block}.right{display:flex;align-items:center;gap:4px}.circ{position:relative;width:36px;height:36px;border:0;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;color:var(--neutral-light, #6a7fa0);transition:background .15s,color .15s}.circ:hover{background:var(--neutral-lighter, #e3e8f2)}.circ.active{color:var(--primary, #111c2c)}.badge{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--secondary-red, #ec5b5b);color:var(--white-regular, #fff);font-size:9px;line-height:1}.build{display:inline-flex;align-items:center;height:22px;margin:0 8px;padding:0 8px;border-radius:4px;font-size:11px;background:var(--timerange-background-color, #e3e8f2);color:var(--primary, #111c2c)}.avatar{width:32px;height:32px;border:0;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:12px;font-weight:600;cursor:pointer}.avatar:focus-visible{outline:2px solid var(--primary-alt, #3279be);outline-offset:2px}", En = { class: "app" }, Dn = { class: "brand" }, Rn = { key: 0 }, qn = { class: "right" }, jn = ["aria-label", "title", "onClick"], In = {
12082
12082
  key: 0,
12083
12083
  class: "badge"
12084
12084
  }, Nn = {
12085
12085
  key: 0,
12086
12086
  class: "build"
12087
12087
  }, Un = {
12088
- key: 0,
12089
- class: "avatar",
12090
- role: "button",
12091
- tabindex: "0"
12092
- }, Fn = {
12093
12088
  __name: "ObsAppHeader.ce",
12094
12089
  props: {
12095
12090
  brand: { type: String, default: "" },
@@ -12101,28 +12096,28 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12101
12096
  user: { type: String, default: "" }
12102
12097
  // user initials for the avatar (or use the `user` slot)
12103
12098
  },
12104
- emits: ["action"],
12099
+ emits: ["action", "user"],
12105
12100
  setup(e, { emit: t }) {
12106
- const l = e, c = t, s = (r, i) => c("action", { icon: r.icon, label: r.label, index: i }), o = x(() => {
12107
- const r = String(l.actions || "").trim();
12108
- if (!r || r[0] !== "[") return [];
12101
+ const l = e, c = t, s = (i, p) => c("action", { icon: i.icon, label: i.label, index: p }), o = () => c("user"), r = x(() => {
12102
+ const i = String(l.actions || "").trim();
12103
+ if (!i || i[0] !== "[") return [];
12109
12104
  try {
12110
- return JSON.parse(r).map((i, p) => ({
12111
- icon: i.icon || "",
12112
- label: i.label || i.icon || `Action ${p + 1}`,
12113
- badge: i.badge === 0 || i.badge ? i.badge : null,
12114
- active: i.active === !0 || i.active === "true"
12105
+ return JSON.parse(i).map((p, u) => ({
12106
+ icon: p.icon || "",
12107
+ label: p.label || p.icon || `Action ${u + 1}`,
12108
+ badge: p.badge === 0 || p.badge ? p.badge : null,
12109
+ active: p.active === !0 || p.active === "true"
12115
12110
  }));
12116
12111
  } catch {
12117
12112
  return [];
12118
12113
  }
12119
12114
  });
12120
- return (r, i) => {
12121
- const p = M1("obs-logo"), u = M1("obs-icon");
12115
+ return (i, p) => {
12116
+ const u = M1("obs-logo"), h = M1("obs-icon");
12122
12117
  return a(), n("header", En, [
12123
12118
  d("div", Dn, [
12124
- F1(r.$slots, "brand", {}, () => [
12125
- e.brand ? (a(), n("span", Rn, H(e.brand), 1)) : (a(), w1(p, {
12119
+ F1(i.$slots, "brand", {}, () => [
12120
+ e.brand ? (a(), n("span", Rn, H(e.brand), 1)) : (a(), w1(u, {
12126
12121
  key: 1,
12127
12122
  name: "motadata_full",
12128
12123
  size: "36",
@@ -12132,36 +12127,42 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12132
12127
  ])
12133
12128
  ]),
12134
12129
  d("div", qn, [
12135
- (a(!0), n($, null, f1(o.value, (h, v) => (a(), n("button", {
12136
- key: v,
12137
- class: j(["circ", { active: h.active }]),
12130
+ (a(!0), n($, null, f1(r.value, (v, C) => (a(), n("button", {
12131
+ key: C,
12132
+ class: j(["circ", { active: v.active }]),
12138
12133
  type: "button",
12139
- "aria-label": h.label,
12140
- title: h.label,
12141
- onClick: (C) => s(h, v)
12134
+ "aria-label": v.label,
12135
+ title: v.label,
12136
+ onClick: (g) => s(v, C)
12142
12137
  }, [
12143
- A(u, {
12144
- name: h.icon,
12138
+ A(h, {
12139
+ name: v.icon,
12145
12140
  size: "18"
12146
12141
  }, null, 8, ["name"]),
12147
- h.badge !== null ? (a(), n("span", In, H(h.badge), 1)) : Z("", !0)
12142
+ v.badge !== null ? (a(), n("span", In, H(v.badge), 1)) : Z("", !0)
12148
12143
  ], 10, jn))), 128)),
12149
- F1(r.$slots, "default"),
12144
+ F1(i.$slots, "default"),
12150
12145
  e.build ? (a(), n("span", Nn, "BUILD : " + H(e.build), 1)) : Z("", !0),
12151
- F1(r.$slots, "user", {}, () => [
12152
- e.user ? (a(), n("span", Un, H(e.user), 1)) : Z("", !0)
12146
+ F1(i.$slots, "user", {}, () => [
12147
+ e.user ? (a(), n("button", {
12148
+ key: 0,
12149
+ type: "button",
12150
+ class: "avatar",
12151
+ "aria-label": "Account menu",
12152
+ onClick: o
12153
+ }, H(e.user), 1)) : Z("", !0)
12153
12154
  ])
12154
12155
  ])
12155
12156
  ]);
12156
12157
  };
12157
12158
  }
12158
- }, Gn = /* @__PURE__ */ P1(Fn, [["styles", [Bn]]]), Wn = ":host([hidden]){display:none!important}:host{display:block}.tb{display:flex;align-items:center;color:var(--page-text-color, #1d2a3e);font-size:var(--text-sm, .8rem)}.tb.v-grid,.tb.v-widget{justify-content:space-between}.tb-lead{display:flex;align-items:center;gap:8px;min-width:0}.tb-main{display:flex;align-items:center;gap:8px;flex:0 0 auto}.tb.v-bulk{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));background:var(--page-background-color, #fff)}.tb-sel{display:inline-flex;align-items:center;gap:6px;margin-right:16px}.tb-chk{display:inline-flex}.tb-count{font-size:13px;font-weight:500;white-space:nowrap;color:var(--neutral-light, #6a7fa0)}.tb.v-widget{padding:0 8px;border:1px solid var(--border-color, #e3e8f2);border-bottom:none;border-radius:6px 6px 0 0;background:var(--common-widget-bg, #fff)}.tb-title{font-size:14px;font-weight:500;padding:8px 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}", Kn = ["role"], Jn = {
12159
+ }, Fn = /* @__PURE__ */ P1(Un, [["styles", [Bn]]]), Gn = ":host([hidden]){display:none!important}:host{display:block}.tb{display:flex;align-items:center;color:var(--page-text-color, #1d2a3e);font-size:var(--text-sm, .8rem)}.tb.v-grid,.tb.v-widget{justify-content:space-between}.tb-lead{display:flex;align-items:center;gap:8px;min-width:0}.tb-main{display:flex;align-items:center;gap:8px;flex:0 0 auto}.tb.v-bulk{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));background:var(--page-background-color, #fff)}.tb-sel{display:inline-flex;align-items:center;gap:6px;margin-right:16px}.tb-chk{display:inline-flex}.tb-count{font-size:13px;font-weight:500;white-space:nowrap;color:var(--neutral-light, #6a7fa0)}.tb.v-widget{padding:0 8px;border:1px solid var(--border-color, #e3e8f2);border-bottom:none;border-radius:6px 6px 0 0;background:var(--common-widget-bg, #fff)}.tb-title{font-size:14px;font-weight:500;padding:8px 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}", Wn = ["role"], Kn = {
12159
12160
  key: 0,
12160
12161
  class: "tb-sel"
12161
- }, Yn = { class: "tb-count" }, Qn = { class: "tb-lead" }, Xn = {
12162
+ }, Jn = { class: "tb-count" }, Yn = { class: "tb-lead" }, Qn = {
12162
12163
  key: 0,
12163
12164
  class: "tb-title"
12164
- }, ei = { class: "tb-main" }, ti = {
12165
+ }, Xn = { class: "tb-main" }, ei = {
12165
12166
  __name: "ObsToolbar.ce",
12166
12167
  props: {
12167
12168
  variant: { type: String, default: "" },
@@ -12183,38 +12184,38 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12183
12184
  role: e.variant === "bulk" ? "toolbar" : null
12184
12185
  }, [
12185
12186
  e.variant === "bulk" ? (a(), n($, { key: 0 }, [
12186
- e.count !== null && e.count !== "" ? (a(), n("span", Jn, [
12187
+ e.count !== null && e.count !== "" ? (a(), n("span", Kn, [
12187
12188
  A(p, {
12188
12189
  checked: "",
12189
12190
  class: "tb-chk",
12190
12191
  onChange: o
12191
12192
  }),
12192
- d("span", Yn, H(s.value), 1)
12193
+ d("span", Jn, H(s.value), 1)
12193
12194
  ])) : Z("", !0),
12194
12195
  F1(r.$slots, "default")
12195
12196
  ], 64)) : (a(), n($, { key: 1 }, [
12196
- d("div", Qn, [
12197
- e.variant === "widget" && e.title ? (a(), n("span", Xn, H(e.title), 1)) : Z("", !0),
12197
+ d("div", Yn, [
12198
+ e.variant === "widget" && e.title ? (a(), n("span", Qn, H(e.title), 1)) : Z("", !0),
12198
12199
  F1(r.$slots, "start")
12199
12200
  ]),
12200
- d("div", ei, [
12201
+ d("div", Xn, [
12201
12202
  F1(r.$slots, "default")
12202
12203
  ])
12203
12204
  ], 64))
12204
- ], 10, Kn);
12205
+ ], 10, Wn);
12205
12206
  };
12206
12207
  }
12207
- }, li = /* @__PURE__ */ P1(ti, [["styles", [Wn]]]), ci = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.mp{display:flex;flex-direction:column;min-height:0;box-sizing:border-box;border:1px solid var(--border-color, #e3e8f2);border-radius:8px;padding:1px 8px 8px 12px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);font-size:.82rem}.mp.embedded{padding-top:0}.mp.embedded .mp-tabs{margin-top:0}.mp-mtabs{display:block;margin-bottom:12px}.mp-monitor{display:flex;flex-direction:column;gap:6px;padding-right:4px}.mp-label{font-size:var(--text-sm, .8rem);font-weight:400;line-height:1.5;color:var(--text-color-common-secondary, #7186a8)}.mp-gs{display:block}.mp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 0;color:var(--neutral-light, #6a7fa0);text-align:center}.mp-empty p{margin:0}.mp-tabs{display:block;margin:10px 4px 6px 0}.mp-search{display:block;margin:10px 4px 8px 0}.mp-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;max-height:340px;padding-right:2px}.mp-row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;height:36px;padding:0 6px 0 2px;border-radius:6px;background:none;color:var(--page-text-color, #1d2a3e)}.mp-row.grab{cursor:grab}.mp-row.grab:active{cursor:grabbing}.mp-row:hover{background:var(--neutral-lightest, #f4f6fb)}.mp-add{display:inline-flex;flex:none;border:0;padding:0;background:none;color:var(--neutral-light, #6a7fa0);cursor:pointer}.mp-add:hover{color:var(--primary, #111c2c)}.mp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--neutral-regular, #4a5b78)}.mp-drag{display:inline-flex;flex:none;color:var(--neutral-light, #6a7fa0);cursor:grab}.mp-nomatch{padding:16px 8px;color:var(--neutral-light, #6a7fa0);text-align:center}", si = { class: "mp-monitor" }, oi = {
12208
+ }, ti = /* @__PURE__ */ P1(ei, [["styles", [Gn]]]), li = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.mp{display:flex;flex-direction:column;min-height:0;box-sizing:border-box;border:1px solid var(--border-color, #e3e8f2);border-radius:8px;padding:1px 8px 8px 12px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);font-size:.82rem}.mp.embedded{padding-top:0}.mp.embedded .mp-tabs{margin-top:0}.mp-mtabs{display:block;margin-bottom:12px}.mp-monitor{display:flex;flex-direction:column;gap:6px;padding-right:4px}.mp-label{font-size:var(--text-sm, .8rem);font-weight:400;line-height:1.5;color:var(--text-color-common-secondary, #7186a8)}.mp-gs{display:block}.mp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 0;color:var(--neutral-light, #6a7fa0);text-align:center}.mp-empty p{margin:0}.mp-tabs{display:block;margin:10px 4px 6px 0}.mp-search{display:block;margin:10px 4px 8px 0}.mp-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;max-height:340px;padding-right:2px}.mp-row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;height:36px;padding:0 6px 0 2px;border-radius:6px;background:none;color:var(--page-text-color, #1d2a3e)}.mp-row.grab{cursor:grab}.mp-row.grab:active{cursor:grabbing}.mp-row:hover{background:var(--neutral-lightest, #f4f6fb)}.mp-add{display:inline-flex;flex:none;border:0;padding:0;background:none;color:var(--neutral-light, #6a7fa0);cursor:pointer}.mp-add:hover{color:var(--primary, #111c2c)}.mp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--neutral-regular, #4a5b78)}.mp-drag{display:inline-flex;flex:none;color:var(--neutral-light, #6a7fa0);cursor:grab}.mp-nomatch{padding:16px 8px;color:var(--neutral-light, #6a7fa0);text-align:center}", ci = { class: "mp-monitor" }, si = {
12208
12209
  key: 1,
12209
12210
  class: "mp-empty"
12210
- }, ai = { class: "mp-list" }, ri = ["draggable", "title", "onDragstart", "onDragend"], ni = ["onClick"], ii = { class: "mp-name" }, di = {
12211
+ }, oi = { class: "mp-list" }, ai = ["draggable", "title", "onDragstart", "onDragend"], ri = ["onClick"], ni = { class: "mp-name" }, ii = {
12211
12212
  key: 1,
12212
12213
  class: "mp-drag",
12213
12214
  "aria-hidden": "true"
12214
- }, pi = {
12215
+ }, di = {
12215
12216
  key: 0,
12216
12217
  class: "mp-nomatch"
12217
- }, ui = {
12218
+ }, pi = {
12218
12219
  __name: "ObsMetricPicker.ce",
12219
12220
  props: {
12220
12221
  monitors: { type: [String, Array], default: "" },
@@ -12338,7 +12339,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12338
12339
  onClose: T,
12339
12340
  onAdd: R
12340
12341
  }, null, 8, ["tabs", "value"]),
12341
- d("div", si, [
12342
+ d("div", ci, [
12342
12343
  Z1[0] || (Z1[0] = d("label", { class: "mp-label" }, "Select Monitor", -1)),
12343
12344
  A(N1, {
12344
12345
  class: "mp-gs",
@@ -12351,7 +12352,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12351
12352
  }, null, 8, ["columns", "rows", "value"])
12352
12353
  ])
12353
12354
  ], 64)),
12354
- !k1.value && !O.value ? (a(), n("div", oi, [
12355
+ !k1.value && !O.value ? (a(), n("div", si, [
12355
12356
  A(c2, {
12356
12357
  name: "metricExplorer",
12357
12358
  size: "30"
@@ -12375,7 +12376,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12375
12376
  placeholder: e.placeholder,
12376
12377
  onInput: E
12377
12378
  }, null, 8, ["value", "placeholder"]),
12378
- d("div", ai, [
12379
+ d("div", oi, [
12379
12380
  (a(!0), n($, null, f1(K1.value, (f) => (a(), n("div", {
12380
12381
  key: f.name,
12381
12382
  class: j(["mp-row", { grab: k.value }]),
@@ -12395,25 +12396,25 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12395
12396
  name: "plusCircle",
12396
12397
  size: "16"
12397
12398
  })
12398
- ], 8, ni)) : Z("", !0),
12399
- d("span", ii, H(f.name), 1),
12400
- k.value ? (a(), n("span", di, [
12399
+ ], 8, ri)) : Z("", !0),
12400
+ d("span", ni, H(f.name), 1),
12401
+ k.value ? (a(), n("span", ii, [
12401
12402
  A(c2, {
12402
12403
  name: "dragArrows",
12403
12404
  size: "14"
12404
12405
  })
12405
12406
  ])) : Z("", !0)
12406
- ], 42, ri))), 128)),
12407
- K1.value.length ? Z("", !0) : (a(), n("div", pi, H(h1.value ? `No metrics match “${h1.value}”` : q1.value.size ? "All counters added" : "No metrics"), 1))
12407
+ ], 42, ai))), 128)),
12408
+ K1.value.length ? Z("", !0) : (a(), n("div", di, H(h1.value ? `No metrics match “${h1.value}”` : q1.value.size ? "All counters added" : "No metrics"), 1))
12408
12409
  ])
12409
12410
  ], 64)) : Z("", !0)
12410
12411
  ], 2);
12411
12412
  };
12412
12413
  }
12413
- }, hi = /* @__PURE__ */ P1(ui, [["styles", [ci]]]), vi = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.noc{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e)}.noc.fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.bar{display:flex;align-items:center;padding:.75rem 1rem;background:var(--page-background-color, #fff);border-bottom:1px solid var(--border-color, #e3e8f2)}.side{display:flex;flex:1;align-items:center;min-width:0}.side.right{justify-content:flex-end;gap:8px}.center{display:flex;flex:0 1 auto;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:50%}.logo{max-height:32px;display:block}.title{margin:0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:1rem;font-weight:600;color:var(--primary, #111c2c)}.sq{flex:none}.count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:32px;padding:0 8px;font-weight:600;color:var(--primary, #111c2c);background:var(--neutral-lighter, #e3e8f2);border-radius:4px}.body{flex:1;min-height:0;padding:.5rem;overflow:auto}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:180px;color:var(--neutral-light, #6a7fa0)}.empty p{margin:0}", fi = { class: "bar" }, Ci = { class: "side" }, gi = ["src"], mi = { class: "center" }, bi = ["title"], xi = { class: "side right" }, yi = ["title"], Zi = { class: "body" }, wi = {
12414
+ }, ui = /* @__PURE__ */ P1(pi, [["styles", [li]]]), hi = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.noc{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e)}.noc.fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.bar{display:flex;align-items:center;padding:.75rem 1rem;background:var(--page-background-color, #fff);border-bottom:1px solid var(--border-color, #e3e8f2)}.side{display:flex;flex:1;align-items:center;min-width:0}.side.right{justify-content:flex-end;gap:8px}.center{display:flex;flex:0 1 auto;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:50%}.logo{max-height:32px;display:block}.title{margin:0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:1rem;font-weight:600;color:var(--primary, #111c2c)}.sq{flex:none}.count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:32px;padding:0 8px;font-weight:600;color:var(--primary, #111c2c);background:var(--neutral-lighter, #e3e8f2);border-radius:4px}.body{flex:1;min-height:0;padding:.5rem;overflow:auto}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:180px;color:var(--neutral-light, #6a7fa0)}.empty p{margin:0}", vi = { class: "bar" }, fi = { class: "side" }, Ci = ["src"], gi = { class: "center" }, mi = ["title"], bi = { class: "side right" }, xi = ["title"], yi = { class: "body" }, Zi = {
12414
12415
  key: 0,
12415
12416
  class: "empty"
12416
- }, Mi = {
12417
+ }, wi = {
12417
12418
  __name: "ObsNocPlayer.ce",
12418
12419
  props: {
12419
12420
  dashboards: { type: [String, Array], default: "" },
@@ -12488,18 +12489,18 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12488
12489
  return a(), n("div", {
12489
12490
  class: j(["noc", { fs: h.value }])
12490
12491
  }, [
12491
- d("div", fi, [
12492
- d("div", Ci, [
12492
+ d("div", vi, [
12493
+ d("div", fi, [
12493
12494
  F1(R.$slots, "logo", {}, () => [
12494
12495
  e.logo ? (a(), n("img", {
12495
12496
  key: 0,
12496
12497
  src: e.logo,
12497
12498
  class: "logo",
12498
12499
  alt: "logo"
12499
- }, null, 8, gi)) : Z("", !0)
12500
+ }, null, 8, Ci)) : Z("", !0)
12500
12501
  ])
12501
12502
  ]),
12502
- d("div", mi, [
12503
+ d("div", gi, [
12503
12504
  v.value ? (a(), w1(d1, {
12504
12505
  key: 0,
12505
12506
  class: "sq",
@@ -12520,7 +12521,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12520
12521
  d("h3", {
12521
12522
  class: "title",
12522
12523
  title: C.value
12523
- }, H(C.value), 9, bi),
12524
+ }, H(C.value), 9, mi),
12524
12525
  v.value ? (a(), w1(d1, {
12525
12526
  key: 1,
12526
12527
  class: "sq",
@@ -12539,12 +12540,12 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12539
12540
  _: 1
12540
12541
  })) : Z("", !0)
12541
12542
  ]),
12542
- d("div", xi, [
12543
+ d("div", bi, [
12543
12544
  v.value ? (a(), n("span", {
12544
12545
  key: 0,
12545
12546
  class: "count",
12546
12547
  title: `${p.value}s until next dashboard`
12547
- }, H(p.value), 9, yi)) : Z("", !0),
12548
+ }, H(p.value), 9, xi)) : Z("", !0),
12548
12549
  v.value ? (a(), w1(d1, {
12549
12550
  key: 1,
12550
12551
  class: "sq",
@@ -12580,8 +12581,8 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12580
12581
  })
12581
12582
  ])
12582
12583
  ]),
12583
- d("div", Zi, [
12584
- o.value.length ? F1(R.$slots, "default", { key: 1 }) : (a(), n("div", wi, [
12584
+ d("div", yi, [
12585
+ o.value.length ? F1(R.$slots, "default", { key: 1 }) : (a(), n("div", Zi, [
12585
12586
  A(u1, {
12586
12587
  name: "exclamationTriangle",
12587
12588
  size: "40"
@@ -12592,7 +12593,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12592
12593
  ], 2);
12593
12594
  };
12594
12595
  }
12595
- }, ki = /* @__PURE__ */ P1(Mi, [["styles", [vi]]]), Hi = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.tl{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;height:40px;padding:0 12px;background:var(--timeline-scrollbar-background-color, var(--page-background-color, #fff));border-top:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.side{display:flex;flex:0 1 auto;align-items:center;gap:6px;min-width:0}.time{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--page-text-color, #1d2a3e)}.nav{flex:none}.tl.disabled .nav,.nav:disabled{opacity:.5;cursor:not-allowed}", Vi = { class: "side" }, Li = { class: "time" }, _i = { class: "side end" }, Si = { class: "time" }, zi = {
12596
+ }, Mi = /* @__PURE__ */ P1(wi, [["styles", [hi]]]), ki = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.tl{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;height:40px;padding:0 12px;background:var(--timeline-scrollbar-background-color, var(--page-background-color, #fff));border-top:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.side{display:flex;flex:0 1 auto;align-items:center;gap:6px;min-width:0}.time{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--page-text-color, #1d2a3e)}.nav{flex:none}.tl.disabled .nav,.nav:disabled{opacity:.5;cursor:not-allowed}", Hi = { class: "side" }, Vi = { class: "time" }, Li = { class: "side end" }, _i = { class: "time" }, Si = {
12596
12597
  __name: "ObsTimelineScrollbar.ce",
12597
12598
  props: {
12598
12599
  start: { type: String, default: "" },
@@ -12612,7 +12613,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12612
12613
  return a(), n("div", {
12613
12614
  class: j(["tl", { disabled: o.value }])
12614
12615
  }, [
12615
- d("div", Vi, [
12616
+ d("div", Hi, [
12616
12617
  A(h, {
12617
12618
  class: "nav",
12618
12619
  variant: "neutral-lightest",
@@ -12647,10 +12648,10 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12647
12648
  ]),
12648
12649
  _: 1
12649
12650
  }, 8, ["disabled"]),
12650
- d("span", Li, H(e.start), 1)
12651
+ d("span", Vi, H(e.start), 1)
12651
12652
  ]),
12652
- d("div", _i, [
12653
- d("span", Si, H(e.end), 1),
12653
+ d("div", Li, [
12654
+ d("span", _i, H(e.end), 1),
12654
12655
  A(h, {
12655
12656
  class: "nav",
12656
12657
  variant: "neutral-lightest",
@@ -12689,7 +12690,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12689
12690
  ], 2);
12690
12691
  };
12691
12692
  }
12692
- }, $i = /* @__PURE__ */ P1(zi, [["styles", [Hi]]]), Ai = {
12693
+ }, zi = /* @__PURE__ */ P1(Si, [["styles", [ki]]]), $i = {
12693
12694
  "obs-button": z9,
12694
12695
  "obs-tag": B9,
12695
12696
  "obs-checkbox": N9,
@@ -12732,17 +12733,17 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
12732
12733
  "obs-notification-menu": dn,
12733
12734
  "obs-command-palette": mn,
12734
12735
  "obs-page-header": Pn,
12735
- "obs-app-header": Gn,
12736
- "obs-toolbar": li,
12737
- "obs-metric-picker": hi,
12738
- "obs-noc-player": ki,
12739
- "obs-timeline-scrollbar": $i
12736
+ "obs-app-header": Fn,
12737
+ "obs-toolbar": ti,
12738
+ "obs-metric-picker": ui,
12739
+ "obs-noc-player": Mi,
12740
+ "obs-timeline-scrollbar": zi
12740
12741
  };
12741
- function Oi() {
12742
- for (const [e, t] of Object.entries(Ai))
12742
+ function Ai() {
12743
+ for (const [e, t] of Object.entries($i))
12743
12744
  customElements.get(e) || customElements.define(e, /* @__PURE__ */ g9(t));
12744
12745
  }
12745
- Oi();
12746
+ Ai();
12746
12747
  export {
12747
- Oi as register
12748
+ Ai as register
12748
12749
  };