@pb33f/cowboy-components 0.12.0 → 0.12.1

package/dist/{_basePickBy-DutEHqAt.js → _basePickBy-CHhH8kjm.js}

@@ -1,5 +1,5 @@
-import { e as x, c as O, g as m, k as P, h as p, j as w, l as A, m as c, n as I, t as N, o as E } from "./_baseUniq-BaFN6LLe.js";
-import { aR as g, aA as F, aS as M, aT as T, aU as _, aV as l, aW as $, aX as B, aY as S, aZ as y } from "./cowboy-components-B-_nREEs.js";
+import { e as x, c as O, g as m, k as P, h as p, j as w, l as A, m as c, n as I, t as N, o as E } from "./_baseUniq-CqLfUP_m.js";
+import { aR as g, aA as F, aS as M, aT as T, aU as _, aV as l, aW as $, aX as B, aY as S, aZ as y } from "./cowboy-components-Bg77T9d-.js";
 var R = /\s/;
 function G(n) {
   for (var r = n.length; r-- && R.test(n.charAt(r)); )

package/dist/{_baseUniq-BaFN6LLe.js → _baseUniq-CqLfUP_m.js}

@@ -1,4 +1,4 @@
-import { be as S, bf as Rn, aW as T, bg as w, bh as xn, bi as mn, aV as sn, bj as Mn, bk as un, bl as x, aT as U, bm as Cn, bn as on, bo as Fn, bp as E, bc as gn, bq as R, aR as ln, br as Dn, bs as D, bt as Gn, bu as Un, bv as _, aZ as Bn, bw as Nn, aU as Kn, bx as X, by as jn, bz as Hn, aY as qn, aX as cn, ba as Yn, bA as M } from "./cowboy-components-B-_nREEs.js";
+import { be as S, bf as Rn, aW as T, bg as w, bh as xn, bi as mn, aV as sn, bj as Mn, bk as un, bl as x, aT as U, bm as Cn, bn as on, bo as Fn, bp as E, bc as gn, bq as R, aR as ln, br as Dn, bs as D, bt as Gn, bu as Un, bv as _, aZ as Bn, bw as Nn, aU as Kn, bx as X, by as jn, bz as Hn, aY as qn, aX as cn, ba as Yn, bA as M } from "./cowboy-components-Bg77T9d-.js";
 var Zn = "[object Symbol]";
 function B(n) {
   return typeof n == "symbol" || S(n) && Rn(n) == Zn;

package/dist/{arc-C_BQqdHh.js → arc-Bc0dbGi3.js}

@@ -1,4 +1,4 @@
-import { a0 as ln, a1 as an, a2 as y, a3 as tn, a4 as H, a5 as q, a6 as _, a7 as un, a8 as B, a9 as rn, aa as L, ab as o, ac as sn, ad as on, ae as fn } from "./cowboy-components-B-_nREEs.js";
+import { a0 as ln, a1 as an, a2 as y, a3 as tn, a4 as H, a5 as q, a6 as _, a7 as un, a8 as B, a9 as rn, aa as L, ab as o, ac as sn, ad as on, ae as fn } from "./cowboy-components-Bg77T9d-.js";
 function cn(l) {
   return l.innerRadius;
 }

package/dist/{architecture-U656AL7Q-DBJtTFqh.js → architecture-U656AL7Q-B1Af1iSx.js}

@@ -1,4 +1,4 @@
-import { A as c, e as t } from "./mermaid-parser.core-DVD4vgd2.js";
+import { A as c, e as t } from "./mermaid-parser.core-CyYIBqRM.js";
 export {
   c as ArchitectureModule,
   t as createArchitectureServices

package/dist/{architectureDiagram-VXUJARFQ-Duxne8BG.js → architectureDiagram-VXUJARFQ-CJl5OVfp.js}

@@ -1,6 +1,6 @@
-import { aI as ke, _ as dt, H as Ze, V as qe, l as Se, b as Qe, a as Je, p as Ke, q as je, g as _e, s as tr, y as er, D as rr, E as ir, F as ar, c as Ee, ak as me, aJ as pe, i as nr, d as or, x as sr, aK as hr, aL as lr } from "./cowboy-components-B-_nREEs.js";
-import { p as fr } from "./chunk-4BX2VUAB-rO4gQTSn.js";
-import { p as cr } from "./mermaid-parser.core-DVD4vgd2.js";
+import { aI as ke, _ as dt, H as Ze, V as qe, l as Se, b as Qe, a as Je, p as Ke, q as je, g as _e, s as tr, y as er, D as rr, E as ir, F as ar, c as Ee, ak as me, aJ as pe, i as nr, d as or, x as sr, aK as hr, aL as lr } from "./cowboy-components-Bg77T9d-.js";
+import { p as fr } from "./chunk-4BX2VUAB-C0WUXJTj.js";
+import { p as cr } from "./mermaid-parser.core-CyYIBqRM.js";
 import { c as Fe } from "./cytoscape.esm-DfdJODL8.js";
 var he = { exports: {} }, le = { exports: {} }, fe = { exports: {} }, gr = fe.exports, we;
 function ur() {

package/dist/{blockDiagram-VD42YOAC-a8IAc1p-.js → blockDiagram-VD42YOAC-CICDv6Wk.js}

@@ -1,8 +1,8 @@
-import { g as oe } from "./chunk-FMBD7UC4-C2BHhXyD.js";
-import { _ as d, E as rt, d as O, e as he, l as L, y as de, A as ge, c as R, ai as ue, R as pe, S as fe, O as xe, aj as j, ak as Wt, al as ye, u as $, k as be, am as we, an as xt, i as yt, ao as me } from "./cowboy-components-B-_nREEs.js";
-import { c as Le } from "./clone-Ciuvzcw5.js";
-import { G as Se } from "./graph-CQfZU7JF.js";
-import { c as ke } from "./channel-BrDRjKFM.js";
+import { g as oe } from "./chunk-FMBD7UC4-CKC9V5WI.js";
+import { _ as d, E as rt, d as O, e as he, l as L, y as de, A as ge, c as R, ai as ue, R as pe, S as fe, O as xe, aj as j, ak as Wt, al as ye, u as $, k as be, am as we, an as xt, i as yt, ao as me } from "./cowboy-components-Bg77T9d-.js";
+import { c as Le } from "./clone-ygSTXFFk.js";
+import { G as Se } from "./graph-DXbidQWz.js";
+import { c as ke } from "./channel-DrLe0ToL.js";
 var bt = (function() {
   var e = /* @__PURE__ */ d(function(D, y, g, f) {
     for (g = g || {}, f = D.length; f--; g[D[f]] = y) ;

package/dist/{c4Diagram-YG6GDRKO-DKHf3S5X.js → c4Diagram-YG6GDRKO-MIX4hsr0.js}

@@ -1,5 +1,5 @@
-import { g as Se, d as De } from "./chunk-TZMSLE5B-DDfh65h7.js";
-import { _ as g, s as Pe, g as Be, a as Ie, b as Me, c as Bt, d as jt, l as de, e as Le, f as Ne, h as Tt, i as ge, j as Ye, w as je, k as $t, m as fe } from "./cowboy-components-B-_nREEs.js";
+import { g as Se, d as De } from "./chunk-TZMSLE5B-DT1-HT9H.js";
+import { _ as g, s as Pe, g as Be, a as Ie, b as Me, c as Bt, d as jt, l as de, e as Le, f as Ne, h as Tt, i as ge, j as Ye, w as je, k as $t, m as fe } from "./cowboy-components-Bg77T9d-.js";
 var Ft = (function() {
   var e = /* @__PURE__ */ g(function(_t, x, m, v) {
     for (m = m || {}, v = _t.length; v--; m[_t[v]] = x) ;

package/dist/{channel-BrDRjKFM.js → channel-DrLe0ToL.js}

@@ -1,4 +1,4 @@
-import { ap as o, aq as n } from "./cowboy-components-B-_nREEs.js";
+import { ap as o, aq as n } from "./cowboy-components-Bg77T9d-.js";
 const t = (a, r) => o.lang.round(n.parse(a)[r]);
 export {
   t as c

package/dist/{chunk-4BX2VUAB-rO4gQTSn.js → chunk-4BX2VUAB-C0WUXJTj.js}

@@ -1,4 +1,4 @@
-import { _ as i } from "./cowboy-components-B-_nREEs.js";
+import { _ as i } from "./cowboy-components-Bg77T9d-.js";
 function t(c, e) {
   c.accDescr && e.setAccDescription?.(c.accDescr), c.accTitle && e.setAccTitle?.(c.accTitle), c.title && e.setDiagramTitle?.(c.title);
 }

package/dist/{chunk-55IACEB6-xU7M_-1z.js → chunk-55IACEB6-BQmuOZTD.js}

@@ -1,4 +1,4 @@
-import { _ as a, d as o } from "./cowboy-components-B-_nREEs.js";
+import { _ as a, d as o } from "./cowboy-components-Bg77T9d-.js";
 var d = /* @__PURE__ */ a((t, e) => {
   let n;
   return e === "sandbox" && (n = o("#i" + t)), (e === "sandbox" ? o(n.nodes()[0].contentDocument.body) : o("body")).select(`[id="${t}"]`);

package/dist/{chunk-B4BG7PRW-CyCVBhx8.js → chunk-B4BG7PRW-BVzpD5kO.js}

@@ -1,7 +1,7 @@
-import { g as et } from "./chunk-FMBD7UC4-C2BHhXyD.js";
-import { g as tt } from "./chunk-55IACEB6-xU7M_-1z.js";
-import { s as st } from "./chunk-QN33PNHL-CF8FtUjq.js";
-import { _ as A, l as Oe, c as D, o as it, r as at, u as we, d as ee, b as nt, a as rt, s as ut, g as lt, p as ot, q as ct, k as v, y as ht, x as dt, i as pt, Q as R } from "./cowboy-components-B-_nREEs.js";
+import { g as et } from "./chunk-FMBD7UC4-CKC9V5WI.js";
+import { g as tt } from "./chunk-55IACEB6-BQmuOZTD.js";
+import { s as st } from "./chunk-QN33PNHL-BpLt0jar.js";
+import { _ as A, l as Oe, c as D, o as it, r as at, u as we, d as ee, b as nt, a as rt, s as ut, g as lt, p as ot, q as ct, k as v, y as ht, x as dt, i as pt, Q as R } from "./cowboy-components-Bg77T9d-.js";
 var Ve = (function() {
   var s = /* @__PURE__ */ A(function(I, o, c, d) {
     for (c = c || {}, d = I.length; d--; c[I[d]] = o) ;

package/dist/{chunk-DI55MBZ5-BVWDssHd.js → chunk-DI55MBZ5-BBKOtSgz.js}

@@ -1,6 +1,6 @@
-import { g as te } from "./chunk-55IACEB6-xU7M_-1z.js";
-import { s as ee } from "./chunk-QN33PNHL-CF8FtUjq.js";
-import { _ as u, l as b, c as w, r as se, u as ie, a as re, b as ae, g as ne, s as oe, p as le, q as ce, T as he, k as U, y as ue } from "./cowboy-components-B-_nREEs.js";
+import { g as te } from "./chunk-55IACEB6-BQmuOZTD.js";
+import { s as ee } from "./chunk-QN33PNHL-BpLt0jar.js";
+import { _ as u, l as b, c as w, r as se, u as ie, a as re, b as ae, g as ne, s as oe, p as le, q as ce, T as he, k as U, y as ue } from "./cowboy-components-Bg77T9d-.js";
 var vt = (function() {
   var t = /* @__PURE__ */ u(function(Y, o, c, n) {
     for (c = c || {}, n = Y.length; n--; c[Y[n]] = o) ;

package/dist/{chunk-FMBD7UC4-C2BHhXyD.js → chunk-FMBD7UC4-CKC9V5WI.js}

@@ -1,4 +1,4 @@
-import { _ as e } from "./cowboy-components-B-_nREEs.js";
+import { _ as e } from "./cowboy-components-Bg77T9d-.js";
 var l = /* @__PURE__ */ e(() => `
   /* Font Awesome icon styling - consolidated */
   .label-icon {

package/dist/{chunk-QN33PNHL-CF8FtUjq.js → chunk-QN33PNHL-BpLt0jar.js}

@@ -1,4 +1,4 @@
-import { _ as a, e as w, l as x } from "./cowboy-components-B-_nREEs.js";
+import { _ as a, e as w, l as x } from "./cowboy-components-Bg77T9d-.js";
 var d = /* @__PURE__ */ a((e, t, i, r) => {
   e.attr("class", i);
   const { width: o, height: h, x: n, y: c } = u(e, t);

package/dist/{chunk-QZHKN3VN-C76zdhmt.js → chunk-QZHKN3VN-D8_F_eNC.js}

@@ -1,4 +1,4 @@
-import { _ as s } from "./cowboy-components-B-_nREEs.js";
+import { _ as s } from "./cowboy-components-Bg77T9d-.js";
 var t, e = (t = class {
   /**
    * @param init - Function that creates the default state.

package/dist/{chunk-TZMSLE5B-DDfh65h7.js → chunk-TZMSLE5B-DT1-HT9H.js}

@@ -1,4 +1,4 @@
-import { _ as n, U as o, j as l } from "./cowboy-components-B-_nREEs.js";
+import { _ as n, U as o, j as l } from "./cowboy-components-Bg77T9d-.js";
 var x = /* @__PURE__ */ n((s, t) => {
   const e = s.append("rect");
   if (e.attr("x", t.x), e.attr("y", t.y), e.attr("fill", t.fill), e.attr("stroke", t.stroke), e.attr("width", t.width), e.attr("height", t.height), t.name && e.attr("name", t.name), t.rx && e.attr("rx", t.rx), t.ry && e.attr("ry", t.ry), t.attrs !== void 0)

package/dist/{classDiagram-v2-WZHVMYZB-Dqqym7_Y.js → classDiagram-2ON5EDUG-Cw7wLeoA.js}

@@ -1,5 +1,5 @@
-import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-CyCVBhx8.js";
-import { _ as l } from "./cowboy-components-B-_nREEs.js";
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-BVzpD5kO.js";
+import { _ as l } from "./cowboy-components-Bg77T9d-.js";
 var d = {
   parser: e,
   get db() {

package/dist/{classDiagram-2ON5EDUG-Dqqym7_Y.js → classDiagram-v2-WZHVMYZB-Cw7wLeoA.js}

@@ -1,5 +1,5 @@
-import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-CyCVBhx8.js";
-import { _ as l } from "./cowboy-components-B-_nREEs.js";
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-BVzpD5kO.js";
+import { _ as l } from "./cowboy-components-Bg77T9d-.js";
 var d = {
   parser: e,
   get db() {

package/dist/{clone-Ciuvzcw5.js → clone-ygSTXFFk.js}

@@ -1,4 +1,4 @@
-import { b as r } from "./_baseUniq-BaFN6LLe.js";
+import { b as r } from "./_baseUniq-CqLfUP_m.js";
 var e = 4;
 function a(o) {
   return r(o, e);

package/dist/components/charts/beefy-chart.d.ts

@@ -12,10 +12,13 @@ export declare class BeefyChart extends Colorful {
     width: number;
     stepSize: number;
     chartType: any;
-    chart: Chart;
+    chart: Chart | null;
     constructor();
     updateChart(): void;
     buildChart(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    resize(): void;
     firstUpdated(): void;
     updated(changedProperties: Map<string, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/charts/beefy-chart.js

@@ -14,7 +14,6 @@ let BeefyChart = class BeefyChart extends Colorful {
         this.title = 'chart';
         this.legend = false;
         this.height = 458;
-        this.width = 800;
         this.smallTitle = false;
         this.stepSize = 1;
         this.chartType = 'line';
@@ -42,6 +41,7 @@ let BeefyChart = class BeefyChart extends Colorful {
             },
             options: {
                 responsive: true,
+                maintainAspectRatio: false,
                 elements: {
                     point: {
                         borderColor: this.secondary,
@@ -107,6 +107,22 @@ let BeefyChart = class BeefyChart extends Colorful {
             }
         });
     }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.chart && this.hasUpdated) {
+            this.updateComplete.then(() => this.buildChart());
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.chart) {
+            this.chart.destroy();
+            this.chart = null;
+        }
+    }
+    resize() {
+        this.chart?.resize();
+    }
     firstUpdated() {
         super.firstUpdated();
         this.buildChart();
@@ -118,16 +134,20 @@ let BeefyChart = class BeefyChart extends Colorful {
     }
     render() {
         return html `
-            <canvas id="chart" style="width: ${this.width}px; height: ${this.height}px; "></canvas>
+            <div class="chart-container" style="height: ${this.height}px;${this.width ? ` max-width: ${this.width}px;` : ''}">
+                <canvas id="chart" style="width: 100%; height: ${this.height}px;"></canvas>
+            </div>
         `;
     }
 };
 BeefyChart.styles = css `
     :host {
-      display: block; /* ensures the host takes up space */
-      /* Optionally, set explicit dimensions if needed */
+      display: block;
+      width: 100%;
+    }
+    .chart-container {
+      position: relative;
       width: 100%;
-   
     }`;
 __decorate([
     property()

package/dist/components/time-vortex/timeline-view.css.js

@@ -4,6 +4,17 @@ export default css `
         display: flex;
         padding: 10px 10px 10px 20px;
         height: 370px;
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    pb33f-chart {
+        flex: 1;
+        min-width: 0;
+    }
+
+    .stats-container > div {
+        flex-shrink: 0;
     }
     
     .changes-chart {

package/dist/components/time-vortex/timeline-view.js

@@ -166,7 +166,6 @@ let TimelineView = class TimelineView extends Colorful {
             <div class="changes-chart stats-container">
                 <pb33f-chart id="diagnosis-chart"
                         height="400"
-                        width="1000"
                         smallTitle
                         ?legend=${false}
                         title="Diagnosis score over time"

package/dist/{cose-bilkent-S5V4N54A-B6YhG0jQ.js → cose-bilkent-S5V4N54A-DxgFNfEN.js}

@@ -1,4 +1,4 @@
-import { aI as lt, _ as V, l as k, d as gt } from "./cowboy-components-B-_nREEs.js";
+import { aI as lt, _ as V, l as k, d as gt } from "./cowboy-components-Bg77T9d-.js";
 import { c as tt } from "./cytoscape.esm-DfdJODL8.js";
 var Z = { exports: {} }, $ = { exports: {} }, Q = { exports: {} }, ut = Q.exports, j;
 function ft() {

package/dist/{cowboy-components-B-_nREEs.js → cowboy-components-Bg77T9d-.js}

@@ -51792,11 +51792,11 @@ var VG = /* @__PURE__ */ S((t, e, i, r) => {
   qL([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ S(async () => await import("./dagre-6UL2VRFP-DgD6IJ9F.js"), "loader")
+      loader: /* @__PURE__ */ S(async () => await import("./dagre-6UL2VRFP-D9TgF5Zl.js"), "loader")
     },
     {
       name: "cose-bilkent",
-      loader: /* @__PURE__ */ S(async () => await import("./cose-bilkent-S5V4N54A-B6YhG0jQ.js"), "loader")
+      loader: /* @__PURE__ */ S(async () => await import("./cose-bilkent-S5V4N54A-DxgFNfEN.js"), "loader")
     }
   ]);
 }, "registerDefaultLayoutLoaders");
@@ -52143,119 +52143,119 @@ function E2(t) {
   return !0;
 }
 var KL = "c4", WV = /* @__PURE__ */ S((t) => /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(t), "detector"), qV = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./c4Diagram-YG6GDRKO-DKHf3S5X.js");
+  const { diagram: t } = await import("./c4Diagram-YG6GDRKO-MIX4hsr0.js");
   return { id: KL, diagram: t };
 }, "loader"), GV = {
   id: KL,
   detector: WV,
   loader: qV
 }, VV = GV, JL = "flowchart", YV = /* @__PURE__ */ S((t, e) => e?.flowchart?.defaultRenderer === "dagre-wrapper" || e?.flowchart?.defaultRenderer === "elk" ? !1 : /^\s*graph/.test(t), "detector"), ZV = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./flowDiagram-NV44I4VS-Dv-mV3jC.js");
+  const { diagram: t } = await import("./flowDiagram-NV44I4VS-vUzBvpAl.js");
   return { id: JL, diagram: t };
 }, "loader"), QV = {
   id: JL,
   detector: YV,
   loader: ZV
 }, XV = QV, eT = "flowchart-v2", KV = /* @__PURE__ */ S((t, e) => e?.flowchart?.defaultRenderer === "dagre-d3" ? !1 : (e?.flowchart?.defaultRenderer === "elk" && (e.layout = "elk"), /^\s*graph/.test(t) && e?.flowchart?.defaultRenderer === "dagre-wrapper" ? !0 : /^\s*flowchart/.test(t)), "detector"), JV = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./flowDiagram-NV44I4VS-Dv-mV3jC.js");
+  const { diagram: t } = await import("./flowDiagram-NV44I4VS-vUzBvpAl.js");
   return { id: eT, diagram: t };
 }, "loader"), eY = {
   id: eT,
   detector: KV,
   loader: JV
 }, tY = eY, tT = "er", iY = /* @__PURE__ */ S((t) => /^\s*erDiagram/.test(t), "detector"), rY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./erDiagram-Q2GNP2WA-CLzSou8D.js");
+  const { diagram: t } = await import("./erDiagram-Q2GNP2WA-hZ_gfIFY.js");
   return { id: tT, diagram: t };
 }, "loader"), sY = {
   id: tT,
   detector: iY,
   loader: rY
 }, oY = sY, iT = "gitGraph", nY = /* @__PURE__ */ S((t) => /^\s*gitGraph/.test(t), "detector"), aY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./gitGraphDiagram-NY62KEGX-AjRVeBfh.js");
+  const { diagram: t } = await import("./gitGraphDiagram-NY62KEGX-fZaPPkg2.js");
   return { id: iT, diagram: t };
 }, "loader"), lY = {
   id: iT,
   detector: nY,
   loader: aY
 }, cY = lY, rT = "gantt", hY = /* @__PURE__ */ S((t) => /^\s*gantt/.test(t), "detector"), dY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./ganttDiagram-LVOFAZNH-9caw7-W9.js");
+  const { diagram: t } = await import("./ganttDiagram-LVOFAZNH-WYbgDSC6.js");
   return { id: rT, diagram: t };
 }, "loader"), pY = {
   id: rT,
   detector: hY,
   loader: dY
 }, uY = pY, sT = "info", fY = /* @__PURE__ */ S((t) => /^\s*info/.test(t), "detector"), gY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./infoDiagram-F6ZHWCRC-Db-l9t59.js");
+  const { diagram: t } = await import("./infoDiagram-F6ZHWCRC-CE5aCiKV.js");
   return { id: sT, diagram: t };
 }, "loader"), mY = {
   id: sT,
   detector: fY,
   loader: gY
 }, oT = "pie", bY = /* @__PURE__ */ S((t) => /^\s*pie/.test(t), "detector"), yY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./pieDiagram-ADFJNKIX-DGK58sb4.js");
+  const { diagram: t } = await import("./pieDiagram-ADFJNKIX-COTsjh1f.js");
   return { id: oT, diagram: t };
 }, "loader"), vY = {
   id: oT,
   detector: bY,
   loader: yY
 }, nT = "quadrantChart", xY = /* @__PURE__ */ S((t) => /^\s*quadrantChart/.test(t), "detector"), wY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./quadrantDiagram-AYHSOK5B-rVXhriiY.js");
+  const { diagram: t } = await import("./quadrantDiagram-AYHSOK5B-CwZFHRdc.js");
   return { id: nT, diagram: t };
 }, "loader"), CY = {
   id: nT,
   detector: xY,
   loader: wY
 }, kY = CY, aT = "xychart", MY = /* @__PURE__ */ S((t) => /^\s*xychart(-beta)?/.test(t), "detector"), SY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./xychartDiagram-PRI3JC2R-BNEydtiO.js");
+  const { diagram: t } = await import("./xychartDiagram-PRI3JC2R-C9a1QBu6.js");
   return { id: aT, diagram: t };
 }, "loader"), LY = {
   id: aT,
   detector: MY,
   loader: SY
 }, TY = LY, lT = "requirement", _Y = /* @__PURE__ */ S((t) => /^\s*requirement(Diagram)?/.test(t), "detector"), $Y = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./requirementDiagram-UZGBJVZJ-C6FZbh4u.js");
+  const { diagram: t } = await import("./requirementDiagram-UZGBJVZJ-IWxwgSOA.js");
   return { id: lT, diagram: t };
 }, "loader"), EY = {
   id: lT,
   detector: _Y,
   loader: $Y
 }, IY = EY, cT = "sequence", AY = /* @__PURE__ */ S((t) => /^\s*sequenceDiagram/.test(t), "detector"), NY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./sequenceDiagram-WL72ISMW-Da2nlEu9.js");
+  const { diagram: t } = await import("./sequenceDiagram-WL72ISMW-DKEYvd1s.js");
   return { id: cT, diagram: t };
 }, "loader"), DY = {
   id: cT,
   detector: AY,
   loader: NY
 }, PY = DY, hT = "class", OY = /* @__PURE__ */ S((t, e) => e?.class?.defaultRenderer === "dagre-wrapper" ? !1 : /^\s*classDiagram/.test(t), "detector"), RY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./classDiagram-2ON5EDUG-Dqqym7_Y.js");
+  const { diagram: t } = await import("./classDiagram-2ON5EDUG-Cw7wLeoA.js");
   return { id: hT, diagram: t };
 }, "loader"), BY = {
   id: hT,
   detector: OY,
   loader: RY
 }, jY = BY, dT = "classDiagram", zY = /* @__PURE__ */ S((t, e) => /^\s*classDiagram/.test(t) && e?.class?.defaultRenderer === "dagre-wrapper" ? !0 : /^\s*classDiagram-v2/.test(t), "detector"), FY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./classDiagram-v2-WZHVMYZB-Dqqym7_Y.js");
