@llumi/design-system 2.1.4 → 2.1.6
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.
- package/{adopt-global-styles-C0chASBU.js → adopt-global-styles-C2gaVkVT.js} +1 -1
- package/base.css +1 -1
- package/bpmn.mjs +7 -7
- package/copy-button.mjs +3 -3
- package/custom-elements.json +333 -333
- package/download-button.mjs +3 -3
- package/highlighter.mjs +3 -3
- package/{icon-button-BK4v3Qya.js → icon-button-DC6Ueb5e.js} +1 -1
- package/{icons-_LsftaTj.js → icons-Dq4R6wwe.js} +1 -1
- package/{index-BMouT9YM.js → index-CiwN9Rtq.js} +1 -1
- package/{llumi-element-PGzWxI8r.js → llumi-element-BdwGmR30.js} +1 -1
- package/mermaid.mjs +42 -42
- package/package.json +1 -1
- package/review.mjs +351 -347
- package/{slot-text-CIfdXSIp.js → slot-text-CsqmV_r5.js} +1 -1
- package/theme.css +1 -1
package/download-button.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { html as u } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/+esm";
|
|
2
2
|
import { property as l, customElement as p } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/decorators.js/+esm";
|
|
3
|
-
import { i as a } from "./icons-
|
|
4
|
-
import { L as f } from "./llumi-element-
|
|
3
|
+
import { i as a } from "./icons-Dq4R6wwe.js";
|
|
4
|
+
import { L as f } from "./llumi-element-BdwGmR30.js";
|
|
5
5
|
import { defineMachine as h } from "https://cdn.jsdelivr.net/npm/yay-machine@1.5.0/+esm";
|
|
6
|
-
/*! @llumi/design-system v2.1.
|
|
6
|
+
/*! @llumi/design-system v2.1.6 | (c) 2026 pAIrprog SAS | license: https://cdn.jsdelivr.net/npm/@llumi/design-system@2.1.6/LICENSE | bundled third-party components under MIT, see NOTICE | @license */
|
|
7
7
|
const d = 1e3, O = h({
|
|
8
8
|
initialState: { name: "idle" },
|
|
9
9
|
states: {
|
package/highlighter.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { nothing as f, html as h, unsafeCSS as p } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/+esm";
|
|
2
2
|
import { property as c, customElement as v } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/decorators.js/+esm";
|
|
3
3
|
import { refractor as u } from "https://cdn.jsdelivr.net/npm/refractor@5.0.0/core/+esm";
|
|
4
|
-
import { i as w } from "./icon-button-
|
|
5
|
-
import { L as b } from "./llumi-element-
|
|
6
|
-
/*! @llumi/design-system v2.1.
|
|
4
|
+
import { i as w } from "./icon-button-DC6Ueb5e.js";
|
|
5
|
+
import { L as b } from "./llumi-element-BdwGmR30.js";
|
|
6
|
+
/*! @llumi/design-system v2.1.6 | (c) 2026 pAIrprog SAS | license: https://cdn.jsdelivr.net/npm/@llumi/design-system@2.1.6/LICENSE | bundled third-party components under MIT, see NOTICE | @license */
|
|
7
7
|
const y = [
|
|
8
8
|
"ghcolors",
|
|
9
9
|
"oneLight",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! @llumi/design-system v2.1.
|
|
1
|
+
/*! @llumi/design-system v2.1.6 | (c) 2026 pAIrprog SAS | license: https://cdn.jsdelivr.net/npm/@llumi/design-system@2.1.6/LICENSE | bundled third-party components under MIT, see NOTICE | @license */
|
|
2
2
|
const o = ":where(button:has(>i:only-child)){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--llumi-color-border, oklch(92% .004 286.32));border-radius:var(--llumi-radius, .5rem);background:var(--llumi-color-surface, oklch(100% 0 0));color:var(--llumi-color-fg, oklch(21% .006 285.885));cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(button:has(>i:only-child):hover:not(:disabled)){background:color-mix(in oklab,var(--llumi-color-fg, oklch(21% .006 285.885)) 6%,transparent)}:where(button:has(>i:only-child):focus-visible){outline:2px solid var(--llumi-color-ring, oklch(55.8% .288 302.321));outline-offset:2px}:where(button:has(>i:only-child):disabled){opacity:.6;cursor:default}:where(button:has(>i:only-child)>i){display:inline-flex;width:1rem;height:1rem}:where(button:has(>i:only-child)>i>svg){width:100%;height:100%}:where(button.is-done:has(>i:only-child)){border-color:var(--llumi-color-success, oklch(62.7% .194 149.214));color:var(--llumi-color-success, oklch(62.7% .194 149.214))}:where(button.is-error:has(>i:only-child)){border-color:var(--llumi-color-danger, oklch(57.7% .245 27.325));color:var(--llumi-color-danger, oklch(57.7% .245 27.325))}:where(button.is-working:has(>i:only-child)>i>svg){animation:llumi-spin 1s linear infinite}@keyframes llumi-spin{to{transform:rotate(360deg)}}";
|
|
3
3
|
export {
|
|
4
4
|
o as i
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { svg as c, html as e } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/+esm";
|
|
2
|
-
/*! @llumi/design-system v2.1.
|
|
2
|
+
/*! @llumi/design-system v2.1.6 | (c) 2026 pAIrprog SAS | license: https://cdn.jsdelivr.net/npm/@llumi/design-system@2.1.6/LICENSE | bundled third-party components under MIT, see NOTICE | @license */
|
|
3
3
|
function r(t) {
|
|
4
4
|
return e`<svg
|
|
5
5
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var Qt = Object.defineProperty;
|
|
2
2
|
var Jt = (t, e, n) => e in t ? Qt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
|
|
3
3
|
var ze = (t, e, n) => Jt(t, typeof e != "symbol" ? e + "" : e, n);
|
|
4
|
-
/*! @llumi/design-system v2.1.
|
|
4
|
+
/*! @llumi/design-system v2.1.6 | (c) 2026 pAIrprog SAS | license: https://cdn.jsdelivr.net/npm/@llumi/design-system@2.1.6/LICENSE | bundled third-party components under MIT, see NOTICE | @license */
|
|
5
5
|
const Le = Object.prototype.toString, Zt = Object.prototype.hasOwnProperty;
|
|
6
6
|
function Ke(t) {
|
|
7
7
|
return t === void 0;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LitElement as t, css as o } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/+esm";
|
|
2
|
-
/*! @llumi/design-system v2.1.
|
|
2
|
+
/*! @llumi/design-system v2.1.6 | (c) 2026 pAIrprog SAS | license: https://cdn.jsdelivr.net/npm/@llumi/design-system@2.1.6/LICENSE | bundled third-party components under MIT, see NOTICE | @license */
|
|
3
3
|
const e = o`
|
|
4
4
|
:host {
|
|
5
5
|
box-sizing: border-box;
|
package/mermaid.mjs
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { select as _ } from "https://cdn.jsdelivr.net/npm/d3-selection@3.0.0/+esm";
|
|
2
|
-
import { zoomIdentity as l, zoom as
|
|
3
|
-
import { nothing as
|
|
4
|
-
import { property as
|
|
2
|
+
import { zoomIdentity as l, zoom as b } from "https://cdn.jsdelivr.net/npm/d3-zoom@3.0.0/+esm";
|
|
3
|
+
import { nothing as d, html as c, unsafeCSS as m } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/+esm";
|
|
4
|
+
import { property as C, state as u, query as w, customElement as x } from "https://cdn.jsdelivr.net/npm/lit@3.3.3/decorators.js/+esm";
|
|
5
5
|
import p from "https://cdn.jsdelivr.net/npm/mermaid@11.16.0/+esm";
|
|
6
6
|
import "https://cdn.jsdelivr.net/npm/d3-transition@3.0.1/+esm";
|
|
7
|
-
import { i as
|
|
8
|
-
import { i as
|
|
9
|
-
import { L as
|
|
10
|
-
import { S
|
|
11
|
-
/*! @llumi/design-system v2.1.
|
|
12
|
-
const
|
|
7
|
+
import { i as y } from "./icon-button-DC6Ueb5e.js";
|
|
8
|
+
import { i as T } from "./icons-Dq4R6wwe.js";
|
|
9
|
+
import { L as g } from "./llumi-element-BdwGmR30.js";
|
|
10
|
+
import { S } from "./slot-text-CsqmV_r5.js";
|
|
11
|
+
/*! @llumi/design-system v2.1.6 | (c) 2026 pAIrprog SAS | license: https://cdn.jsdelivr.net/npm/@llumi/design-system@2.1.6/LICENSE | bundled third-party components under MIT, see NOTICE | @license */
|
|
12
|
+
const E = 0.01, z = 150;
|
|
13
13
|
function P(r, t, e) {
|
|
14
14
|
return l.translate(r.x - t, r.y - e).scale(r.k);
|
|
15
15
|
}
|
|
16
16
|
function D(r, t, e, s) {
|
|
17
|
-
const
|
|
17
|
+
const o = 1 - s * E;
|
|
18
18
|
return l.translate(
|
|
19
|
-
t - (t - r.x) *
|
|
20
|
-
e - (e - r.y) *
|
|
21
|
-
).scale(r.k *
|
|
19
|
+
t - (t - r.x) * o,
|
|
20
|
+
e - (e - r.y) * o
|
|
21
|
+
).scale(r.k * o);
|
|
22
22
|
}
|
|
23
23
|
function L(r, t, e, s) {
|
|
24
24
|
return l.translate(t - (t - r.x) * s, e - (e - r.y) * s).scale(r.k * s);
|
|
@@ -31,12 +31,12 @@ class M {
|
|
|
31
31
|
this.enabled = k(), this.target = null, this.lastPinchTime = 0, this.lastScale = 1, this.onWheel = (e) => {
|
|
32
32
|
if (!this.target) return;
|
|
33
33
|
e.preventDefault(), e.stopPropagation();
|
|
34
|
-
const s = this.getTransform(), { svgSelection:
|
|
35
|
-
this.isPinch(e) ? (this.lastPinchTime = Date.now(),
|
|
36
|
-
|
|
34
|
+
const s = this.getTransform(), { svgSelection: o, zoomBehavior: i } = this.target;
|
|
35
|
+
this.isPinch(e) ? (this.lastPinchTime = Date.now(), o.call(
|
|
36
|
+
i.transform,
|
|
37
37
|
D(s, e.offsetX, e.offsetY, e.deltaY)
|
|
38
|
-
)) :
|
|
39
|
-
|
|
38
|
+
)) : o.call(
|
|
39
|
+
i.transform,
|
|
40
40
|
P(s, e.deltaX, e.deltaY)
|
|
41
41
|
);
|
|
42
42
|
}, this.onGestureStart = (e) => {
|
|
@@ -44,16 +44,16 @@ class M {
|
|
|
44
44
|
}, this.onGestureChange = (e) => {
|
|
45
45
|
if (!this.target) return;
|
|
46
46
|
e.preventDefault(), e.stopPropagation();
|
|
47
|
-
const s = e,
|
|
47
|
+
const s = e, o = s.scale - this.lastScale;
|
|
48
48
|
this.lastScale = s.scale;
|
|
49
|
-
const
|
|
50
|
-
|
|
49
|
+
const i = this.getTransform(), n = this.target.svgEl.getBoundingClientRect(), { svgSelection: f, zoomBehavior: v } = this.target;
|
|
50
|
+
f.call(
|
|
51
51
|
v.transform,
|
|
52
52
|
L(
|
|
53
|
-
|
|
53
|
+
i,
|
|
54
54
|
s.clientX - n.left,
|
|
55
55
|
s.clientY - n.top,
|
|
56
|
-
1 +
|
|
56
|
+
1 + o
|
|
57
57
|
)
|
|
58
58
|
);
|
|
59
59
|
}, this.onGestureEnd = (e) => {
|
|
@@ -100,18 +100,18 @@ class M {
|
|
|
100
100
|
});
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
const O = ":host{display:block;width:100%;height:100%;overflow:hidden}.root{position:relative;width:100%;height:100%}.container{width:100%;height:100%;overflow:hidden}.container.hidden{display:none}.error{padding:1rem;font-size:.875rem;color:var(--llumi-color-danger, oklch(57.7% .245 27.325));border:1px solid color-mix(in oklab,var(--llumi-color-danger, oklch(57.7% .245 27.325)) 35%,transparent);border-radius:var(--llumi-radius, .5rem)}.error p{margin:0;font-weight:500}.error pre{margin:.5rem 0 0;font-size:.75rem;white-space:pre-wrap;font-family:var(--llumi-font-mono, ui-monospace, monospace)}.fit{position:absolute;top:.5rem;right:.5rem;z-index:1;background:color-mix(in oklab,var(--llumi-color-surface, oklch(100% 0 0)) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}";
|
|
103
|
+
const O = ":host{display:block;box-sizing:border-box;width:100%;height:100%;overflow:hidden}.root{position:relative;box-sizing:border-box;width:100%;height:100%}.container{box-sizing:border-box;width:100%;height:100%;overflow:hidden}.container.hidden{display:none}.error{padding:1rem;font-size:.875rem;color:var(--llumi-color-danger, oklch(57.7% .245 27.325));border:1px solid color-mix(in oklab,var(--llumi-color-danger, oklch(57.7% .245 27.325)) 35%,transparent);border-radius:var(--llumi-radius, .5rem)}.error p{margin:0;font-weight:500}.error pre{margin:.5rem 0 0;font-size:.75rem;white-space:pre-wrap;font-family:var(--llumi-font-mono, ui-monospace, monospace)}.fit{position:absolute;top:.5rem;right:.5rem;z-index:1;background:color-mix(in oklab,var(--llumi-color-surface, oklch(100% 0 0)) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}";
|
|
104
104
|
function G(r = "default") {
|
|
105
105
|
return typeof r == "string" ? { startOnLoad: !1, theme: r } : { startOnLoad: !1, theme: "base", themeVariables: r };
|
|
106
106
|
}
|
|
107
107
|
var q = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, h = (r, t, e, s) => {
|
|
108
|
-
for (var
|
|
109
|
-
(n = r[
|
|
110
|
-
return s &&
|
|
108
|
+
for (var o = s > 1 ? void 0 : s ? $(t, e) : t, i = r.length - 1, n; i >= 0; i--)
|
|
109
|
+
(n = r[i]) && (o = (s ? n(t, e, o) : n(o)) || o);
|
|
110
|
+
return s && o && q(t, e, o), o;
|
|
111
111
|
};
|
|
112
|
-
let I = 0, a = class extends
|
|
112
|
+
let I = 0, a = class extends g {
|
|
113
113
|
constructor() {
|
|
114
|
-
super(...arguments), this.theme = "default", this._source = "", this._error = null, this._hasDiagram = !1, this._slot = new
|
|
114
|
+
super(...arguments), this.theme = "default", this._source = "", this._error = null, this._hasDiagram = !1, this._slot = new S(this, (r) => {
|
|
115
115
|
this._source = r;
|
|
116
116
|
}), this._uid = `llumi-mermaid-${++I}`, this._seq = 0, this._renderTask = Promise.resolve(), this._gestures = new M(this), this._zoomCtx = null, this.fitToContent = () => {
|
|
117
117
|
const r = this._zoomCtx;
|
|
@@ -147,20 +147,20 @@ let I = 0, a = class extends f {
|
|
|
147
147
|
}
|
|
148
148
|
/** Attach d3-zoom + gestures to the freshly rendered SVG. */
|
|
149
149
|
onSvgRendered(r) {
|
|
150
|
-
var
|
|
150
|
+
var i;
|
|
151
151
|
const t = r.querySelector("svg");
|
|
152
152
|
if (!t) return;
|
|
153
153
|
const e = _(t), s = e.append("g");
|
|
154
154
|
for (const n of Array.from(t.childNodes))
|
|
155
|
-
n !== s.node() && ((
|
|
155
|
+
n !== s.node() && ((i = s.node()) == null || i.appendChild(n));
|
|
156
156
|
t.style.cursor = "grab", t.style.width = "100%", t.style.height = "100%", t.style.maxWidth = "100%", t.style.maxHeight = "100%";
|
|
157
|
-
const
|
|
157
|
+
const o = b().scaleExtent([0.25, 4]).on("zoom", (n) => {
|
|
158
158
|
s.attr("transform", n.transform);
|
|
159
159
|
});
|
|
160
|
-
e.call(
|
|
160
|
+
e.call(o), this._zoomCtx = { svgSelection: e, zoomBehavior: o }, this._gestures.setTarget({
|
|
161
161
|
svgEl: t,
|
|
162
162
|
svgSelection: e,
|
|
163
|
-
zoomBehavior:
|
|
163
|
+
zoomBehavior: o
|
|
164
164
|
});
|
|
165
165
|
}
|
|
166
166
|
/** Tear down zoom/gesture state on error/disconnect. */
|
|
@@ -217,22 +217,22 @@ let I = 0, a = class extends f {
|
|
|
217
217
|
@click=${this.fitToContent}
|
|
218
218
|
aria-label="Fit diagram to view"
|
|
219
219
|
>
|
|
220
|
-
<i>${
|
|
221
|
-
</button>` :
|
|
220
|
+
<i>${T.maximize}</i>
|
|
221
|
+
</button>` : d}
|
|
222
222
|
${this._error ? c`<div class="error" role="alert">
|
|
223
223
|
<p>Invalid Mermaid syntax</p>
|
|
224
224
|
<pre>${this._error}</pre>
|
|
225
|
-
</div>` :
|
|
225
|
+
</div>` : d}
|
|
226
226
|
</div>`;
|
|
227
227
|
}
|
|
228
228
|
};
|
|
229
229
|
a.styles = [
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
230
|
+
g.styles,
|
|
231
|
+
m(y),
|
|
232
|
+
m(O)
|
|
233
233
|
];
|
|
234
234
|
h([
|
|
235
|
-
|
|
235
|
+
C({ reflect: !0 })
|
|
236
236
|
], a.prototype, "theme", 2);
|
|
237
237
|
h([
|
|
238
238
|
u()
|
|
@@ -247,7 +247,7 @@ h([
|
|
|
247
247
|
w(".container")
|
|
248
248
|
], a.prototype, "_container", 2);
|
|
249
249
|
a = h([
|
|
250
|
-
|
|
250
|
+
x("llumi-mermaid")
|
|
251
251
|
], a);
|
|
252
252
|
export {
|
|
253
253
|
a as LlumiMermaid
|