@pb33f/cowboy-components 0.12.1 → 0.12.3

package/dist/{_basePickBy-CHhH8kjm.js → _basePickBy-C6qM4JsN.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-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";
+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-CL6N5X0S.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-BOtD4JRB.js";
 var R = /\s/;
 function G(n) {
   for (var r = n.length; r-- && R.test(n.charAt(r)); )

package/dist/{_baseUniq-CqLfUP_m.js → _baseUniq-CL6N5X0S.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-Bg77T9d-.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-BOtD4JRB.js";
 var Zn = "[object Symbol]";
 function B(n) {
   return typeof n == "symbol" || S(n) && Rn(n) == Zn;

package/dist/{arc-Bc0dbGi3.js → arc-BPodQwCA.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-Bg77T9d-.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-BOtD4JRB.js";
 function cn(l) {
   return l.innerRadius;
 }

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

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

package/dist/{architectureDiagram-VXUJARFQ-CJl5OVfp.js → architectureDiagram-VXUJARFQ-DscfMtRk.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-Bg77T9d-.js";
-import { p as fr } from "./chunk-4BX2VUAB-C0WUXJTj.js";
-import { p as cr } from "./mermaid-parser.core-CyYIBqRM.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-BOtD4JRB.js";
+import { p as fr } from "./chunk-4BX2VUAB-E29URZIE.js";
+import { p as cr } from "./mermaid-parser.core-C6Rmy8E_.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-CICDv6Wk.js → blockDiagram-VD42YOAC-znVYL4bL.js}

@@ -1,8 +1,8 @@
-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";
+import { g as oe } from "./chunk-FMBD7UC4-DiJf6vf4.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-BOtD4JRB.js";
+import { c as Le } from "./clone-MZzrSJSF.js";
+import { G as Se } from "./graph-pJ6oxTQB.js";
+import { c as ke } from "./channel-7F7ZxLBh.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-MIX4hsr0.js → c4Diagram-YG6GDRKO-MnOpRb7b.js}

@@ -1,5 +1,5 @@
-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";
+import { g as Se, d as De } from "./chunk-TZMSLE5B-CihFGYBL.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-BOtD4JRB.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-DrLe0ToL.js → channel-7F7ZxLBh.js}

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

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

@@ -1,4 +1,4 @@
-import { _ as i } from "./cowboy-components-Bg77T9d-.js";
+import { _ as i } from "./cowboy-components-BOtD4JRB.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-BQmuOZTD.js → chunk-55IACEB6--z9Lfwh_.js}

@@ -1,4 +1,4 @@
-import { _ as a, d as o } from "./cowboy-components-Bg77T9d-.js";
+import { _ as a, d as o } from "./cowboy-components-BOtD4JRB.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-BVzpD5kO.js → chunk-B4BG7PRW-BJCNIBMq.js}

@@ -1,7 +1,7 @@
-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";
+import { g as et } from "./chunk-FMBD7UC4-DiJf6vf4.js";
+import { g as tt } from "./chunk-55IACEB6--z9Lfwh_.js";
+import { s as st } from "./chunk-QN33PNHL-BQeCdAO4.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-BOtD4JRB.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-BBKOtSgz.js → chunk-DI55MBZ5-CBBeJcxE.js}

@@ -1,6 +1,6 @@
-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";
+import { g as te } from "./chunk-55IACEB6--z9Lfwh_.js";
+import { s as ee } from "./chunk-QN33PNHL-BQeCdAO4.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-BOtD4JRB.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-CKC9V5WI.js → chunk-FMBD7UC4-DiJf6vf4.js}

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

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

@@ -1,4 +1,4 @@
-import { _ as a, e as w, l as x } from "./cowboy-components-Bg77T9d-.js";
+import { _ as a, e as w, l as x } from "./cowboy-components-BOtD4JRB.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-D8_F_eNC.js → chunk-QZHKN3VN-B10WHNRh.js}

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

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

@@ -1,4 +1,4 @@
-import { _ as n, U as o, j as l } from "./cowboy-components-Bg77T9d-.js";
+import { _ as n, U as o, j as l } from "./cowboy-components-BOtD4JRB.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-Cw7wLeoA.js → classDiagram-2ON5EDUG-DqCtRU7b.js}

@@ -1,5 +1,5 @@
-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";
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-BJCNIBMq.js";
+import { _ as l } from "./cowboy-components-BOtD4JRB.js";
 var d = {
   parser: e,
   get db() {

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

@@ -1,5 +1,5 @@
-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";
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-BJCNIBMq.js";
+import { _ as l } from "./cowboy-components-BOtD4JRB.js";
 var d = {
   parser: e,
   get db() {

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

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

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 import { Color, FontSpec } from "chart.js/auto";
+import { ThemeName } from "../../events/theme.js";
 export declare class Colorful extends LitElement {
     primary: string;
     secondary: string;
@@ -18,18 +19,23 @@ export declare class Colorful extends LitElement {
     mediumFont: FontSpec;
     fontBold: FontSpec;
     titleFont: FontSpec;
-    protected currentTheme: string;
+    protected currentTheme: ThemeName;
     private _themeHandler;
     constructor();
     private readColors;
     firstUpdated(): void;
     disconnectedCallback(): void;
 }
+export declare function getCurrentTheme(): ThemeName;
 export declare function isLightMode(): boolean;
+export declare function isTektronixMode(): boolean;
 export declare const ChartColors: string[];
 export declare const LightChartColors: string[];
+export declare const TektronixChartColors: string[];
 export declare const ChartColorsChanges: string[];
 export declare const LightChartColorsChanges: string[];
+export declare const TektronixChartColorsChanges: string[];
 export declare const BinaryChartColors: string[];
 export declare const LightBinaryChartColors: string[];
+export declare const TektronixBinaryChartColors: string[];
 export declare function CreateRadialGradient(context: any, c1: any, c2: any, c3: any, c4: any): any;

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

@@ -14,7 +14,7 @@ export class Colorful extends LitElement {
         this.currentTheme = 'dark';
         this._themeHandler = () => {
             this.readColors();
-            this.currentTheme = isLightMode() ? 'light' : 'dark';
+            this.currentTheme = getCurrentTheme();
         };
     }
     readColors() {
@@ -34,7 +34,7 @@ export class Colorful extends LitElement {
     }
     firstUpdated() {
         this.readColors();
-        this.currentTheme = isLightMode() ? 'light' : 'dark';
+        this.currentTheme = getCurrentTheme();
         this.font = fontSpec;
         this.smallFont = smallFont;
         this.mediumFont = mediumFont;
@@ -50,9 +50,20 @@ export class Colorful extends LitElement {
 __decorate([
     state()
 ], Colorful.prototype, "currentTheme", void 0);
+export function getCurrentTheme() {
+    const theme = document.documentElement.getAttribute('theme');
+    if (theme === 'light')
+        return 'light';
+    if (theme === 'tektronix')
+        return 'tektronix';
+    return 'dark';
+}
 export function isLightMode() {
     return document.documentElement.getAttribute('theme') === 'light';
 }
+export function isTektronixMode() {
+    return document.documentElement.getAttribute('theme') === 'tektronix';
+}
 export const ChartColors = [
     "#f83aff",
     "rgba(98, 196, 255, 1)",
@@ -69,6 +80,14 @@ export const LightChartColors = [
     "rgba(0, 0, 0, 0.08)",
     "rgba(0, 0, 0, 0.5)"
 ];
+export const TektronixChartColors = [
+    "#33ff33",
+    "rgba(102, 255, 102, 0.8)",
+    "rgba(51, 255, 51, 0.47)",
+    "rgba(102, 255, 102, 0.6)",
+    "rgba(51, 255, 51, 0.25)",
+    "rgba(102, 255, 102, 0.4)"
+];
 export const ChartColorsChanges = [
     "#f83aff",
     "#00FF00",
@@ -79,6 +98,11 @@ export const LightChartColorsChanges = [
     "rgba(0, 0, 0, 0.35)",
     "rgba(0, 0, 0, 0.15)",
 ];
+export const TektronixChartColorsChanges = [
+    "#33ff33",
+    "#66ff66",
+    "#1a991a",
+];
 export const BinaryChartColors = [
     "#ff246b",
     "rgba(98, 196, 255, 1)",
@@ -87,6 +111,10 @@ export const LightBinaryChartColors = [
     "rgba(0, 0, 0, 0.6)",
     "rgba(0, 0, 0, 0.25)",
 ];
+export const TektronixBinaryChartColors = [
+    "#66ff66",
+    "#1a991a",
+];
 const cache = new Map();
 let width = null;
 let height = null;

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement, property } from "lit/decorators.js";
 import { html } from "lit";
 import Chart from 'chart.js/auto';
-import { BinaryChartColors, ChartColors, ChartColorsChanges, Colorful, isLightMode, LightBinaryChartColors, LightChartColors, LightChartColorsChanges } from "./chart-colors";
+import { BinaryChartColors, ChartColors, ChartColorsChanges, Colorful, LightBinaryChartColors, LightChartColors, LightChartColorsChanges, TektronixBinaryChartColors, TektronixChartColors, TektronixChartColorsChanges } from "./chart-colors";
 let DoughnutChart = class DoughnutChart extends Colorful {
     constructor() {
         super();
@@ -47,15 +47,15 @@ let DoughnutChart = class DoughnutChart extends Colorful {
         if (this.chart) {
             this.chart.destroy();
         }
-        const light = isLightMode();
+        const theme = this.currentTheme;
         if (this.changesChart) {
-            this.colors = light ? LightChartColorsChanges : ChartColorsChanges;
+            this.colors = theme === 'tektronix' ? TektronixChartColorsChanges : theme === 'light' ? LightChartColorsChanges : ChartColorsChanges;
         }
         else if (this.breakingChanges) {
-            this.colors = light ? LightBinaryChartColors : BinaryChartColors;
+            this.colors = theme === 'tektronix' ? TektronixBinaryChartColors : theme === 'light' ? LightBinaryChartColors : BinaryChartColors;
         }
         else {
-            this.colors = light ? LightChartColors : ChartColors;
+            this.colors = theme === 'tektronix' ? TektronixChartColors : theme === 'light' ? LightChartColors : ChartColors;
         }
         this.datasets.forEach((data) => {
             data.backgroundColor = this.colors;

package/dist/components/details-drawer/generic-details-drawer.css.js

@@ -137,7 +137,21 @@ export const styles = css `
         flex: 1;
         overflow: auto;
         padding: var(--sl-spacing-small);
-        background: var(--background-color);
+        background: transparent;
+    }
+
+    .code-content::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+    }
+
+    .code-content::-webkit-scrollbar-track {
+        background-color: var(--terminal-background);
+    }
+
+    .code-content::-webkit-scrollbar-thumb {
+        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+        background: var(--secondary-color-lowalpha);
     }
 
     .code-content pre {

package/dist/components/details-drawer/handlers/diagram-handler.js

@@ -25,7 +25,7 @@ export class DiagramHandler {
             if (!(event instanceof CustomEvent))
                 return;
             const theme = event.detail?.theme;
-            if (theme === 'light' || theme === 'dark') {
+            if (theme === 'light' || theme === 'dark' || theme === 'tektronix') {
                 this.currentTheme = theme;
             }
         };
@@ -85,9 +85,16 @@ export class DiagramHandler {
     }
     detectTheme() {
         const htmlElement = document.querySelector('html');
-        const isDark = htmlElement?.className.includes('sl-theme-dark') ||
-            htmlElement?.getAttribute('theme') === 'dark';
-        this.currentTheme = isDark ? 'dark' : 'light';
+        const theme = htmlElement?.getAttribute('theme');
+        if (theme === 'tektronix') {
+            this.currentTheme = 'tektronix';
+        }
+        else if (theme === 'dark') {
+            this.currentTheme = 'dark';
+        }
+        else {
+            this.currentTheme = 'light';
+        }
     }
     canHandle(event) {
         return event.type === DrawerContentType.DIAGRAM;

package/dist/components/editor/editor.d.ts

@@ -25,7 +25,7 @@ export declare class SpecEditor extends LitElement {
     showBreadcrumb: boolean;
     private showPlaceholder;
     private isActive;
-    private isLightTheme;
+    private currentEditorTheme;
     private pendingValue;
     private linkDecorations;
     private decorationIdToLinkTarget;