+  const { diagram: t } = await import("./classDiagram-v2-WZHVMYZB-Cw7wLeoA.js");
   return { id: dT, diagram: t };
 }, "loader"), UY = {
   id: dT,
   detector: zY,
   loader: FY
 }, HY = UY, pT = "state", WY = /* @__PURE__ */ S((t, e) => e?.state?.defaultRenderer === "dagre-wrapper" ? !1 : /^\s*stateDiagram/.test(t), "detector"), qY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./stateDiagram-FKZM4ZOC-Bq-_ilzh.js");
+  const { diagram: t } = await import("./stateDiagram-FKZM4ZOC-YsmqtK1x.js");
   return { id: pT, diagram: t };
 }, "loader"), GY = {
   id: pT,
   detector: WY,
   loader: qY
 }, VY = GY, uT = "stateDiagram", YY = /* @__PURE__ */ S((t, e) => !!(/^\s*stateDiagram-v2/.test(t) || /^\s*stateDiagram/.test(t) && e?.state?.defaultRenderer === "dagre-wrapper"), "detector"), ZY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./stateDiagram-v2-4FDKWEC3-BBFdw24E.js");
+  const { diagram: t } = await import("./stateDiagram-v2-4FDKWEC3-DHLeiZBf.js");
   return { id: uT, diagram: t };
 }, "loader"), QY = {
   id: uT,
   detector: YY,
   loader: ZY
 }, XY = QY, fT = "journey", KY = /* @__PURE__ */ S((t) => /^\s*journey/.test(t), "detector"), JY = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./journeyDiagram-XKPGCS4Q-Bzsre_OA.js");
