@mtdt/observeops-ds-elements 0.1.67 → 0.1.68

package/dist/observeops-elements.js

@@ -10222,10 +10222,10 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     };
   }
 }, gr = /* @__PURE__ */ T1(fr, [["styles", [ur]]]), br = "button{font-family:inherit}:host{display:block}.wrap{display:block}.crumb ::slotted(*){display:block;margin-bottom:6px}.ph{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.ph.no-divider{border-bottom-color:transparent}.left{display:flex;align-items:center;gap:10px;min-width:0}.titles{display:flex;flex-direction:column;min-width:0}.ttl-row{display:flex;align-items:center;gap:10px;min-width:0}.subtitle{margin-top:2px;font-size:.75rem;line-height:1.4;color:var(--neutral-theme-color, #6a7fa0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accent{flex:0 0 auto;width:3px;height:16px;border-radius:2px}.meta{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;margin-top:4px;font-size:.75rem;line-height:1.5;color:var(--page-text-color, #1d2a3e)}.meta-item{display:inline-flex;align-items:center}.meta-sep{margin:0 8px;color:var(--neutral-light, #6a7fa0)}.meta-ic{color:var(--neutral-theme-color, #6a7fa0);margin-right:4px;display:inline-flex}.meta-dot{margin-right:4px;display:inline-flex}.meta-label{color:var(--neutral-theme-color, #6a7fa0);margin-right:4px}.meta-value{color:var(--page-text-color, #1d2a3e)}.right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;color:var(--neutral-light, #a5bad0)}.title{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--primary-alt, #1d2a3e);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{display:inline-flex;align-items:center;height:18px;padding:0 4px;border-radius:4px;font-size:.7rem;background:var(--timerange-background-color, #e3e8f2);color:var(--timerange-text-color, #7186a8)}", mr = { class: "wrap" }, xr = { class: "crumb" }, Zr = { class: "left" }, yr = { class: "titles" }, wr = { class: "ttl-row" }, Mr = {
-  key: 1,
+  key: 2,
   class: "title"
 }, kr = {
-  key: 2,
+  key: 3,
   class: "count"
 }, Hr = {
   key: 0,
@@ -10283,24 +10283,24 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           class: N(["ph", { "no-divider": l(e.noDivider) }])
         }, [
           i("div", Zr, [
-            l(e.back) ? (n(), d("button", {
-              key: 0,
-              class: "back",
-              type: "button",
-              "aria-label": "Back",
-              onClick: r
-            }, [
-              q(h, {
-                name: "chevronLeft",
-                size: "16"
-              })
-            ])) : H("", !0),
-            e2(a.$slots, "back"),
             e2(a.$slots, "before"),
             i("div", yr, [
               i("div", wr, [
-                o.value ? (n(), d("span", {
+                l(e.back) ? (n(), d("button", {
                   key: 0,
+                  class: "back",
+                  type: "button",
+                  "aria-label": "Back",
+                  onClick: r
+                }, [
+                  q(h, {
+                    name: "chevronLeft",
+                    size: "16"
+                  })
+                ])) : H("", !0),
+                e2(a.$slots, "back"),
+                o.value ? (n(), d("span", {
+                  key: 1,
                   class: "accent",
                   style: Z1({ background: o.value }),
                   "aria-hidden": "true"