@pb33f/cowboy-components 0.12.0 → 0.12.2

package/dist/{_basePickBy-DutEHqAt.js → _basePickBy-DzbyLhrS.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-BaMlJaXC.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-Cusus7mi.js";
 var R = /\s/;
 function G(n) {
   for (var r = n.length; r-- && R.test(n.charAt(r)); )

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

package/dist/{arc-C_BQqdHh.js → arc-CwbDNuoS.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-Cusus7mi.js";
 function cn(l) {
   return l.innerRadius;
 }

package/dist/{architecture-U656AL7Q-DBJtTFqh.js → architecture-U656AL7Q-hA_jODHW.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-BWH1OLmB.js";
 export {
   c as ArchitectureModule,
   t as createArchitectureServices

package/dist/{architectureDiagram-VXUJARFQ-Duxne8BG.js → architectureDiagram-VXUJARFQ-BpOZDfV2.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-Cusus7mi.js";
+import { p as fr } from "./chunk-4BX2VUAB-Cax8rgH-.js";
+import { p as cr } from "./mermaid-parser.core-BWH1OLmB.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-DvwLmxQa.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-DpzzxPYV.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-Cusus7mi.js";
+import { c as Le } from "./clone-CAtTIGp5.js";
+import { G as Se } from "./graph-DeER36N7.js";
+import { c as ke } from "./channel-Czyy2YF7.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-I84KTC03.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-Dsr5RxRa.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-Cusus7mi.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-Czyy2YF7.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-Cusus7mi.js";
 const t = (a, r) => o.lang.round(n.parse(a)[r]);
 export {
   t as c

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

@@ -1,4 +1,4 @@
-import { _ as i } from "./cowboy-components-B-_nREEs.js";
+import { _ as i } from "./cowboy-components-Cusus7mi.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-CrdTf2pk.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-Cusus7mi.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-DVw-G-FD.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-DpzzxPYV.js";
+import { g as tt } from "./chunk-55IACEB6-CrdTf2pk.js";
+import { s as st } from "./chunk-QN33PNHL-BOcC9xla.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-Cusus7mi.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-_nf_Thmu.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-CrdTf2pk.js";
+import { s as ee } from "./chunk-QN33PNHL-BOcC9xla.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-Cusus7mi.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-DpzzxPYV.js}

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

package/dist/{chunk-QN33PNHL-CF8FtUjq.js → chunk-QN33PNHL-BOcC9xla.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-Cusus7mi.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-CmrJpkO9.js}

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

package/dist/{chunk-TZMSLE5B-DDfh65h7.js → chunk-TZMSLE5B-Dsr5RxRa.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-Cusus7mi.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-vUMqQti2.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-DVw-G-FD.js";
+import { _ as l } from "./cowboy-components-Cusus7mi.js";
 var d = {
   parser: e,
   get db() {

package/dist/{classDiagram-2ON5EDUG-Dqqym7_Y.js → classDiagram-v2-WZHVMYZB-vUMqQti2.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-DVw-G-FD.js";
+import { _ as l } from "./cowboy-components-Cusus7mi.js";
 var d = {
   parser: e,
   get db() {

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

@@ -1,4 +1,4 @@
-import { b as r } from "./_baseUniq-BaFN6LLe.js";
+import { b as r } from "./_baseUniq-BaMlJaXC.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/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/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;