+  const { diagram: t } = await import("./journeyDiagram-XKPGCS4Q-DJ6V2dBQ.js");
   return { id: fT, diagram: t };
 }, "loader"), eZ = {
   id: fT,
@@ -52296,70 +52296,70 @@ var KL = "c4", WV = /* @__PURE__ */ S((t) => /^\s*C4Context|C4Container|C4Compon
   /^\s*flowchart-elk/.test(t) || // If a flowchart/graph diagram has their default renderer set to elk
   /^\s*(flowchart|graph)/.test(t) && e?.flowchart?.defaultRenderer === "elk" ? (e.layout = "elk", !0) : !1
 ), "detector"), aZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./flowDiagram-NV44I4VS-Dv-mV3jC.js");
+  const { diagram: t } = await import("./flowDiagram-NV44I4VS-vUzBvpAl.js");
   return { id: mT, diagram: t };
 }, "loader"), lZ = {
   id: mT,
   detector: nZ,
   loader: aZ
 }, cZ = lZ, bT = "timeline", hZ = /* @__PURE__ */ S((t) => /^\s*timeline/.test(t), "detector"), dZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./timeline-definition-IT6M3QCI-DOQnDEPa.js");
+  const { diagram: t } = await import("./timeline-definition-IT6M3QCI-wc-Q7mjm.js");
   return { id: bT, diagram: t };
 }, "loader"), pZ = {
   id: bT,
   detector: hZ,
   loader: dZ
 }, uZ = pZ, yT = "mindmap", fZ = /* @__PURE__ */ S((t) => /^\s*mindmap/.test(t), "detector"), gZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./mindmap-definition-VGOIOE7T-CCwE02s8.js");
