triiiceratops 0.8.1 → 0.8.2
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/dist/chunks/TriiiceratopsViewer-BGtsfUPF.js +10298 -0
- package/dist/chunks/openseadragon-BTypULhm.js +12427 -0
- package/dist/index.js +2382 -2709
- package/dist/plugin-CHYleMsW.js +538 -0
- package/dist/plugins/image-manipulation.js +230 -273
- package/dist/triiiceratops-element-image.js +1 -1
- package/dist/triiiceratops-element.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/TriiiceratopsViewer-CyamQrMe.js +0 -22698
- package/dist/plugin-De14WKQl.js +0 -546
|
@@ -1,412 +1,369 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
throw TypeError(
|
|
1
|
+
var e0 = Object.defineProperty;
|
|
2
|
+
var N = (r) => {
|
|
3
|
+
throw TypeError(r);
|
|
4
4
|
};
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
5
|
+
var a0 = (r, a, t) => a in r ? e0(r, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[a] = t;
|
|
6
|
+
var j = (r, a, t) => a0(r, typeof a != "symbol" ? a + "" : a, t), t0 = (r, a, t) => a.has(r) || N("Cannot " + t);
|
|
7
|
+
var D = (r, a, t) => (t0(r, a, "read from private field"), t ? t.call(r) : a.get(r)), J = (r, a, t) => a.has(r) ? N("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(r) : a.set(r, t);
|
|
8
8
|
import * as e from "svelte/internal/client";
|
|
9
9
|
import "svelte/internal/disclose-version";
|
|
10
|
-
import { g as
|
|
11
|
-
var
|
|
12
|
-
function
|
|
10
|
+
import { g as $, X as r0, B as s0, m as i0 } from "../plugin-CHYleMsW.js";
|
|
11
|
+
var l0 = e.from_svg('<path d="M68,102.06V40a12,12,0,0,0-24,0v62.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V169.94a36,36,0,0,0,0-67.88ZM56,148a12,12,0,1,1,12-12A12,12,0,0,1,56,148ZM164,88a36.07,36.07,0,0,0-24-33.94V40a12,12,0,0,0-24,0V54.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V121.94A36.07,36.07,0,0,0,164,88Zm-36,12a12,12,0,1,1,12-12A12,12,0,0,1,128,100Zm108,68a36.07,36.07,0,0,0-24-33.94V40a12,12,0,0,0-24,0v94.06a36,36,0,0,0,0,67.88V216a12,12,0,0,0,24,0V201.94A36.07,36.07,0,0,0,236,168Zm-36,12a12,12,0,1,1,12-12A12,12,0,0,1,200,180Z"></path>'), n0 = e.from_svg('<path d="M80,136a24,24,0,1,1-24-24A24,24,0,0,1,80,136Zm48-72a24,24,0,1,0,24,24A24,24,0,0,0,128,64Zm72,80a24,24,0,1,0,24,24A24,24,0,0,0,200,144Z" opacity="0.2"></path><path d="M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z"></path>', 1), o0 = e.from_svg('<path d="M84,136a28,28,0,0,1-20,26.83V216a8,8,0,0,1-16,0V162.83a28,28,0,0,1,0-53.66V40a8,8,0,0,1,16,0v69.17A28,28,0,0,1,84,136Zm52-74.83V40a8,8,0,0,0-16,0V61.17a28,28,0,0,0,0,53.66V216a8,8,0,0,0,16,0V114.83a28,28,0,0,0,0-53.66Zm72,80V40a8,8,0,0,0-16,0V141.17a28,28,0,0,0,0,53.66V216a8,8,0,0,0,16,0V194.83a28,28,0,0,0,0-53.66Z"></path>'), v0 = e.from_svg('<path d="M62,106.6V40a6,6,0,0,0-12,0v66.6a30,30,0,0,0,0,58.8V216a6,6,0,0,0,12,0V165.4a30,30,0,0,0,0-58.8ZM56,154a18,18,0,1,1,18-18A18,18,0,0,1,56,154Zm78-95.4V40a6,6,0,0,0-12,0V58.6a30,30,0,0,0,0,58.8V216a6,6,0,0,0,12,0V117.4a30,30,0,0,0,0-58.8ZM128,106a18,18,0,1,1,18-18A18,18,0,0,1,128,106Zm102,62a30.05,30.05,0,0,0-24-29.4V40a6,6,0,0,0-12,0v98.6a30,30,0,0,0,0,58.8V216a6,6,0,0,0,12,0V197.4A30.05,30.05,0,0,0,230,168Zm-30,18a18,18,0,1,1,18-18A18,18,0,0,1,200,186Z"></path>'), d0 = e.from_svg('<path d="M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z"></path>'), c0 = e.from_svg('<path d="M60,108.29V40a4,4,0,0,0-8,0v68.29a28,28,0,0,0,0,55.42V216a4,4,0,0,0,8,0V163.71a28,28,0,0,0,0-55.42ZM56,156a20,20,0,1,1,20-20A20,20,0,0,1,56,156Zm76-95.71V40a4,4,0,0,0-8,0V60.29a28,28,0,0,0,0,55.42V216a4,4,0,0,0,8,0V115.71a28,28,0,0,0,0-55.42ZM128,108a20,20,0,1,1,20-20A20,20,0,0,1,128,108Zm100,60a28,28,0,0,0-24-27.71V40a4,4,0,0,0-8,0V140.29a28,28,0,0,0,0,55.42V216a4,4,0,0,0,8,0V195.71A28,28,0,0,0,228,168Zm-28,20a20,20,0,1,1,20-20A20,20,0,0,1,200,188Z"></path>'), g0 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
|
|
12
|
+
function h0(r, a) {
|
|
13
13
|
e.push(a, !0);
|
|
14
|
-
const t =
|
|
15
|
-
let
|
|
16
|
-
function
|
|
17
|
-
let { weight:
|
|
18
|
-
return
|
|
14
|
+
const t = $();
|
|
15
|
+
let v = e.rest_props(a, ["$$slots", "$$events", "$$legacy", "children"]), l = e.derived(() => a.weight ?? t.weight ?? "regular"), M = e.derived(() => a.color ?? t.color ?? "currentColor"), H = e.derived(() => a.size ?? t.size ?? "1em"), C = e.derived(() => a.mirrored ?? t.mirrored ?? !1);
|
|
16
|
+
function V(s) {
|
|
17
|
+
let { weight: i, color: h, size: A, mirrored: Z, ...n } = s;
|
|
18
|
+
return n;
|
|
19
19
|
}
|
|
20
|
-
var
|
|
21
|
-
get children() {
|
|
22
|
-
return l();
|
|
23
|
-
},
|
|
24
|
-
set children(r) {
|
|
25
|
-
l(r), e.flush();
|
|
26
|
-
}
|
|
27
|
-
}, m = ue();
|
|
20
|
+
var g = g0();
|
|
28
21
|
e.attribute_effect(
|
|
29
|
-
|
|
30
|
-
(
|
|
22
|
+
g,
|
|
23
|
+
(s, i) => ({
|
|
31
24
|
xmlns: "http://www.w3.org/2000/svg",
|
|
32
25
|
role: "img",
|
|
33
|
-
width: e.get(
|
|
34
|
-
height: e.get(
|
|
35
|
-
fill: e.get(
|
|
26
|
+
width: e.get(H),
|
|
27
|
+
height: e.get(H),
|
|
28
|
+
fill: e.get(M),
|
|
36
29
|
transform: e.get(C) ? "scale(-1, 1)" : void 0,
|
|
37
30
|
viewBox: "0 0 256 256",
|
|
38
|
-
...
|
|
39
|
-
...
|
|
31
|
+
...s,
|
|
32
|
+
...i
|
|
40
33
|
}),
|
|
41
|
-
[() =>
|
|
34
|
+
[() => V(t), () => V(v)]
|
|
42
35
|
);
|
|
43
|
-
var
|
|
36
|
+
var w = e.child(g);
|
|
44
37
|
{
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
e.snippet(
|
|
38
|
+
var B = (s) => {
|
|
39
|
+
var i = e.comment(), h = e.first_child(i);
|
|
40
|
+
e.snippet(h, () => a.children), e.append(s, i);
|
|
48
41
|
};
|
|
49
|
-
e.if(
|
|
50
|
-
|
|
42
|
+
e.if(w, (s) => {
|
|
43
|
+
a.children && s(B);
|
|
51
44
|
});
|
|
52
45
|
}
|
|
53
|
-
var F = e.sibling(
|
|
46
|
+
var F = e.sibling(w, 2);
|
|
54
47
|
{
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
e.append(
|
|
58
|
-
},
|
|
59
|
-
var
|
|
48
|
+
var L = (s) => {
|
|
49
|
+
var i = l0();
|
|
50
|
+
e.append(s, i);
|
|
51
|
+
}, k = (s) => {
|
|
52
|
+
var i = e.comment(), h = e.first_child(i);
|
|
60
53
|
{
|
|
61
|
-
var
|
|
62
|
-
var
|
|
63
|
-
e.next(), e.append(
|
|
64
|
-
},
|
|
65
|
-
var
|
|
54
|
+
var A = (n) => {
|
|
55
|
+
var u = n0();
|
|
56
|
+
e.next(), e.append(n, u);
|
|
57
|
+
}, Z = (n) => {
|
|
58
|
+
var u = e.comment(), z = e.first_child(u);
|
|
66
59
|
{
|
|
67
|
-
var
|
|
68
|
-
var
|
|
69
|
-
e.append(
|
|
70
|
-
},
|
|
71
|
-
var
|
|
60
|
+
var O = (d) => {
|
|
61
|
+
var _ = o0();
|
|
62
|
+
e.append(d, _);
|
|
63
|
+
}, P = (d) => {
|
|
64
|
+
var _ = e.comment(), R = e.first_child(_);
|
|
72
65
|
{
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
e.append(
|
|
76
|
-
}, T = (
|
|
77
|
-
var
|
|
66
|
+
var I = (c) => {
|
|
67
|
+
var m = v0();
|
|
68
|
+
e.append(c, m);
|
|
69
|
+
}, T = (c) => {
|
|
70
|
+
var m = e.comment(), o = e.first_child(m);
|
|
78
71
|
{
|
|
79
|
-
var
|
|
80
|
-
var
|
|
81
|
-
e.append(
|
|
82
|
-
},
|
|
83
|
-
var
|
|
72
|
+
var b = (p) => {
|
|
73
|
+
var x = d0();
|
|
74
|
+
e.append(p, x);
|
|
75
|
+
}, U = (p) => {
|
|
76
|
+
var x = e.comment(), G = e.first_child(x);
|
|
84
77
|
{
|
|
85
|
-
var
|
|
86
|
-
var
|
|
87
|
-
e.append(
|
|
88
|
-
},
|
|
89
|
-
var
|
|
90
|
-
|
|
78
|
+
var X = (f) => {
|
|
79
|
+
var y = c0();
|
|
80
|
+
e.append(f, y);
|
|
81
|
+
}, q = (f) => {
|
|
82
|
+
var y = e.text();
|
|
83
|
+
y.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), e.append(f, y);
|
|
91
84
|
};
|
|
92
85
|
e.if(
|
|
93
|
-
|
|
94
|
-
(
|
|
95
|
-
e.get(
|
|
86
|
+
G,
|
|
87
|
+
(f) => {
|
|
88
|
+
e.get(l) === "thin" ? f(X) : f(q, !1);
|
|
96
89
|
},
|
|
97
90
|
!0
|
|
98
91
|
);
|
|
99
92
|
}
|
|
100
|
-
e.append(
|
|
93
|
+
e.append(p, x);
|
|
101
94
|
};
|
|
102
95
|
e.if(
|
|
103
|
-
|
|
104
|
-
(
|
|
105
|
-
e.get(
|
|
96
|
+
o,
|
|
97
|
+
(p) => {
|
|
98
|
+
e.get(l) === "regular" ? p(b) : p(U, !1);
|
|
106
99
|
},
|
|
107
100
|
!0
|
|
108
101
|
);
|
|
109
102
|
}
|
|
110
|
-
e.append(
|
|
103
|
+
e.append(c, m);
|
|
111
104
|
};
|
|
112
105
|
e.if(
|
|
113
|
-
|
|
114
|
-
(
|
|
115
|
-
e.get(
|
|
106
|
+
R,
|
|
107
|
+
(c) => {
|
|
108
|
+
e.get(l) === "light" ? c(I) : c(T, !1);
|
|
116
109
|
},
|
|
117
110
|
!0
|
|
118
111
|
);
|
|
119
112
|
}
|
|
120
|
-
e.append(
|
|
113
|
+
e.append(d, _);
|
|
121
114
|
};
|
|
122
115
|
e.if(
|
|
123
|
-
|
|
124
|
-
(
|
|
125
|
-
e.get(
|
|
116
|
+
z,
|
|
117
|
+
(d) => {
|
|
118
|
+
e.get(l) === "fill" ? d(O) : d(P, !1);
|
|
126
119
|
},
|
|
127
120
|
!0
|
|
128
121
|
);
|
|
129
122
|
}
|
|
130
|
-
e.append(
|
|
123
|
+
e.append(n, u);
|
|
131
124
|
};
|
|
132
125
|
e.if(
|
|
133
|
-
|
|
134
|
-
(
|
|
135
|
-
e.get(
|
|
126
|
+
h,
|
|
127
|
+
(n) => {
|
|
128
|
+
e.get(l) === "duotone" ? n(A) : n(Z, !1);
|
|
136
129
|
},
|
|
137
130
|
!0
|
|
138
131
|
);
|
|
139
132
|
}
|
|
140
|
-
e.append(
|
|
133
|
+
e.append(s, i);
|
|
141
134
|
};
|
|
142
|
-
e.if(F, (
|
|
143
|
-
e.get(
|
|
135
|
+
e.if(F, (s) => {
|
|
136
|
+
e.get(l) === "bold" ? s(L) : s(k, !1);
|
|
144
137
|
});
|
|
145
138
|
}
|
|
146
|
-
|
|
139
|
+
e.reset(g), e.append(r, g), e.pop();
|
|
147
140
|
}
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
const t = (b = i.drawer) == null ? void 0 : b.canvas;
|
|
141
|
+
function K(r, a) {
|
|
142
|
+
var l;
|
|
143
|
+
const t = (l = r.drawer) == null ? void 0 : l.canvas;
|
|
152
144
|
if (!t) return;
|
|
153
|
-
const
|
|
154
|
-
a.brightness !== 100 &&
|
|
145
|
+
const v = [];
|
|
146
|
+
a.brightness !== 100 && v.push(`brightness(${a.brightness / 100})`), a.contrast !== 100 && v.push(`contrast(${a.contrast / 100})`), a.saturation !== 100 && v.push(`saturate(${a.saturation / 100})`), a.invert && v.push("invert(1)"), a.grayscale && v.push("grayscale(1)"), t.style.filter = v.length > 0 ? v.join(" ") : "none";
|
|
155
147
|
}
|
|
156
|
-
function
|
|
148
|
+
function Q(r) {
|
|
157
149
|
var t;
|
|
158
|
-
const a = (t =
|
|
150
|
+
const a = (t = r.drawer) == null ? void 0 : t.canvas;
|
|
159
151
|
a && (a.style.filter = "none");
|
|
160
152
|
}
|
|
161
|
-
function
|
|
162
|
-
return
|
|
153
|
+
function W(r) {
|
|
154
|
+
return r.brightness !== 100 || r.contrast !== 100 || r.saturation !== 100 || r.invert || r.grayscale;
|
|
163
155
|
}
|
|
164
|
-
const
|
|
156
|
+
const Y = {
|
|
165
157
|
brightness: 100,
|
|
166
158
|
contrast: 100,
|
|
167
159
|
saturation: 100,
|
|
168
160
|
invert: !1,
|
|
169
161
|
grayscale: !1
|
|
170
162
|
};
|
|
171
|
-
var
|
|
172
|
-
function
|
|
163
|
+
var p0 = e.from_svg('<path d="M228,128a100,100,0,0,1-98.66,100H128a99.39,99.39,0,0,1-68.62-27.29,12,12,0,0,1,16.48-17.45,76,76,0,1,0-1.57-109c-.13.13-.25.25-.39.37L54.89,92H72a12,12,0,0,1,0,24H24a12,12,0,0,1-12-12V56a12,12,0,0,1,24,0V76.72L57.48,57.06A100,100,0,0,1,228,128Z"></path>'), f0 = e.from_svg('<path d="M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z" opacity="0.2"></path><path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>', 1), _0 = e.from_svg('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z"></path>'), u0 = e.from_svg('<path d="M222,128a94,94,0,0,1-92.74,94H128a93.43,93.43,0,0,1-64.5-25.65,6,6,0,1,1,8.24-8.72A82,82,0,1,0,70,70l-.19.19L39.44,98H72a6,6,0,0,1,0,12H24a6,6,0,0,1-6-6V56a6,6,0,0,1,12,0V90.34L61.63,61.4A94,94,0,0,1,222,128Z"></path>'), m0 = e.from_svg('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>'), b0 = e.from_svg('<path d="M220,128a92,92,0,0,1-90.77,92H128a91.47,91.47,0,0,1-63.13-25.1,4,4,0,1,1,5.5-5.82A84,84,0,1,0,68.6,68.57l-.13.12L34.3,100H72a4,4,0,0,1,0,8H24a4,4,0,0,1-4-4V56a4,4,0,0,1,8,0V94.89l35-32A92,92,0,0,1,220,128Z"></path>'), V0 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
|
|
164
|
+
function A0(r, a) {
|
|
173
165
|
e.push(a, !0);
|
|
174
|
-
const t =
|
|
175
|
-
let
|
|
176
|
-
function
|
|
177
|
-
let { weight:
|
|
178
|
-
return
|
|
166
|
+
const t = $();
|
|
167
|
+
let v = e.rest_props(a, ["$$slots", "$$events", "$$legacy", "children"]), l = e.derived(() => a.weight ?? t.weight ?? "regular"), M = e.derived(() => a.color ?? t.color ?? "currentColor"), H = e.derived(() => a.size ?? t.size ?? "1em"), C = e.derived(() => a.mirrored ?? t.mirrored ?? !1);
|
|
168
|
+
function V(s) {
|
|
169
|
+
let { weight: i, color: h, size: A, mirrored: Z, ...n } = s;
|
|
170
|
+
return n;
|
|
179
171
|
}
|
|
180
|
-
var
|
|
181
|
-
get children() {
|
|
182
|
-
return l();
|
|
183
|
-
},
|
|
184
|
-
set children(r) {
|
|
185
|
-
l(r), e.flush();
|
|
186
|
-
}
|
|
187
|
-
}, m = ye();
|
|
172
|
+
var g = V0();
|
|
188
173
|
e.attribute_effect(
|
|
189
|
-
|
|
190
|
-
(
|
|
174
|
+
g,
|
|
175
|
+
(s, i) => ({
|
|
191
176
|
xmlns: "http://www.w3.org/2000/svg",
|
|
192
177
|
role: "img",
|
|
193
|
-
width: e.get(
|
|
194
|
-
height: e.get(
|
|
195
|
-
fill: e.get(
|
|
178
|
+
width: e.get(H),
|
|
179
|
+
height: e.get(H),
|
|
180
|
+
fill: e.get(M),
|
|
196
181
|
transform: e.get(C) ? "scale(-1, 1)" : void 0,
|
|
197
182
|
viewBox: "0 0 256 256",
|
|
198
|
-
...
|
|
199
|
-
...
|
|
183
|
+
...s,
|
|
184
|
+
...i
|
|
200
185
|
}),
|
|
201
|
-
[() =>
|
|
186
|
+
[() => V(t), () => V(v)]
|
|
202
187
|
);
|
|
203
|
-
var
|
|
188
|
+
var w = e.child(g);
|
|
204
189
|
{
|
|
205
|
-
var
|
|
206
|
-
var
|
|
207
|
-
e.snippet(
|
|
190
|
+
var B = (s) => {
|
|
191
|
+
var i = e.comment(), h = e.first_child(i);
|
|
192
|
+
e.snippet(h, () => a.children), e.append(s, i);
|
|
208
193
|
};
|
|
209
|
-
e.if(
|
|
210
|
-
|
|
194
|
+
e.if(w, (s) => {
|
|
195
|
+
a.children && s(B);
|
|
211
196
|
});
|
|
212
197
|
}
|
|
213
|
-
var F = e.sibling(
|
|
198
|
+
var F = e.sibling(w, 2);
|
|
214
199
|
{
|
|
215
|
-
var
|
|
216
|
-
var
|
|
217
|
-
e.append(
|
|
218
|
-
},
|
|
219
|
-
var
|
|
200
|
+
var L = (s) => {
|
|
201
|
+
var i = p0();
|
|
202
|
+
e.append(s, i);
|
|
203
|
+
}, k = (s) => {
|
|
204
|
+
var i = e.comment(), h = e.first_child(i);
|
|
220
205
|
{
|
|
221
|
-
var
|
|
222
|
-
var
|
|
223
|
-
e.next(), e.append(
|
|
224
|
-
},
|
|
225
|
-
var
|
|
206
|
+
var A = (n) => {
|
|
207
|
+
var u = f0();
|
|
208
|
+
e.next(), e.append(n, u);
|
|
209
|
+
}, Z = (n) => {
|
|
210
|
+
var u = e.comment(), z = e.first_child(u);
|
|
226
211
|
{
|
|
227
|
-
var
|
|
228
|
-
var
|
|
229
|
-
e.append(
|
|
230
|
-
},
|
|
231
|
-
var
|
|
212
|
+
var O = (d) => {
|
|
213
|
+
var _ = _0();
|
|
214
|
+
e.append(d, _);
|
|
215
|
+
}, P = (d) => {
|
|
216
|
+
var _ = e.comment(), R = e.first_child(_);
|
|
232
217
|
{
|
|
233
|
-
var
|
|
234
|
-
var
|
|
235
|
-
e.append(
|
|
236
|
-
}, T = (
|
|
237
|
-
var
|
|
218
|
+
var I = (c) => {
|
|
219
|
+
var m = u0();
|
|
220
|
+
e.append(c, m);
|
|
221
|
+
}, T = (c) => {
|
|
222
|
+
var m = e.comment(), o = e.first_child(m);
|
|
238
223
|
{
|
|
239
|
-
var
|
|
240
|
-
var
|
|
241
|
-
e.append(
|
|
242
|
-
},
|
|
243
|
-
var
|
|
224
|
+
var b = (p) => {
|
|
225
|
+
var x = m0();
|
|
226
|
+
e.append(p, x);
|
|
227
|
+
}, U = (p) => {
|
|
228
|
+
var x = e.comment(), G = e.first_child(x);
|
|
244
229
|
{
|
|
245
|
-
var
|
|
246
|
-
var
|
|
247
|
-
e.append(
|
|
248
|
-
},
|
|
249
|
-
var
|
|
250
|
-
|
|
230
|
+
var X = (f) => {
|
|
231
|
+
var y = b0();
|
|
232
|
+
e.append(f, y);
|
|
233
|
+
}, q = (f) => {
|
|
234
|
+
var y = e.text();
|
|
235
|
+
y.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), e.append(f, y);
|
|
251
236
|
};
|
|
252
237
|
e.if(
|
|
253
|
-
|
|
254
|
-
(
|
|
255
|
-
e.get(
|
|
238
|
+
G,
|
|
239
|
+
(f) => {
|
|
240
|
+
e.get(l) === "thin" ? f(X) : f(q, !1);
|
|
256
241
|
},
|
|
257
242
|
!0
|
|
258
243
|
);
|
|
259
244
|
}
|
|
260
|
-
e.append(
|
|
245
|
+
e.append(p, x);
|
|
261
246
|
};
|
|
262
247
|
e.if(
|
|
263
|
-
|
|
264
|
-
(
|
|
265
|
-
e.get(
|
|
248
|
+
o,
|
|
249
|
+
(p) => {
|
|
250
|
+
e.get(l) === "regular" ? p(b) : p(U, !1);
|
|
266
251
|
},
|
|
267
252
|
!0
|
|
268
253
|
);
|
|
269
254
|
}
|
|
270
|
-
e.append(
|
|
255
|
+
e.append(c, m);
|
|
271
256
|
};
|
|
272
257
|
e.if(
|
|
273
|
-
|
|
274
|
-
(
|
|
275
|
-
e.get(
|
|
258
|
+
R,
|
|
259
|
+
(c) => {
|
|
260
|
+
e.get(l) === "light" ? c(I) : c(T, !1);
|
|
276
261
|
},
|
|
277
262
|
!0
|
|
278
263
|
);
|
|
279
264
|
}
|
|
280
|
-
e.append(
|
|
265
|
+
e.append(d, _);
|
|
281
266
|
};
|
|
282
267
|
e.if(
|
|
283
|
-
|
|
284
|
-
(
|
|
285
|
-
e.get(
|
|
268
|
+
z,
|
|
269
|
+
(d) => {
|
|
270
|
+
e.get(l) === "fill" ? d(O) : d(P, !1);
|
|
286
271
|
},
|
|
287
272
|
!0
|
|
288
273
|
);
|
|
289
274
|
}
|
|
290
|
-
e.append(
|
|
275
|
+
e.append(n, u);
|
|
291
276
|
};
|
|
292
277
|
e.if(
|
|
293
|
-
|
|
294
|
-
(
|
|
295
|
-
e.get(
|
|
278
|
+
h,
|
|
279
|
+
(n) => {
|
|
280
|
+
e.get(l) === "duotone" ? n(A) : n(Z, !1);
|
|
296
281
|
},
|
|
297
282
|
!0
|
|
298
283
|
);
|
|
299
284
|
}
|
|
300
|
-
e.append(
|
|
285
|
+
e.append(s, i);
|
|
301
286
|
};
|
|
302
|
-
e.if(F, (
|
|
303
|
-
e.get(
|
|
287
|
+
e.if(F, (s) => {
|
|
288
|
+
e.get(l) === "bold" ? s(L) : s(k, !1);
|
|
304
289
|
});
|
|
305
290
|
}
|
|
306
|
-
|
|
291
|
+
e.reset(g), e.append(r, g), e.pop();
|
|
307
292
|
}
|
|
308
|
-
e.
|
|
309
|
-
|
|
310
|
-
function se(i, a) {
|
|
293
|
+
var Z0 = e.from_html('<div class="w-72 h-full bg-base-200 border-l border-base-300 shadow-xl flex flex-col"><div class="flex items-center justify-between p-4 border-b border-base-300"><h2 class="text-lg font-semibold">Image Adjustments</h2> <button class="btn btn-sm btn-ghost btn-circle" aria-label="Close panel"><!></button></div> <div class="flex-1 overflow-y-auto p-4 space-y-6"><div class="form-control"><label class="label" for="brightness-slider"><span class="label-text">Brightness</span> <span class="label-text-alt"> </span></label> <input id="brightness-slider" type="range" min="0" max="200" class="range range-sm range-primary"/></div> <div class="form-control"><label class="label" for="contrast-slider"><span class="label-text">Contrast</span> <span class="label-text-alt"> </span></label> <input id="contrast-slider" type="range" min="0" max="200" class="range range-sm range-secondary"/></div> <div class="form-control"><label class="label" for="saturation-slider"><span class="label-text">Saturation</span> <span class="label-text-alt"> </span></label> <input id="saturation-slider" type="range" min="0" max="200" class="range range-sm range-accent"/></div> <div class="divider">Effects</div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Invert Colors</span> <input type="checkbox" class="toggle toggle-primary"/></label></div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Grayscale</span> <input type="checkbox" class="toggle toggle-secondary"/></label></div></div> <div class="p-4 border-t border-base-300"><button class="btn btn-outline btn-block"><!> Reset to Default</button></div></div>');
|
|
294
|
+
function x0(r, a) {
|
|
311
295
|
e.push(a, !0);
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
l()({ ...t(), [s]: c });
|
|
296
|
+
function t(o, b) {
|
|
297
|
+
a.onFilterChange({ ...a.filters, [o]: b });
|
|
315
298
|
}
|
|
316
|
-
var
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
set filters(s) {
|
|
321
|
-
t(s), e.flush();
|
|
322
|
-
},
|
|
323
|
-
get onFilterChange() {
|
|
324
|
-
return l();
|
|
325
|
-
},
|
|
326
|
-
set onFilterChange(s) {
|
|
327
|
-
l(s), e.flush();
|
|
328
|
-
},
|
|
329
|
-
get onReset() {
|
|
330
|
-
return b();
|
|
331
|
-
},
|
|
332
|
-
set onReset(s) {
|
|
333
|
-
b(s), e.flush();
|
|
334
|
-
},
|
|
335
|
-
get onClose() {
|
|
336
|
-
return d();
|
|
337
|
-
},
|
|
338
|
-
set onClose(s) {
|
|
339
|
-
d(s), e.flush();
|
|
340
|
-
}
|
|
341
|
-
}, C = we(), A = e.child(C), M = e.sibling(e.child(A), 2);
|
|
342
|
-
M.__click = function(...s) {
|
|
343
|
-
var c;
|
|
344
|
-
(c = d()) == null || c.apply(this, s);
|
|
299
|
+
var v = Z0(), l = e.child(v), M = e.sibling(e.child(l), 2);
|
|
300
|
+
M.__click = function(...o) {
|
|
301
|
+
var b;
|
|
302
|
+
(b = a.onClose) == null || b.apply(this, o);
|
|
345
303
|
};
|
|
346
|
-
var
|
|
347
|
-
|
|
348
|
-
var
|
|
349
|
-
e.reset(
|
|
350
|
-
var
|
|
351
|
-
e.remove_input_defaults(
|
|
352
|
-
var
|
|
353
|
-
e.reset(
|
|
354
|
-
var
|
|
355
|
-
e.remove_input_defaults(
|
|
356
|
-
var
|
|
357
|
-
e.reset(
|
|
358
|
-
var
|
|
359
|
-
e.remove_input_defaults(
|
|
360
|
-
var
|
|
361
|
-
e.remove_input_defaults(
|
|
362
|
-
var
|
|
363
|
-
e.remove_input_defaults(
|
|
364
|
-
var
|
|
365
|
-
|
|
366
|
-
var
|
|
367
|
-
(
|
|
304
|
+
var H = e.child(M);
|
|
305
|
+
r0(H, { size: 20 }), e.reset(M), e.reset(l);
|
|
306
|
+
var C = e.sibling(l, 2), V = e.child(C), g = e.child(V), w = e.sibling(e.child(g), 2), B = e.child(w);
|
|
307
|
+
e.reset(w), e.reset(g);
|
|
308
|
+
var F = e.sibling(g, 2);
|
|
309
|
+
e.remove_input_defaults(F), F.__input = (o) => t("brightness", +o.currentTarget.value), e.reset(V);
|
|
310
|
+
var L = e.sibling(V, 2), k = e.child(L), s = e.sibling(e.child(k), 2), i = e.child(s);
|
|
311
|
+
e.reset(s), e.reset(k);
|
|
312
|
+
var h = e.sibling(k, 2);
|
|
313
|
+
e.remove_input_defaults(h), h.__input = (o) => t("contrast", +o.currentTarget.value), e.reset(L);
|
|
314
|
+
var A = e.sibling(L, 2), Z = e.child(A), n = e.sibling(e.child(Z), 2), u = e.child(n);
|
|
315
|
+
e.reset(n), e.reset(Z);
|
|
316
|
+
var z = e.sibling(Z, 2);
|
|
317
|
+
e.remove_input_defaults(z), z.__input = (o) => t("saturation", +o.currentTarget.value), e.reset(A);
|
|
318
|
+
var O = e.sibling(A, 4), P = e.child(O), d = e.sibling(e.child(P), 2);
|
|
319
|
+
e.remove_input_defaults(d), d.__change = (o) => t("invert", o.currentTarget.checked), e.reset(P), e.reset(O);
|
|
320
|
+
var _ = e.sibling(O, 2), R = e.child(_), I = e.sibling(e.child(R), 2);
|
|
321
|
+
e.remove_input_defaults(I), I.__change = (o) => t("grayscale", o.currentTarget.checked), e.reset(R), e.reset(_), e.reset(C);
|
|
322
|
+
var T = e.sibling(C, 2), c = e.child(T);
|
|
323
|
+
c.__click = function(...o) {
|
|
324
|
+
var b;
|
|
325
|
+
(b = a.onReset) == null || b.apply(this, o);
|
|
368
326
|
};
|
|
369
|
-
var
|
|
370
|
-
|
|
371
|
-
e.set_text(
|
|
372
|
-
}), e.append(
|
|
327
|
+
var m = e.child(c);
|
|
328
|
+
A0(m, { size: 20 }), e.next(), e.reset(c), e.reset(T), e.reset(v), e.template_effect(() => {
|
|
329
|
+
e.set_text(B, `${a.filters.brightness ?? ""}%`), e.set_value(F, a.filters.brightness), e.set_text(i, `${a.filters.contrast ?? ""}%`), e.set_value(h, a.filters.contrast), e.set_text(u, `${a.filters.saturation ?? ""}%`), e.set_value(z, a.filters.saturation), e.set_checked(d, a.filters.invert), e.set_checked(I, a.filters.grayscale);
|
|
330
|
+
}), e.append(r, v), e.pop();
|
|
373
331
|
}
|
|
374
332
|
e.delegate(["click", "input", "change"]);
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
class Fe extends de {
|
|
333
|
+
var E, S;
|
|
334
|
+
class H0 extends s0 {
|
|
378
335
|
constructor() {
|
|
379
336
|
super(...arguments);
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
337
|
+
j(this, "id", "image-manipulation");
|
|
338
|
+
j(this, "name", "Image Manipulation");
|
|
339
|
+
j(this, "version", "1.0.0");
|
|
340
|
+
J(
|
|
384
341
|
this,
|
|
385
|
-
|
|
342
|
+
E,
|
|
386
343
|
// Reactive state using Svelte 5 runes
|
|
387
344
|
e.state(!1)
|
|
388
345
|
);
|
|
389
|
-
|
|
390
|
-
|
|
346
|
+
J(this, S, e.state(e.proxy({ ...Y })));
|
|
347
|
+
j(this, "osd", null);
|
|
391
348
|
}
|
|
392
349
|
get _panelOpen() {
|
|
393
|
-
return e.get(
|
|
350
|
+
return e.get(D(this, E));
|
|
394
351
|
}
|
|
395
352
|
set _panelOpen(t) {
|
|
396
|
-
e.set(
|
|
353
|
+
e.set(D(this, E), t, !0);
|
|
397
354
|
}
|
|
398
355
|
get _filters() {
|
|
399
|
-
return e.get(
|
|
356
|
+
return e.get(D(this, S));
|
|
400
357
|
}
|
|
401
358
|
set _filters(t) {
|
|
402
|
-
e.set(
|
|
359
|
+
e.set(D(this, S), t, !0);
|
|
403
360
|
}
|
|
404
361
|
onRegister(t) {
|
|
405
362
|
super.onRegister(t), t.registerMenuButton({
|
|
406
363
|
id: `${this.id}:toggle`,
|
|
407
|
-
icon:
|
|
364
|
+
icon: h0,
|
|
408
365
|
get tooltip() {
|
|
409
|
-
return
|
|
366
|
+
return i0.image_adjustments();
|
|
410
367
|
},
|
|
411
368
|
onClick: () => this.togglePanel(),
|
|
412
369
|
isActive: () => this._panelOpen,
|
|
@@ -414,41 +371,41 @@ class Fe extends de {
|
|
|
414
371
|
order: 50
|
|
415
372
|
}), t.registerPanel({
|
|
416
373
|
id: `${this.id}:panel`,
|
|
417
|
-
component:
|
|
374
|
+
component: x0,
|
|
418
375
|
position: "left",
|
|
419
376
|
isVisible: () => this._panelOpen,
|
|
420
377
|
props: {
|
|
421
378
|
filters: this._filters,
|
|
422
|
-
onFilterChange: (
|
|
379
|
+
onFilterChange: (v) => this.setFilters(v),
|
|
423
380
|
onReset: () => this.resetFilters(),
|
|
424
381
|
onClose: () => this.togglePanel()
|
|
425
382
|
}
|
|
426
383
|
});
|
|
427
384
|
}
|
|
428
385
|
onViewerReady(t) {
|
|
429
|
-
this.osd = t,
|
|
430
|
-
this.osd &&
|
|
386
|
+
this.osd = t, W(this._filters) && K(t, this._filters), this.osd.addHandler("open", () => {
|
|
387
|
+
this.osd && W(this._filters) && K(this.osd, this._filters);
|
|
431
388
|
});
|
|
432
389
|
}
|
|
433
390
|
onDestroy() {
|
|
434
|
-
this.osd &&
|
|
391
|
+
this.osd && Q(this.osd), this.osd = null, super.onDestroy();
|
|
435
392
|
}
|
|
436
393
|
// Public API
|
|
437
394
|
togglePanel() {
|
|
438
395
|
this._panelOpen = !this._panelOpen;
|
|
439
396
|
}
|
|
440
397
|
setFilters(t) {
|
|
441
|
-
this._filters.brightness = t.brightness, this._filters.contrast = t.contrast, this._filters.saturation = t.saturation, this._filters.invert = t.invert, this._filters.grayscale = t.grayscale, this.osd &&
|
|
398
|
+
this._filters.brightness = t.brightness, this._filters.contrast = t.contrast, this._filters.saturation = t.saturation, this._filters.invert = t.invert, this._filters.grayscale = t.grayscale, this.osd && K(this.osd, t);
|
|
442
399
|
}
|
|
443
400
|
resetFilters() {
|
|
444
|
-
Object.assign(this._filters,
|
|
401
|
+
Object.assign(this._filters, Y), this.osd && Q(this.osd);
|
|
445
402
|
}
|
|
446
403
|
getFilters() {
|
|
447
404
|
return { ...this._filters };
|
|
448
405
|
}
|
|
449
406
|
}
|
|
450
|
-
|
|
407
|
+
E = new WeakMap(), S = new WeakMap();
|
|
451
408
|
export {
|
|
452
|
-
|
|
453
|
-
|
|
409
|
+
Y as DEFAULT_FILTERS,
|
|
410
|
+
H0 as ImageManipulationPlugin
|
|
454
411
|
};
|