+  const { diagram: t } = await import("./mindmap-definition-VGOIOE7T-CEY6R2uT.js");
   return { id: yT, diagram: t };
 }, "loader"), mZ = {
   id: yT,
   detector: fZ,
   loader: gZ
 }, bZ = mZ, vT = "kanban", yZ = /* @__PURE__ */ S((t) => /^\s*kanban/.test(t), "detector"), vZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./kanban-definition-3W4ZIXB7-DNQ1RxWM.js");
+  const { diagram: t } = await import("./kanban-definition-3W4ZIXB7-CHwozqlt.js");
   return { id: vT, diagram: t };
 }, "loader"), xZ = {
   id: vT,
   detector: yZ,
   loader: vZ
 }, wZ = xZ, xT = "sankey", CZ = /* @__PURE__ */ S((t) => /^\s*sankey(-beta)?/.test(t), "detector"), kZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./sankeyDiagram-TZEHDZUN-5wCrQhOL.js");
+  const { diagram: t } = await import("./sankeyDiagram-TZEHDZUN-CNxVVwLZ.js");
   return { id: xT, diagram: t };
 }, "loader"), MZ = {
   id: xT,
   detector: CZ,
   loader: kZ
 }, SZ = MZ, wT = "packet", LZ = /* @__PURE__ */ S((t) => /^\s*packet(-beta)?/.test(t), "detector"), TZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./diagram-S2PKOQOG-pD2aZK6J.js");
+  const { diagram: t } = await import("./diagram-S2PKOQOG-fAU_B7kH.js");
   return { id: wT, diagram: t };
 }, "loader"), _Z = {
   id: wT,
   detector: LZ,
   loader: TZ
 }, CT = "radar", $Z = /* @__PURE__ */ S((t) => /^\s*radar-beta/.test(t), "detector"), EZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./diagram-QEK2KX5R-BZYBfJWN.js");
+  const { diagram: t } = await import("./diagram-QEK2KX5R-D5qHrA0J.js");
   return { id: CT, diagram: t };
 }, "loader"), IZ = {
   id: CT,
   detector: $Z,
   loader: EZ
 }, kT = "block", AZ = /* @__PURE__ */ S((t) => /^\s*block(-beta)?/.test(t), "detector"), NZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./blockDiagram-VD42YOAC-a8IAc1p-.js");
+  const { diagram: t } = await import("./blockDiagram-VD42YOAC-CICDv6Wk.js");
   return { id: kT, diagram: t };
 }, "loader"), DZ = {
   id: kT,
   detector: AZ,
   loader: NZ
 }, PZ = DZ, MT = "architecture", OZ = /* @__PURE__ */ S((t) => /^\s*architecture/.test(t), "detector"), RZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./architectureDiagram-VXUJARFQ-Duxne8BG.js");
+  const { diagram: t } = await import("./architectureDiagram-VXUJARFQ-CJl5OVfp.js");
   return { id: MT, diagram: t };
 }, "loader"), BZ = {
   id: MT,
   detector: OZ,
   loader: RZ
 }, jZ = BZ, ST = "treemap", zZ = /* @__PURE__ */ S((t) => /^\s*treemap/.test(t), "detector"), FZ = /* @__PURE__ */ S(async () => {
-  const { diagram: t } = await import("./diagram-PSM6KHXK-C6Ify0Ii.js");
+  const { diagram: t } = await import("./diagram-PSM6KHXK-BYwvaRBx.js");
   return { id: ST, diagram: t };
 }, "loader"), UZ = {
   id: ST,
@@ -55846,6 +55846,17 @@ const FQ = og(class extends ng {
         display: flex;
         padding: 10px 10px 10px 20px;
         height: 370px;
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    pb33f-chart {
+        flex: 1;
+        min-width: 0;
+    }
+
+    .stats-container > div {
+        flex-shrink: 0;
     }
     
     .changes-chart {
@@ -56141,7 +56152,6 @@ let Pt = class extends gd {
             <div class="changes-chart stats-container">
                 <pb33f-chart id="diagnosis-chart"
                         height="400"
-                        width="1000"
                         smallTitle
                         ?legend=${!1}
                         title="Diagnosis score over time"
@@ -65407,7 +65417,7 @@ var bie = Object.defineProperty, yie = Object.getOwnPropertyDescriptor, Ps = (t,
 };
 let jr = class extends gd {
   constructor() {
-    super(), this.title = "chart", this.legend = !1, this.height = 458, this.width = 800, this.smallTitle = !1, this.stepSize = 1, this.chartType = "line";
+    super(), this.title = "chart", this.legend = !1, this.height = 458, this.smallTitle = !1, this.stepSize = 1, this.chartType = "line";
   }
   updateChart() {
     this.chart && this.chart.data && this.datasets && this.datasets.length > 0 && (this.chart.data.labels = this.labels, this.chart.data.datasets = this.datasets, this.chart.update());
@@ -65424,6 +65434,7 @@ let jr = class extends gd {
         },
         options: {
           responsive: !0,
+          maintainAspectRatio: !1,
           elements: {
             point: {
               borderColor: this.secondary,
@@ -65490,6 +65501,15 @@ let jr = class extends gd {
       }
     );
   }
+  connectedCallback() {
+    super.connectedCallback(), !this.chart && this.hasUpdated && this.updateComplete.then(() => this.buildChart());
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.chart && (this.chart.destroy(), this.chart = null);
+  }
+  resize() {
+    this.chart?.resize();
+  }
   firstUpdated() {
     super.firstUpdated(), this.buildChart();
   }
@@ -65498,16 +65518,20 @@ let jr = class extends gd {
   }
   render() {
     return f`
-            <canvas id="chart" style="width: ${this.width}px; height: ${this.height}px; "></canvas>
+            <div class="chart-container" style="height: ${this.height}px;${this.width ? ` max-width: ${this.width}px;` : ""}">
+                <canvas id="chart" style="width: 100%; height: ${this.height}px;"></canvas>
+            </div>
         `;
   }
 };
 jr.styles = oe`
     :host {
-      display: block; /* ensures the host takes up space */
-      /* Optionally, set explicit dimensions if needed */
+      display: block;
+      width: 100%;
+    }
+    .chart-container {
+      position: relative;
       width: 100%;
-   
     }`;
 Ps([
   I()