@halo-dev/shiki-code-element 1.0.11 → 1.2.0
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/index.js +419 -413
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,208 +1,208 @@
|
|
|
1
|
-
var tailwind_default = "*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--un-default-border-color,#e5e7eb)}:before,:after{--un-content:\"\"}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}", t$2 = globalThis, e$
|
|
2
|
-
constructor(
|
|
3
|
-
if (this._$cssResult$ = !0,
|
|
4
|
-
this.cssText =
|
|
1
|
+
var tailwind_default = "*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--un-default-border-color,#e5e7eb)}:before,:after{--un-content:\"\"}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}", t$2 = globalThis, e$4 = t$2.ShadowRoot && (t$2.ShadyCSS === void 0 || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$5 = /* @__PURE__ */ new WeakMap(), n$4 = class {
|
|
2
|
+
constructor(y, b, w) {
|
|
3
|
+
if (this._$cssResult$ = !0, w !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
4
|
+
this.cssText = y, this.t = b;
|
|
5
5
|
}
|
|
6
6
|
get styleSheet() {
|
|
7
|
-
let
|
|
8
|
-
if (e$
|
|
9
|
-
let
|
|
10
|
-
|
|
7
|
+
let y = this.o, b = this.t;
|
|
8
|
+
if (e$4 && y === void 0) {
|
|
9
|
+
let w = b !== void 0 && b.length === 1;
|
|
10
|
+
w && (y = o$5.get(b)), y === void 0 && ((this.o = y = new CSSStyleSheet()).replaceSync(this.cssText), w && o$5.set(b, y));
|
|
11
11
|
}
|
|
12
|
-
return
|
|
12
|
+
return y;
|
|
13
13
|
}
|
|
14
14
|
toString() {
|
|
15
15
|
return this.cssText;
|
|
16
16
|
}
|
|
17
|
-
}, r = (
|
|
18
|
-
if (!0 ===
|
|
19
|
-
if (typeof
|
|
20
|
-
throw Error("Value passed to 'css' function must be a 'css' function result: " +
|
|
21
|
-
})(
|
|
22
|
-
if (e$
|
|
23
|
-
else for (let
|
|
24
|
-
let
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
}, c$
|
|
28
|
-
let
|
|
29
|
-
for (let
|
|
30
|
-
return r(
|
|
31
|
-
})(
|
|
32
|
-
toAttribute(
|
|
33
|
-
switch (
|
|
17
|
+
}, r$4 = (y) => new n$4(typeof y == "string" ? y : y + "", void 0, s$2), i$4 = (y, ...b) => new n$4(y.length === 1 ? y[0] : b.reduce(((b, w, D) => b + ((y) => {
|
|
18
|
+
if (!0 === y._$cssResult$) return y.cssText;
|
|
19
|
+
if (typeof y == "number") return y;
|
|
20
|
+
throw Error("Value passed to 'css' function must be a 'css' function result: " + y + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
21
|
+
})(w) + y[D + 1]), y[0]), y, s$2), S$1 = (y, D) => {
|
|
22
|
+
if (e$4) y.adoptedStyleSheets = D.map(((y) => y instanceof CSSStyleSheet ? y : y.styleSheet));
|
|
23
|
+
else for (let w of D) {
|
|
24
|
+
let D = document.createElement("style"), O = t$2.litNonce;
|
|
25
|
+
O !== void 0 && D.setAttribute("nonce", O), D.textContent = w.cssText, y.appendChild(D);
|
|
26
|
+
}
|
|
27
|
+
}, c$2 = e$4 ? (y) => y : (y) => y instanceof CSSStyleSheet ? ((y) => {
|
|
28
|
+
let b = "";
|
|
29
|
+
for (let w of y.cssRules) b += w.cssText;
|
|
30
|
+
return r$4(b);
|
|
31
|
+
})(y) : y, { is: i$3, defineProperty: e$3, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$3, getOwnPropertySymbols: o$4, getPrototypeOf: n$3 } = Object, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (y, b) => y, u$1 = {
|
|
32
|
+
toAttribute(y, b) {
|
|
33
|
+
switch (b) {
|
|
34
34
|
case Boolean:
|
|
35
|
-
|
|
35
|
+
y = y ? l$1 : null;
|
|
36
36
|
break;
|
|
37
37
|
case Object:
|
|
38
|
-
case Array:
|
|
38
|
+
case Array: y = y == null ? y : JSON.stringify(y);
|
|
39
39
|
}
|
|
40
|
-
return
|
|
40
|
+
return y;
|
|
41
41
|
},
|
|
42
|
-
fromAttribute(
|
|
43
|
-
let
|
|
44
|
-
switch (
|
|
42
|
+
fromAttribute(y, b) {
|
|
43
|
+
let w = y;
|
|
44
|
+
switch (b) {
|
|
45
45
|
case Boolean:
|
|
46
|
-
|
|
46
|
+
w = y !== null;
|
|
47
47
|
break;
|
|
48
48
|
case Number:
|
|
49
|
-
|
|
49
|
+
w = y === null ? null : Number(y);
|
|
50
50
|
break;
|
|
51
51
|
case Object:
|
|
52
52
|
case Array: try {
|
|
53
|
-
|
|
53
|
+
w = JSON.parse(y);
|
|
54
54
|
} catch {
|
|
55
|
-
|
|
55
|
+
w = null;
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
|
-
return
|
|
58
|
+
return w;
|
|
59
59
|
}
|
|
60
|
-
}, f = (
|
|
60
|
+
}, f$1 = (y, b) => !i$3(y, b), b$1 = {
|
|
61
61
|
attribute: !0,
|
|
62
62
|
type: String,
|
|
63
|
-
converter: u,
|
|
63
|
+
converter: u$1,
|
|
64
64
|
reflect: !1,
|
|
65
65
|
useDefault: !1,
|
|
66
|
-
hasChanged: f
|
|
66
|
+
hasChanged: f$1
|
|
67
67
|
};
|
|
68
68
|
Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
|
|
69
|
-
var y = class extends HTMLElement {
|
|
70
|
-
static addInitializer(
|
|
71
|
-
this._$Ei(), (this.l ??= []).push(
|
|
69
|
+
var y$1 = class extends HTMLElement {
|
|
70
|
+
static addInitializer(y) {
|
|
71
|
+
this._$Ei(), (this.l ??= []).push(y);
|
|
72
72
|
}
|
|
73
73
|
static get observedAttributes() {
|
|
74
74
|
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
75
75
|
}
|
|
76
|
-
static createProperty(
|
|
77
|
-
if (
|
|
78
|
-
let
|
|
79
|
-
|
|
76
|
+
static createProperty(y, b = b$1) {
|
|
77
|
+
if (b.state && (b.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(y) && ((b = Object.create(b)).wrapped = !0), this.elementProperties.set(y, b), !b.noAccessor) {
|
|
78
|
+
let w = Symbol(), D = this.getPropertyDescriptor(y, w, b);
|
|
79
|
+
D !== void 0 && e$3(this.prototype, y, D);
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
static getPropertyDescriptor(
|
|
83
|
-
let { get:
|
|
82
|
+
static getPropertyDescriptor(y, b, w) {
|
|
83
|
+
let { get: D, set: O } = h$1(this.prototype, y) ?? {
|
|
84
84
|
get() {
|
|
85
|
-
return this[
|
|
85
|
+
return this[b];
|
|
86
86
|
},
|
|
87
|
-
set(
|
|
88
|
-
this[
|
|
87
|
+
set(y) {
|
|
88
|
+
this[b] = y;
|
|
89
89
|
}
|
|
90
90
|
};
|
|
91
91
|
return {
|
|
92
|
-
get:
|
|
93
|
-
set(
|
|
94
|
-
let
|
|
95
|
-
|
|
92
|
+
get: D,
|
|
93
|
+
set(b) {
|
|
94
|
+
let F = D?.call(this);
|
|
95
|
+
O?.call(this, b), this.requestUpdate(y, F, w);
|
|
96
96
|
},
|
|
97
97
|
configurable: !0,
|
|
98
98
|
enumerable: !0
|
|
99
99
|
};
|
|
100
100
|
}
|
|
101
|
-
static getPropertyOptions(
|
|
102
|
-
return this.elementProperties.get(
|
|
101
|
+
static getPropertyOptions(y) {
|
|
102
|
+
return this.elementProperties.get(y) ?? b$1;
|
|
103
103
|
}
|
|
104
104
|
static _$Ei() {
|
|
105
105
|
if (this.hasOwnProperty(d$1("elementProperties"))) return;
|
|
106
|
-
let
|
|
107
|
-
|
|
106
|
+
let y = n$3(this);
|
|
107
|
+
y.finalize(), y.l !== void 0 && (this.l = [...y.l]), this.elementProperties = new Map(y.elementProperties);
|
|
108
108
|
}
|
|
109
109
|
static finalize() {
|
|
110
110
|
if (this.hasOwnProperty(d$1("finalized"))) return;
|
|
111
111
|
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
|
|
112
|
-
let
|
|
113
|
-
for (let
|
|
112
|
+
let y = this.properties, b = [...r$3(y), ...o$4(y)];
|
|
113
|
+
for (let w of b) this.createProperty(w, y[w]);
|
|
114
114
|
}
|
|
115
|
-
let
|
|
116
|
-
if (
|
|
117
|
-
let
|
|
118
|
-
if (
|
|
115
|
+
let y = this[Symbol.metadata];
|
|
116
|
+
if (y !== null) {
|
|
117
|
+
let b = litPropertyMetadata.get(y);
|
|
118
|
+
if (b !== void 0) for (let [y, w] of b) this.elementProperties.set(y, w);
|
|
119
119
|
}
|
|
120
120
|
this._$Eh = /* @__PURE__ */ new Map();
|
|
121
|
-
for (let [
|
|
122
|
-
let
|
|
123
|
-
|
|
121
|
+
for (let [y, b] of this.elementProperties) {
|
|
122
|
+
let w = this._$Eu(y, b);
|
|
123
|
+
w !== void 0 && this._$Eh.set(w, y);
|
|
124
124
|
}
|
|
125
125
|
this.elementStyles = this.finalizeStyles(this.styles);
|
|
126
126
|
}
|
|
127
|
-
static finalizeStyles(
|
|
128
|
-
let
|
|
129
|
-
if (Array.isArray(
|
|
130
|
-
let
|
|
131
|
-
for (let
|
|
132
|
-
} else
|
|
133
|
-
return
|
|
127
|
+
static finalizeStyles(y) {
|
|
128
|
+
let b = [];
|
|
129
|
+
if (Array.isArray(y)) {
|
|
130
|
+
let w = new Set(y.flat(Infinity).reverse());
|
|
131
|
+
for (let y of w) b.unshift(c$2(y));
|
|
132
|
+
} else y !== void 0 && b.push(c$2(y));
|
|
133
|
+
return b;
|
|
134
134
|
}
|
|
135
|
-
static _$Eu(
|
|
136
|
-
let
|
|
137
|
-
return !1 ===
|
|
135
|
+
static _$Eu(y, b) {
|
|
136
|
+
let w = b.attribute;
|
|
137
|
+
return !1 === w ? void 0 : typeof w == "string" ? w : typeof y == "string" ? y.toLowerCase() : void 0;
|
|
138
138
|
}
|
|
139
139
|
constructor() {
|
|
140
140
|
super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
|
|
141
141
|
}
|
|
142
142
|
_$Ev() {
|
|
143
|
-
this._$ES = new Promise(((
|
|
143
|
+
this._$ES = new Promise(((y) => this.enableUpdating = y)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((y) => y(this)));
|
|
144
144
|
}
|
|
145
|
-
addController(
|
|
146
|
-
(this._$EO ??= /* @__PURE__ */ new Set()).add(
|
|
145
|
+
addController(y) {
|
|
146
|
+
(this._$EO ??= /* @__PURE__ */ new Set()).add(y), this.renderRoot !== void 0 && this.isConnected && y.hostConnected?.();
|
|
147
147
|
}
|
|
148
|
-
removeController(
|
|
149
|
-
this._$EO?.delete(
|
|
148
|
+
removeController(y) {
|
|
149
|
+
this._$EO?.delete(y);
|
|
150
150
|
}
|
|
151
151
|
_$E_() {
|
|
152
|
-
let
|
|
153
|
-
for (let
|
|
154
|
-
|
|
152
|
+
let y = /* @__PURE__ */ new Map(), b = this.constructor.elementProperties;
|
|
153
|
+
for (let w of b.keys()) this.hasOwnProperty(w) && (y.set(w, this[w]), delete this[w]);
|
|
154
|
+
y.size > 0 && (this._$Ep = y);
|
|
155
155
|
}
|
|
156
156
|
createRenderRoot() {
|
|
157
|
-
let
|
|
158
|
-
return S$1(
|
|
157
|
+
let y = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
|
158
|
+
return S$1(y, this.constructor.elementStyles), y;
|
|
159
159
|
}
|
|
160
160
|
connectedCallback() {
|
|
161
|
-
this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((
|
|
161
|
+
this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((y) => y.hostConnected?.()));
|
|
162
162
|
}
|
|
163
|
-
enableUpdating(
|
|
163
|
+
enableUpdating(y) {}
|
|
164
164
|
disconnectedCallback() {
|
|
165
|
-
this._$EO?.forEach(((
|
|
165
|
+
this._$EO?.forEach(((y) => y.hostDisconnected?.()));
|
|
166
166
|
}
|
|
167
|
-
attributeChangedCallback(
|
|
168
|
-
this._$AK(
|
|
167
|
+
attributeChangedCallback(y, b, w) {
|
|
168
|
+
this._$AK(y, w);
|
|
169
169
|
}
|
|
170
|
-
_$ET(
|
|
171
|
-
let
|
|
172
|
-
if (
|
|
173
|
-
let
|
|
174
|
-
this._$Em =
|
|
170
|
+
_$ET(y, b) {
|
|
171
|
+
let w = this.constructor.elementProperties.get(y), D = this.constructor._$Eu(y, w);
|
|
172
|
+
if (D !== void 0 && !0 === w.reflect) {
|
|
173
|
+
let O = (w.converter?.toAttribute === void 0 ? u$1 : w.converter).toAttribute(b, w.type);
|
|
174
|
+
this._$Em = y, O == null ? this.removeAttribute(D) : this.setAttribute(D, O), this._$Em = null;
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
|
-
_$AK(
|
|
178
|
-
let
|
|
179
|
-
if (
|
|
180
|
-
let
|
|
181
|
-
this._$Em =
|
|
182
|
-
let
|
|
183
|
-
this[
|
|
177
|
+
_$AK(y, b) {
|
|
178
|
+
let w = this.constructor, D = w._$Eh.get(y);
|
|
179
|
+
if (D !== void 0 && this._$Em !== D) {
|
|
180
|
+
let y = w.getPropertyOptions(D), O = typeof y.converter == "function" ? { fromAttribute: y.converter } : y.converter?.fromAttribute === void 0 ? u$1 : y.converter;
|
|
181
|
+
this._$Em = D;
|
|
182
|
+
let F = O.fromAttribute(b, y.type);
|
|
183
|
+
this[D] = F ?? this._$Ej?.get(D) ?? F, this._$Em = null;
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
|
-
requestUpdate(
|
|
187
|
-
if (
|
|
188
|
-
let
|
|
189
|
-
if (
|
|
190
|
-
this.C(
|
|
186
|
+
requestUpdate(y, b, w) {
|
|
187
|
+
if (y !== void 0) {
|
|
188
|
+
let D = this.constructor, O = this[y];
|
|
189
|
+
if (w ??= D.getPropertyOptions(y), !((w.hasChanged ?? f$1)(O, b) || w.useDefault && w.reflect && O === this._$Ej?.get(y) && !this.hasAttribute(D._$Eu(y, w)))) return;
|
|
190
|
+
this.C(y, b, w);
|
|
191
191
|
}
|
|
192
192
|
!1 === this.isUpdatePending && (this._$ES = this._$EP());
|
|
193
193
|
}
|
|
194
|
-
C(
|
|
195
|
-
|
|
194
|
+
C(y, b, { useDefault: w, reflect: D, wrapped: O }, F) {
|
|
195
|
+
w && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(y) && (this._$Ej.set(y, F ?? b ?? this[y]), !0 !== O || F !== void 0) || (this._$AL.has(y) || (this.hasUpdated || w || (b = void 0), this._$AL.set(y, b)), !0 === D && this._$Em !== y && (this._$Eq ??= /* @__PURE__ */ new Set()).add(y));
|
|
196
196
|
}
|
|
197
197
|
async _$EP() {
|
|
198
198
|
this.isUpdatePending = !0;
|
|
199
199
|
try {
|
|
200
200
|
await this._$ES;
|
|
201
|
-
} catch (
|
|
202
|
-
Promise.reject(
|
|
201
|
+
} catch (y) {
|
|
202
|
+
Promise.reject(y);
|
|
203
203
|
}
|
|
204
|
-
let
|
|
205
|
-
return
|
|
204
|
+
let y = this.scheduleUpdate();
|
|
205
|
+
return y != null && await y, !this.isUpdatePending;
|
|
206
206
|
}
|
|
207
207
|
scheduleUpdate() {
|
|
208
208
|
return this.performUpdate();
|
|
@@ -211,26 +211,26 @@ var y = class extends HTMLElement {
|
|
|
211
211
|
if (!this.isUpdatePending) return;
|
|
212
212
|
if (!this.hasUpdated) {
|
|
213
213
|
if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
|
|
214
|
-
for (let [
|
|
214
|
+
for (let [y, b] of this._$Ep) this[y] = b;
|
|
215
215
|
this._$Ep = void 0;
|
|
216
216
|
}
|
|
217
|
-
let
|
|
218
|
-
if (
|
|
219
|
-
let { wrapped:
|
|
220
|
-
!0 !==
|
|
217
|
+
let y = this.constructor.elementProperties;
|
|
218
|
+
if (y.size > 0) for (let [b, w] of y) {
|
|
219
|
+
let { wrapped: y } = w, D = this[b];
|
|
220
|
+
!0 !== y || this._$AL.has(b) || D === void 0 || this.C(b, void 0, w, D);
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
|
-
let
|
|
223
|
+
let y = !1, b = this._$AL;
|
|
224
224
|
try {
|
|
225
|
-
|
|
226
|
-
} catch (
|
|
227
|
-
throw
|
|
225
|
+
y = this.shouldUpdate(b), y ? (this.willUpdate(b), this._$EO?.forEach(((y) => y.hostUpdate?.())), this.update(b)) : this._$EM();
|
|
226
|
+
} catch (b) {
|
|
227
|
+
throw y = !1, this._$EM(), b;
|
|
228
228
|
}
|
|
229
|
-
|
|
229
|
+
y && this._$AE(b);
|
|
230
230
|
}
|
|
231
|
-
willUpdate(
|
|
232
|
-
_$AE(
|
|
233
|
-
this._$EO?.forEach(((
|
|
231
|
+
willUpdate(y) {}
|
|
232
|
+
_$AE(y) {
|
|
233
|
+
this._$EO?.forEach(((y) => y.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(y)), this.updated(y);
|
|
234
234
|
}
|
|
235
235
|
_$EM() {
|
|
236
236
|
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
|
|
@@ -241,101 +241,101 @@ var y = class extends HTMLElement {
|
|
|
241
241
|
getUpdateComplete() {
|
|
242
242
|
return this._$ES;
|
|
243
243
|
}
|
|
244
|
-
shouldUpdate(
|
|
244
|
+
shouldUpdate(y) {
|
|
245
245
|
return !0;
|
|
246
246
|
}
|
|
247
|
-
update(
|
|
248
|
-
this._$Eq &&= this._$Eq.forEach(((
|
|
247
|
+
update(y) {
|
|
248
|
+
this._$Eq &&= this._$Eq.forEach(((y) => this._$ET(y, this[y]))), this._$EM();
|
|
249
249
|
}
|
|
250
|
-
updated(
|
|
251
|
-
firstUpdated(
|
|
250
|
+
updated(y) {}
|
|
251
|
+
firstUpdated(y) {}
|
|
252
252
|
};
|
|
253
|
-
y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y }), (a$1.reactiveElementVersions ??= []).push("2.1.1");
|
|
253
|
+
y$1.elementStyles = [], y$1.shadowRootOptions = { mode: "open" }, y$1[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y$1[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y$1 }), (a$1.reactiveElementVersions ??= []).push("2.1.1");
|
|
254
254
|
/**
|
|
255
255
|
* @license
|
|
256
256
|
* Copyright 2017 Google LLC
|
|
257
257
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
258
258
|
*/
|
|
259
|
-
var t$1 = globalThis, i$
|
|
260
|
-
_$litType$:
|
|
261
|
-
strings:
|
|
262
|
-
values:
|
|
263
|
-
}))(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r$
|
|
264
|
-
function P(
|
|
265
|
-
if (!a(
|
|
266
|
-
return s$1 === void 0 ?
|
|
259
|
+
var t$1 = globalThis, i$2 = t$1.trustedTypes, s$1 = i$2 ? i$2.createPolicy("lit-html", { createHTML: (y) => y }) : void 0, e$2 = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, o$3 = "?" + h, n$2 = `<${o$3}>`, r$2 = document, l = () => r$2.createComment(""), c = (y) => y === null || typeof y != "object" && typeof y != "function", a = Array.isArray, u = (y) => a(y) || typeof y?.[Symbol.iterator] == "function", d = "[ \n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, x = ((y) => (b, ...w) => ({
|
|
260
|
+
_$litType$: y,
|
|
261
|
+
strings: b,
|
|
262
|
+
values: w
|
|
263
|
+
}))(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r$2.createTreeWalker(r$2, 129);
|
|
264
|
+
function P(y, b) {
|
|
265
|
+
if (!a(y) || !y.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
266
|
+
return s$1 === void 0 ? b : s$1.createHTML(b);
|
|
267
267
|
}
|
|
268
|
-
var V = (
|
|
269
|
-
let
|
|
270
|
-
for (let
|
|
271
|
-
let
|
|
272
|
-
for (;
|
|
273
|
-
let
|
|
274
|
-
|
|
275
|
-
}
|
|
276
|
-
return [P(
|
|
277
|
-
}, N = class
|
|
278
|
-
constructor({ strings:
|
|
279
|
-
let
|
|
268
|
+
var V = (y, b) => {
|
|
269
|
+
let w = y.length - 1, D = [], O, F = b === 2 ? "<svg>" : b === 3 ? "<math>" : "", U = f;
|
|
270
|
+
for (let b = 0; b < w; b++) {
|
|
271
|
+
let w = y[b], W, G, K = -1, q = 0;
|
|
272
|
+
for (; q < w.length && (U.lastIndex = q, G = U.exec(w), G !== null);) q = U.lastIndex, U === f ? G[1] === "!--" ? U = v : G[1] === void 0 ? G[2] === void 0 ? G[3] !== void 0 && (U = m) : ($.test(G[2]) && (O = RegExp("</" + G[2], "g")), U = m) : U = _ : U === m ? G[0] === ">" ? (U = O ?? f, K = -1) : G[1] === void 0 ? K = -2 : (K = U.lastIndex - G[2].length, W = G[1], U = G[3] === void 0 ? m : G[3] === "\"" ? g : p) : U === g || U === p ? U = m : U === v || U === _ ? U = f : (U = m, O = void 0);
|
|
273
|
+
let J = U === m && y[b + 1].startsWith("/>") ? " " : "";
|
|
274
|
+
F += U === f ? w + n$2 : K >= 0 ? (D.push(W), w.slice(0, K) + e$2 + w.slice(K) + h + J) : w + h + (K === -2 ? b : J);
|
|
275
|
+
}
|
|
276
|
+
return [P(y, F + (y[w] || "<?>") + (b === 2 ? "</svg>" : b === 3 ? "</math>" : "")), D];
|
|
277
|
+
}, N = class y {
|
|
278
|
+
constructor({ strings: b, _$litType$: w }, D) {
|
|
279
|
+
let O;
|
|
280
280
|
this.parts = [];
|
|
281
|
-
let
|
|
282
|
-
if (this.el =
|
|
283
|
-
let
|
|
284
|
-
|
|
281
|
+
let F = 0, U = 0, W = b.length - 1, G = this.parts, [K, q] = V(b, w);
|
|
282
|
+
if (this.el = y.createElement(K, D), C.currentNode = this.el.content, w === 2 || w === 3) {
|
|
283
|
+
let y = this.el.content.firstChild;
|
|
284
|
+
y.replaceWith(...y.childNodes);
|
|
285
285
|
}
|
|
286
|
-
for (; (
|
|
287
|
-
if (
|
|
288
|
-
if (
|
|
289
|
-
let
|
|
290
|
-
|
|
286
|
+
for (; (O = C.nextNode()) !== null && G.length < W;) {
|
|
287
|
+
if (O.nodeType === 1) {
|
|
288
|
+
if (O.hasAttributes()) for (let y of O.getAttributeNames()) if (y.endsWith(e$2)) {
|
|
289
|
+
let b = q[U++], w = O.getAttribute(y).split(h), D = /([.?@])?(.*)/.exec(b);
|
|
290
|
+
G.push({
|
|
291
291
|
type: 1,
|
|
292
|
-
index:
|
|
293
|
-
name:
|
|
294
|
-
strings:
|
|
295
|
-
ctor:
|
|
296
|
-
}),
|
|
297
|
-
} else
|
|
292
|
+
index: F,
|
|
293
|
+
name: D[2],
|
|
294
|
+
strings: w,
|
|
295
|
+
ctor: D[1] === "." ? H : D[1] === "?" ? I : D[1] === "@" ? L : k
|
|
296
|
+
}), O.removeAttribute(y);
|
|
297
|
+
} else y.startsWith(h) && (G.push({
|
|
298
298
|
type: 6,
|
|
299
|
-
index:
|
|
300
|
-
}),
|
|
301
|
-
if ($.test(
|
|
302
|
-
let
|
|
303
|
-
if (
|
|
304
|
-
|
|
305
|
-
for (let
|
|
299
|
+
index: F
|
|
300
|
+
}), O.removeAttribute(y));
|
|
301
|
+
if ($.test(O.tagName)) {
|
|
302
|
+
let y = O.textContent.split(h), b = y.length - 1;
|
|
303
|
+
if (b > 0) {
|
|
304
|
+
O.textContent = i$2 ? i$2.emptyScript : "";
|
|
305
|
+
for (let w = 0; w < b; w++) O.append(y[w], l()), C.nextNode(), G.push({
|
|
306
306
|
type: 2,
|
|
307
|
-
index: ++
|
|
307
|
+
index: ++F
|
|
308
308
|
});
|
|
309
|
-
|
|
309
|
+
O.append(y[b], l());
|
|
310
310
|
}
|
|
311
311
|
}
|
|
312
|
-
} else if (
|
|
312
|
+
} else if (O.nodeType === 8) if (O.data === o$3) G.push({
|
|
313
313
|
type: 2,
|
|
314
|
-
index:
|
|
314
|
+
index: F
|
|
315
315
|
});
|
|
316
316
|
else {
|
|
317
|
-
let
|
|
318
|
-
for (; (
|
|
317
|
+
let y = -1;
|
|
318
|
+
for (; (y = O.data.indexOf(h, y + 1)) !== -1;) G.push({
|
|
319
319
|
type: 7,
|
|
320
|
-
index:
|
|
321
|
-
}),
|
|
320
|
+
index: F
|
|
321
|
+
}), y += h.length - 1;
|
|
322
322
|
}
|
|
323
|
-
|
|
323
|
+
F++;
|
|
324
324
|
}
|
|
325
325
|
}
|
|
326
|
-
static createElement(
|
|
327
|
-
let
|
|
328
|
-
return
|
|
326
|
+
static createElement(y, b) {
|
|
327
|
+
let w = r$2.createElement("template");
|
|
328
|
+
return w.innerHTML = y, w;
|
|
329
329
|
}
|
|
330
330
|
};
|
|
331
|
-
function S(
|
|
332
|
-
if (
|
|
333
|
-
let
|
|
334
|
-
return
|
|
331
|
+
function S(y, b, w = y, D) {
|
|
332
|
+
if (b === T) return b;
|
|
333
|
+
let O = D === void 0 ? w._$Cl : w._$Co?.[D], F = c(b) ? void 0 : b._$litDirective$;
|
|
334
|
+
return O?.constructor !== F && (O?._$AO?.(!1), F === void 0 ? O = void 0 : (O = new F(y), O._$AT(y, w, D)), D === void 0 ? w._$Cl = O : (w._$Co ??= [])[D] = O), O !== void 0 && (b = S(y, O._$AS(y, b.values), O, D)), b;
|
|
335
335
|
}
|
|
336
336
|
var M = class {
|
|
337
|
-
constructor(
|
|
338
|
-
this._$AV = [], this._$AN = void 0, this._$AD =
|
|
337
|
+
constructor(y, b) {
|
|
338
|
+
this._$AV = [], this._$AN = void 0, this._$AD = y, this._$AM = b;
|
|
339
339
|
}
|
|
340
340
|
get parentNode() {
|
|
341
341
|
return this._$AM.parentNode;
|
|
@@ -343,33 +343,33 @@ var M = class {
|
|
|
343
343
|
get _$AU() {
|
|
344
344
|
return this._$AM._$AU;
|
|
345
345
|
}
|
|
346
|
-
u(
|
|
347
|
-
let { el: { content:
|
|
348
|
-
C.currentNode =
|
|
349
|
-
let
|
|
350
|
-
for (;
|
|
351
|
-
if (
|
|
352
|
-
let
|
|
353
|
-
|
|
346
|
+
u(y) {
|
|
347
|
+
let { el: { content: b }, parts: w } = this._$AD, D = (y?.creationScope ?? r$2).importNode(b, !0);
|
|
348
|
+
C.currentNode = D;
|
|
349
|
+
let O = C.nextNode(), F = 0, U = 0, W = w[0];
|
|
350
|
+
for (; W !== void 0;) {
|
|
351
|
+
if (F === W.index) {
|
|
352
|
+
let b;
|
|
353
|
+
W.type === 2 ? b = new R(O, O.nextSibling, this, y) : W.type === 1 ? b = new W.ctor(O, W.name, W.strings, this, y) : W.type === 6 && (b = new z(O, this, y)), this._$AV.push(b), W = w[++U];
|
|
354
354
|
}
|
|
355
|
-
|
|
355
|
+
F !== W?.index && (O = C.nextNode(), F++);
|
|
356
356
|
}
|
|
357
|
-
return C.currentNode = r$
|
|
357
|
+
return C.currentNode = r$2, D;
|
|
358
358
|
}
|
|
359
|
-
p(
|
|
360
|
-
let
|
|
361
|
-
for (let
|
|
359
|
+
p(y) {
|
|
360
|
+
let b = 0;
|
|
361
|
+
for (let w of this._$AV) w !== void 0 && (w.strings === void 0 ? w._$AI(y[b]) : (w._$AI(y, w, b), b += w.strings.length - 2)), b++;
|
|
362
362
|
}
|
|
363
|
-
}, R = class
|
|
363
|
+
}, R = class y {
|
|
364
364
|
get _$AU() {
|
|
365
365
|
return this._$AM?._$AU ?? this._$Cv;
|
|
366
366
|
}
|
|
367
|
-
constructor(
|
|
368
|
-
this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA =
|
|
367
|
+
constructor(y, b, w, D) {
|
|
368
|
+
this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = y, this._$AB = b, this._$AM = w, this.options = D, this._$Cv = D?.isConnected ?? !0;
|
|
369
369
|
}
|
|
370
370
|
get parentNode() {
|
|
371
|
-
let
|
|
372
|
-
return
|
|
371
|
+
let y = this._$AA.parentNode, b = this._$AM;
|
|
372
|
+
return b !== void 0 && y?.nodeType === 11 && (y = b.parentNode), y;
|
|
373
373
|
}
|
|
374
374
|
get startNode() {
|
|
375
375
|
return this._$AA;
|
|
@@ -377,44 +377,44 @@ var M = class {
|
|
|
377
377
|
get endNode() {
|
|
378
378
|
return this._$AB;
|
|
379
379
|
}
|
|
380
|
-
_$AI(
|
|
381
|
-
|
|
380
|
+
_$AI(y, b = this) {
|
|
381
|
+
y = S(this, y, b), c(y) ? y === E || y == null || y === "" ? (this._$AH !== E && this._$AR(), this._$AH = E) : y !== this._$AH && y !== T && this._(y) : y._$litType$ === void 0 ? y.nodeType === void 0 ? u(y) ? this.k(y) : this._(y) : this.T(y) : this.$(y);
|
|
382
382
|
}
|
|
383
|
-
O(
|
|
384
|
-
return this._$AA.parentNode.insertBefore(
|
|
383
|
+
O(y) {
|
|
384
|
+
return this._$AA.parentNode.insertBefore(y, this._$AB);
|
|
385
385
|
}
|
|
386
|
-
T(
|
|
387
|
-
this._$AH !==
|
|
386
|
+
T(y) {
|
|
387
|
+
this._$AH !== y && (this._$AR(), this._$AH = this.O(y));
|
|
388
388
|
}
|
|
389
|
-
_(
|
|
390
|
-
this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data =
|
|
389
|
+
_(y) {
|
|
390
|
+
this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = y : this.T(r$2.createTextNode(y)), this._$AH = y;
|
|
391
391
|
}
|
|
392
|
-
$(
|
|
393
|
-
let { values:
|
|
394
|
-
if (this._$AH?._$AD ===
|
|
392
|
+
$(y) {
|
|
393
|
+
let { values: b, _$litType$: w } = y, D = typeof w == "number" ? this._$AC(y) : (w.el === void 0 && (w.el = N.createElement(P(w.h, w.h[0]), this.options)), w);
|
|
394
|
+
if (this._$AH?._$AD === D) this._$AH.p(b);
|
|
395
395
|
else {
|
|
396
|
-
let
|
|
397
|
-
|
|
396
|
+
let y = new M(D, this), w = y.u(this.options);
|
|
397
|
+
y.p(b), this.T(w), this._$AH = y;
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
|
-
_$AC(
|
|
401
|
-
let
|
|
402
|
-
return
|
|
400
|
+
_$AC(y) {
|
|
401
|
+
let b = A.get(y.strings);
|
|
402
|
+
return b === void 0 && A.set(y.strings, b = new N(y)), b;
|
|
403
403
|
}
|
|
404
|
-
k(
|
|
404
|
+
k(b) {
|
|
405
405
|
a(this._$AH) || (this._$AH = [], this._$AR());
|
|
406
|
-
let
|
|
407
|
-
for (let
|
|
408
|
-
|
|
409
|
-
}
|
|
410
|
-
_$AR(
|
|
411
|
-
for (this._$AP?.(!1, !0,
|
|
412
|
-
let
|
|
413
|
-
|
|
406
|
+
let w = this._$AH, D, O = 0;
|
|
407
|
+
for (let F of b) O === w.length ? w.push(D = new y(this.O(l()), this.O(l()), this, this.options)) : D = w[O], D._$AI(F), O++;
|
|
408
|
+
O < w.length && (this._$AR(D && D._$AB.nextSibling, O), w.length = O);
|
|
409
|
+
}
|
|
410
|
+
_$AR(y = this._$AA.nextSibling, b) {
|
|
411
|
+
for (this._$AP?.(!1, !0, b); y !== this._$AB;) {
|
|
412
|
+
let b = y.nextSibling;
|
|
413
|
+
y.remove(), y = b;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
|
-
setConnected(
|
|
417
|
-
this._$AM === void 0 && (this._$Cv =
|
|
416
|
+
setConnected(y) {
|
|
417
|
+
this._$AM === void 0 && (this._$Cv = y, this._$AP?.(y));
|
|
418
418
|
}
|
|
419
419
|
}, k = class {
|
|
420
420
|
get tagName() {
|
|
@@ -423,77 +423,77 @@ var M = class {
|
|
|
423
423
|
get _$AU() {
|
|
424
424
|
return this._$AM._$AU;
|
|
425
425
|
}
|
|
426
|
-
constructor(
|
|
427
|
-
this.type = 1, this._$AH = E, this._$AN = void 0, this.element =
|
|
426
|
+
constructor(y, b, w, D, O) {
|
|
427
|
+
this.type = 1, this._$AH = E, this._$AN = void 0, this.element = y, this.name = b, this._$AM = D, this.options = O, w.length > 2 || w[0] !== "" || w[1] !== "" ? (this._$AH = Array(w.length - 1).fill(/* @__PURE__ */ new String()), this.strings = w) : this._$AH = E;
|
|
428
428
|
}
|
|
429
|
-
_$AI(
|
|
430
|
-
let
|
|
431
|
-
if (
|
|
429
|
+
_$AI(y, b = this, w, D) {
|
|
430
|
+
let O = this.strings, F = !1;
|
|
431
|
+
if (O === void 0) y = S(this, y, b, 0), F = !c(y) || y !== this._$AH && y !== T, F && (this._$AH = y);
|
|
432
432
|
else {
|
|
433
|
-
let
|
|
434
|
-
for (
|
|
433
|
+
let D = y, U, W;
|
|
434
|
+
for (y = O[0], U = 0; U < O.length - 1; U++) W = S(this, D[w + U], b, U), W === T && (W = this._$AH[U]), F ||= !c(W) || W !== this._$AH[U], W === E ? y = E : y !== E && (y += (W ?? "") + O[U + 1]), this._$AH[U] = W;
|
|
435
435
|
}
|
|
436
|
-
|
|
436
|
+
F && !D && this.j(y);
|
|
437
437
|
}
|
|
438
|
-
j(
|
|
439
|
-
|
|
438
|
+
j(y) {
|
|
439
|
+
y === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, y ?? "");
|
|
440
440
|
}
|
|
441
441
|
}, H = class extends k {
|
|
442
442
|
constructor() {
|
|
443
443
|
super(...arguments), this.type = 3;
|
|
444
444
|
}
|
|
445
|
-
j(
|
|
446
|
-
this.element[this.name] =
|
|
445
|
+
j(y) {
|
|
446
|
+
this.element[this.name] = y === E ? void 0 : y;
|
|
447
447
|
}
|
|
448
448
|
}, I = class extends k {
|
|
449
449
|
constructor() {
|
|
450
450
|
super(...arguments), this.type = 4;
|
|
451
451
|
}
|
|
452
|
-
j(
|
|
453
|
-
this.element.toggleAttribute(this.name, !!
|
|
452
|
+
j(y) {
|
|
453
|
+
this.element.toggleAttribute(this.name, !!y && y !== E);
|
|
454
454
|
}
|
|
455
455
|
}, L = class extends k {
|
|
456
|
-
constructor(
|
|
457
|
-
super(
|
|
456
|
+
constructor(y, b, w, D, O) {
|
|
457
|
+
super(y, b, w, D, O), this.type = 5;
|
|
458
458
|
}
|
|
459
|
-
_$AI(
|
|
460
|
-
if ((
|
|
461
|
-
let
|
|
462
|
-
|
|
459
|
+
_$AI(y, b = this) {
|
|
460
|
+
if ((y = S(this, y, b, 0) ?? E) === T) return;
|
|
461
|
+
let w = this._$AH, D = y === E && w !== E || y.capture !== w.capture || y.once !== w.once || y.passive !== w.passive, O = y !== E && (w === E || D);
|
|
462
|
+
D && this.element.removeEventListener(this.name, this, w), O && this.element.addEventListener(this.name, this, y), this._$AH = y;
|
|
463
463
|
}
|
|
464
|
-
handleEvent(
|
|
465
|
-
typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element,
|
|
464
|
+
handleEvent(y) {
|
|
465
|
+
typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, y) : this._$AH.handleEvent(y);
|
|
466
466
|
}
|
|
467
467
|
}, z = class {
|
|
468
|
-
constructor(
|
|
469
|
-
this.element =
|
|
468
|
+
constructor(y, b, w) {
|
|
469
|
+
this.element = y, this.type = 6, this._$AN = void 0, this._$AM = b, this.options = w;
|
|
470
470
|
}
|
|
471
471
|
get _$AU() {
|
|
472
472
|
return this._$AM._$AU;
|
|
473
473
|
}
|
|
474
|
-
_$AI(
|
|
475
|
-
S(this,
|
|
474
|
+
_$AI(y) {
|
|
475
|
+
S(this, y);
|
|
476
476
|
}
|
|
477
477
|
}, j = t$1.litHtmlPolyfillSupport;
|
|
478
478
|
j?.(N, R), (t$1.litHtmlVersions ??= []).push("3.3.1");
|
|
479
|
-
var B = (
|
|
480
|
-
let
|
|
481
|
-
if (
|
|
482
|
-
let
|
|
483
|
-
|
|
484
|
-
}
|
|
485
|
-
return
|
|
486
|
-
}, s = globalThis, i$1 = class extends y {
|
|
479
|
+
var B = (y, b, w) => {
|
|
480
|
+
let D = w?.renderBefore ?? b, O = D._$litPart$;
|
|
481
|
+
if (O === void 0) {
|
|
482
|
+
let y = w?.renderBefore ?? null;
|
|
483
|
+
D._$litPart$ = O = new R(b.insertBefore(l(), y), y, void 0, w ?? {});
|
|
484
|
+
}
|
|
485
|
+
return O._$AI(y), O;
|
|
486
|
+
}, s = globalThis, i$1 = class extends y$1 {
|
|
487
487
|
constructor() {
|
|
488
488
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
489
489
|
}
|
|
490
490
|
createRenderRoot() {
|
|
491
|
-
let
|
|
492
|
-
return this.renderOptions.renderBefore ??=
|
|
491
|
+
let y = super.createRenderRoot();
|
|
492
|
+
return this.renderOptions.renderBefore ??= y.firstChild, y;
|
|
493
493
|
}
|
|
494
|
-
update(
|
|
495
|
-
let
|
|
496
|
-
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(
|
|
494
|
+
update(y) {
|
|
495
|
+
let b = this.render();
|
|
496
|
+
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(y), this._$Do = B(b, this.renderRoot, this.renderOptions);
|
|
497
497
|
}
|
|
498
498
|
connectedCallback() {
|
|
499
499
|
super.connectedCallback(), this._$Do?.setConnected(!0);
|
|
@@ -515,45 +515,45 @@ o$2?.({ LitElement: i$1 }), (s.litElementVersions ??= []).push("4.2.1");
|
|
|
515
515
|
*/ var o$1 = {
|
|
516
516
|
attribute: !0,
|
|
517
517
|
type: String,
|
|
518
|
-
converter: u,
|
|
518
|
+
converter: u$1,
|
|
519
519
|
reflect: !1,
|
|
520
|
-
hasChanged: f
|
|
521
|
-
}, r$
|
|
522
|
-
let { kind:
|
|
523
|
-
if (
|
|
524
|
-
let { name:
|
|
520
|
+
hasChanged: f$1
|
|
521
|
+
}, r$1 = (y = o$1, b, w) => {
|
|
522
|
+
let { kind: D, metadata: O } = w, F = globalThis.litPropertyMetadata.get(O);
|
|
523
|
+
if (F === void 0 && globalThis.litPropertyMetadata.set(O, F = /* @__PURE__ */ new Map()), D === "setter" && ((y = Object.create(y)).wrapped = !0), F.set(w.name, y), D === "accessor") {
|
|
524
|
+
let { name: D } = w;
|
|
525
525
|
return {
|
|
526
|
-
set(
|
|
527
|
-
let
|
|
528
|
-
|
|
526
|
+
set(w) {
|
|
527
|
+
let O = b.get.call(this);
|
|
528
|
+
b.set.call(this, w), this.requestUpdate(D, O, y);
|
|
529
529
|
},
|
|
530
|
-
init(
|
|
531
|
-
return
|
|
530
|
+
init(b) {
|
|
531
|
+
return b !== void 0 && this.C(D, void 0, y, b), b;
|
|
532
532
|
}
|
|
533
533
|
};
|
|
534
534
|
}
|
|
535
|
-
if (
|
|
536
|
-
let { name:
|
|
537
|
-
return function(
|
|
538
|
-
let
|
|
539
|
-
|
|
535
|
+
if (D === "setter") {
|
|
536
|
+
let { name: D } = w;
|
|
537
|
+
return function(w) {
|
|
538
|
+
let O = this[D];
|
|
539
|
+
b.call(this, w), this.requestUpdate(D, O, y);
|
|
540
540
|
};
|
|
541
541
|
}
|
|
542
|
-
throw Error("Unsupported decorator location: " +
|
|
542
|
+
throw Error("Unsupported decorator location: " + D);
|
|
543
543
|
};
|
|
544
|
-
function n(
|
|
545
|
-
return (
|
|
546
|
-
let
|
|
547
|
-
return
|
|
548
|
-
})(
|
|
544
|
+
function n$1(y) {
|
|
545
|
+
return (b, w) => typeof w == "object" ? r$1(y, b, w) : ((y, b, w) => {
|
|
546
|
+
let D = b.hasOwnProperty(w);
|
|
547
|
+
return b.constructor.createProperty(w, y), D ? Object.getOwnPropertyDescriptor(b, w) : void 0;
|
|
548
|
+
})(y, b, w);
|
|
549
549
|
}
|
|
550
550
|
/**
|
|
551
551
|
* @license
|
|
552
552
|
* Copyright 2017 Google LLC
|
|
553
553
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
554
|
-
*/ function r
|
|
555
|
-
return n({
|
|
556
|
-
...
|
|
554
|
+
*/ function r(y) {
|
|
555
|
+
return n$1({
|
|
556
|
+
...y,
|
|
557
557
|
state: !0,
|
|
558
558
|
attribute: !1
|
|
559
559
|
});
|
|
@@ -570,76 +570,76 @@ var t = {
|
|
|
570
570
|
BOOLEAN_ATTRIBUTE: 4,
|
|
571
571
|
EVENT: 5,
|
|
572
572
|
ELEMENT: 6
|
|
573
|
-
}, e = (
|
|
574
|
-
_$litDirective$:
|
|
575
|
-
values:
|
|
576
|
-
}), i
|
|
577
|
-
constructor(
|
|
573
|
+
}, e$1 = (y) => (...b) => ({
|
|
574
|
+
_$litDirective$: y,
|
|
575
|
+
values: b
|
|
576
|
+
}), i = class {
|
|
577
|
+
constructor(y) {}
|
|
578
578
|
get _$AU() {
|
|
579
579
|
return this._$AM._$AU;
|
|
580
580
|
}
|
|
581
|
-
_$AT(
|
|
582
|
-
this._$Ct =
|
|
581
|
+
_$AT(y, b, w) {
|
|
582
|
+
this._$Ct = y, this._$AM = b, this._$Ci = w;
|
|
583
583
|
}
|
|
584
|
-
_$AS(
|
|
585
|
-
return this.update(
|
|
584
|
+
_$AS(y, b) {
|
|
585
|
+
return this.update(y, b);
|
|
586
586
|
}
|
|
587
|
-
update(
|
|
588
|
-
return this.render(...
|
|
587
|
+
update(y, b) {
|
|
588
|
+
return this.render(...b);
|
|
589
589
|
}
|
|
590
|
-
}, e
|
|
591
|
-
constructor(
|
|
592
|
-
if (super(
|
|
590
|
+
}, e = class extends i {
|
|
591
|
+
constructor(y) {
|
|
592
|
+
if (super(y), this.it = E, y.type !== t.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
593
593
|
}
|
|
594
|
-
render(
|
|
595
|
-
if (
|
|
596
|
-
if (
|
|
597
|
-
if (typeof
|
|
598
|
-
if (
|
|
599
|
-
this.it =
|
|
600
|
-
let
|
|
601
|
-
return
|
|
594
|
+
render(y) {
|
|
595
|
+
if (y === E || y == null) return this._t = void 0, this.it = y;
|
|
596
|
+
if (y === T) return y;
|
|
597
|
+
if (typeof y != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
|
|
598
|
+
if (y === this.it) return this._t;
|
|
599
|
+
this.it = y;
|
|
600
|
+
let b = [y];
|
|
601
|
+
return b.raw = b, this._t = {
|
|
602
602
|
_$litType$: this.constructor.resultType,
|
|
603
|
-
strings:
|
|
603
|
+
strings: b,
|
|
604
604
|
values: []
|
|
605
605
|
};
|
|
606
606
|
}
|
|
607
607
|
};
|
|
608
|
-
e
|
|
609
|
-
var o = e(e
|
|
608
|
+
e.directiveName = "unsafeHTML", e.resultType = 1;
|
|
609
|
+
var o = e$1(e);
|
|
610
610
|
/**
|
|
611
611
|
* @license
|
|
612
612
|
* Copyright 2021 Google LLC
|
|
613
613
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
614
614
|
*/
|
|
615
|
-
function n
|
|
616
|
-
return
|
|
615
|
+
function n(y, b, w) {
|
|
616
|
+
return y ? b(y) : w?.(y);
|
|
617
617
|
}
|
|
618
618
|
var shiki_default = ".shiki{color-scheme:var(--shiki-theme-type,light);padding:.875em;overflow-x:auto}code{z-index:0;width:max-content;min-width:100%;font-size:var(--font-size,.875em);counter-reset:step;counter-increment:step 0;display:block;position:relative}code .line:before{content:counter(step);counter-increment:step;text-align:right;color:#738a9480;width:1rem;margin-right:1.5rem;display:inline-block}code .line:last-child:empty:before{content:none;counter-increment:none}.has-diff .diff,.has-highlighted .highlighted{width:100%;display:inline-block;position:relative}.has-diff .diff.remove:before{content:\"-\"}.has-diff .diff.add:before{content:\"+\"}.has-diff .diff.remove:after{content:\"\";z-index:-1;background:#ef444426;border-left:1px solid #ef4444cc;position:absolute;inset:0 -.875em}.has-diff .diff.add:after{content:\"\";z-index:-1;background:#22c55e26;border-left:1px solid #22c55ecc;position:absolute;inset:0 -.875em}.has-focused .line:not(.focused){opacity:.7;filter:blur(.095rem);transition:filter .35s,opacity .35s}.has-focused:hover .line:not(.focused){opacity:1;filter:blur()}.has-highlighted .highlighted:after{content:\"\";z-index:-1;background:#65758529;border-left:1px solid #22c55ecc;position:absolute;inset:0 -.875em}.has-highlighted .highlighted.error:after{background:#f43f5e29!important}.has-highlighted .highlighted.warning:after{background:#eab30829!important}:host([color-scheme=dark]) .shiki,:host([color-scheme=dark]) .shiki span{color:var(--shiki-dark)!important}:host([color-scheme=dark]) .shiki{background-color:var(--shiki-dark-bg)!important}";
|
|
619
|
-
function copyText(
|
|
620
|
-
if (navigator.clipboard) navigator.clipboard.writeText(
|
|
621
|
-
|
|
619
|
+
function copyText(y, b) {
|
|
620
|
+
if (navigator.clipboard) navigator.clipboard.writeText(y).then(() => {
|
|
621
|
+
b();
|
|
622
622
|
});
|
|
623
623
|
else {
|
|
624
|
-
let
|
|
625
|
-
|
|
624
|
+
let w = document.createElement("textarea");
|
|
625
|
+
w.value = y, w.style.position = "fixed", w.style.opacity = "0", document.body.appendChild(w), w.focus(), w.select();
|
|
626
626
|
try {
|
|
627
|
-
document.execCommand("copy") &&
|
|
628
|
-
} catch (
|
|
629
|
-
console.error("Fallback: Oops, unable to copy",
|
|
627
|
+
document.execCommand("copy") && b();
|
|
628
|
+
} catch (y) {
|
|
629
|
+
console.error("Fallback: Oops, unable to copy", y);
|
|
630
630
|
}
|
|
631
|
-
document.body.removeChild(
|
|
631
|
+
document.body.removeChild(w);
|
|
632
632
|
}
|
|
633
633
|
}
|
|
634
|
-
function __decorate(
|
|
635
|
-
var
|
|
636
|
-
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
637
|
-
else for (var
|
|
638
|
-
return
|
|
634
|
+
function __decorate(y, b, w, D) {
|
|
635
|
+
var O = arguments.length, F = O < 3 ? b : D === null ? D = Object.getOwnPropertyDescriptor(b, w) : D, U;
|
|
636
|
+
if (typeof Reflect == "object" && typeof Reflect.decorate == "function") F = Reflect.decorate(y, b, w, D);
|
|
637
|
+
else for (var W = y.length - 1; W >= 0; W--) (U = y[W]) && (F = (O < 3 ? U(F) : O > 3 ? U(b, w, F) : U(b, w)) || F);
|
|
638
|
+
return O > 3 && F && Object.defineProperty(b, w, F), F;
|
|
639
639
|
}
|
|
640
640
|
var ShikiCodeBaseVariant = class extends i$1 {
|
|
641
|
-
constructor(...
|
|
642
|
-
super(...
|
|
641
|
+
constructor(...y) {
|
|
642
|
+
super(...y), this.options = {
|
|
643
643
|
html: "",
|
|
644
644
|
languageName: "Unknown",
|
|
645
645
|
colorScheme: "light",
|
|
@@ -647,19 +647,19 @@ var ShikiCodeBaseVariant = class extends i$1 {
|
|
|
647
647
|
fontSize: "0.875em"
|
|
648
648
|
}, this.copied = !1;
|
|
649
649
|
}
|
|
650
|
-
updated(
|
|
651
|
-
|
|
650
|
+
updated(y) {
|
|
651
|
+
y.has("options") && (this.setAttribute("color-scheme", this.options.colorScheme), this.style.setProperty("--shiki-theme-type", this.options.theme?.type || "light"), this.style.setProperty("--font-size", this.options.fontSize || "0.875em"));
|
|
652
652
|
}
|
|
653
653
|
handleCopyCode() {
|
|
654
|
-
let
|
|
655
|
-
copyText(
|
|
654
|
+
let y = this.shadowRoot?.querySelector("pre");
|
|
655
|
+
copyText(y?.innerText || y?.textContent || "", () => {
|
|
656
656
|
this.copied = !0, setTimeout(() => {
|
|
657
657
|
this.copied = !1;
|
|
658
658
|
}, 2e3);
|
|
659
659
|
});
|
|
660
660
|
}
|
|
661
661
|
};
|
|
662
|
-
__decorate([n({ type: Object })], ShikiCodeBaseVariant.prototype, "options", void 0), __decorate([r
|
|
662
|
+
__decorate([n$1({ type: Object })], ShikiCodeBaseVariant.prototype, "options", void 0), __decorate([r()], ShikiCodeBaseVariant.prototype, "copied", void 0);
|
|
663
663
|
var ShikiCodeSimpleVariant = class extends ShikiCodeBaseVariant {
|
|
664
664
|
render() {
|
|
665
665
|
return x`
|
|
@@ -677,15 +677,16 @@ var ShikiCodeSimpleVariant = class extends ShikiCodeBaseVariant {
|
|
|
677
677
|
@click=${this.handleCopyCode}
|
|
678
678
|
tabindex="-1"
|
|
679
679
|
>
|
|
680
|
-
${n
|
|
680
|
+
${n(this.copied, () => x`<i class="i-tabler-check block" style="color: ${this.options.theme?.fg}"></i>`, () => x`<i class="i-tabler-copy block" style="color: ${this.options.theme?.fg}"></i>`)}
|
|
681
681
|
</button>
|
|
682
682
|
</div>
|
|
683
683
|
`;
|
|
684
684
|
}
|
|
685
|
-
static
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
685
|
+
static {
|
|
686
|
+
this.styles = [
|
|
687
|
+
r$4(tailwind_default),
|
|
688
|
+
r$4(shiki_default),
|
|
689
|
+
i$4`
|
|
689
690
|
.shiki {
|
|
690
691
|
border-radius: inherit;
|
|
691
692
|
}
|
|
@@ -717,12 +718,13 @@ var ShikiCodeSimpleVariant = class extends ShikiCodeBaseVariant {
|
|
|
717
718
|
.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
|
|
718
719
|
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;};
|
|
719
720
|
`
|
|
720
|
-
|
|
721
|
+
];
|
|
722
|
+
}
|
|
721
723
|
};
|
|
722
724
|
customElements.get("shiki-code-simple-variant") || customElements.define("shiki-code-simple-variant", ShikiCodeSimpleVariant);
|
|
723
725
|
var ShikiCodeMacVariant = class extends ShikiCodeBaseVariant {
|
|
724
|
-
constructor(...
|
|
725
|
-
super(...
|
|
726
|
+
constructor(...y) {
|
|
727
|
+
super(...y), this.fold = !1;
|
|
726
728
|
}
|
|
727
729
|
render() {
|
|
728
730
|
return x`
|
|
@@ -747,7 +749,7 @@ var ShikiCodeMacVariant = class extends ShikiCodeBaseVariant {
|
|
|
747
749
|
this.fold = !this.fold;
|
|
748
750
|
}}
|
|
749
751
|
>
|
|
750
|
-
${n
|
|
752
|
+
${n(this.fold, () => x`<i
|
|
751
753
|
class="i-mingcute-left-line block"
|
|
752
754
|
style="color: ${this.options.theme?.fg}"
|
|
753
755
|
></i>`, () => x`<i
|
|
@@ -756,18 +758,19 @@ var ShikiCodeMacVariant = class extends ShikiCodeBaseVariant {
|
|
|
756
758
|
></i>`)}
|
|
757
759
|
</button>
|
|
758
760
|
<button class="select-none" tabindex="-1" @click=${this.handleCopyCode}>
|
|
759
|
-
${n
|
|
761
|
+
${n(this.copied, () => x`<i class="i-tabler-check block" style="color: ${this.options.theme?.fg}"></i>`, () => x`<i class="i-tabler-copy block" style="color: ${this.options.theme?.fg}"></i>`)}
|
|
760
762
|
</button>
|
|
761
763
|
</div>
|
|
762
764
|
</header>
|
|
763
|
-
${n
|
|
765
|
+
${n(this.fold, () => x``, () => x`${o(this.options.html)}`)}
|
|
764
766
|
</div>
|
|
765
767
|
`;
|
|
766
768
|
}
|
|
767
|
-
static
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
769
|
+
static {
|
|
770
|
+
this.styles = [
|
|
771
|
+
r$4(tailwind_default),
|
|
772
|
+
r$4(shiki_default),
|
|
773
|
+
i$4`
|
|
771
774
|
/* layer: preflights */
|
|
772
775
|
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
|
|
773
776
|
/* layer: icons */
|
|
@@ -798,12 +801,13 @@ var ShikiCodeMacVariant = class extends ShikiCodeBaseVariant {
|
|
|
798
801
|
.opacity-95{opacity:0.95;}
|
|
799
802
|
.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);};
|
|
800
803
|
`
|
|
801
|
-
|
|
804
|
+
];
|
|
805
|
+
}
|
|
802
806
|
};
|
|
803
|
-
__decorate([r
|
|
807
|
+
__decorate([r()], ShikiCodeMacVariant.prototype, "fold", void 0), customElements.get("shiki-code-mac-variant") || customElements.define("shiki-code-mac-variant", ShikiCodeMacVariant);
|
|
804
808
|
var ShikiCode = class extends i$1 {
|
|
805
|
-
constructor(...
|
|
806
|
-
super(...
|
|
809
|
+
constructor(...y) {
|
|
810
|
+
super(...y), this.lightTheme = "github-light", this.darkTheme = "github-dark", this.variant = "simple", this.fontSize = "0.875em", this.loading = !0, this.html = "", this.languageCode = "", this.languageName = "", this.lightThemeRegistration = null, this.darkThemeRegistration = null, this.code = "", this.copied = !1, this.error = "", this._observer = null, this._media = null, this._colorScheme = "light";
|
|
807
811
|
}
|
|
808
812
|
get _themeRegistration() {
|
|
809
813
|
return this._colorScheme === "dark" ? this.darkThemeRegistration : this.lightThemeRegistration;
|
|
@@ -821,8 +825,8 @@ var ShikiCode = class extends i$1 {
|
|
|
821
825
|
this._observer?.disconnect(), this._media?.removeEventListener("change", () => this.updateTheme()), super.disconnectedCallback();
|
|
822
826
|
}
|
|
823
827
|
isDarkMode() {
|
|
824
|
-
let
|
|
825
|
-
return
|
|
828
|
+
let y = document.documentElement, b = document.body, w = (y, b) => y?.classList.contains(b), D = (y, b, w) => y?.getAttribute(b) === w;
|
|
829
|
+
return w(y, "color-scheme-auto") || w(b, "color-scheme-auto") || D(y, "data-color-scheme", "auto") || D(b, "data-color-scheme", "auto") ? this._media?.matches : !!(w(y, "color-scheme-dark") || w(y, "dark") || D(y, "data-color-scheme", "dark") || w(b, "color-scheme-dark") || w(b, "dark") || D(b, "data-color-scheme", "dark"));
|
|
826
830
|
}
|
|
827
831
|
updateTheme() {
|
|
828
832
|
this._colorScheme = this.isDarkMode() ? "dark" : "light";
|
|
@@ -833,66 +837,67 @@ var ShikiCode = class extends i$1 {
|
|
|
833
837
|
renderCodeBlockBody() {
|
|
834
838
|
if (this.loading) return x``;
|
|
835
839
|
if (this.error) return x`<div class="text-sm text-red-500">错误: ${this.error}</div>`;
|
|
836
|
-
let
|
|
840
|
+
let y = {
|
|
837
841
|
html: this.html,
|
|
838
842
|
languageName: this.languageName,
|
|
839
843
|
colorScheme: this._colorScheme,
|
|
840
844
|
theme: this._themeRegistration,
|
|
841
845
|
fontSize: this.fontSize
|
|
842
846
|
};
|
|
843
|
-
if (this.variant === "mac") return x`<shiki-code-mac-variant .options=${
|
|
844
|
-
if (this.variant === "simple") return x`<shiki-code-simple-variant .options=${
|
|
845
|
-
}
|
|
846
|
-
handleSlotchange(
|
|
847
|
-
let
|
|
848
|
-
if (!
|
|
849
|
-
let
|
|
850
|
-
if (
|
|
851
|
-
let
|
|
852
|
-
|
|
847
|
+
if (this.variant === "mac") return x`<shiki-code-mac-variant .options=${y}></shiki-code-mac-variant>`;
|
|
848
|
+
if (this.variant === "simple") return x`<shiki-code-simple-variant .options=${y}></shiki-code-simple-variant>`;
|
|
849
|
+
}
|
|
850
|
+
handleSlotchange(y) {
|
|
851
|
+
let b = y.target.assignedElements({ flatten: !0 });
|
|
852
|
+
if (!b.length) return;
|
|
853
|
+
let w = b[0];
|
|
854
|
+
if (w.tagName === "PRE") {
|
|
855
|
+
let y = w.querySelector("code");
|
|
856
|
+
y && this.process(y);
|
|
853
857
|
}
|
|
854
858
|
}
|
|
855
|
-
async process(
|
|
859
|
+
async process(y) {
|
|
856
860
|
try {
|
|
857
|
-
this.languageCode = this.extractLanguageCode(
|
|
858
|
-
let { getSingletonHighlighter:
|
|
859
|
-
this.languageCode === "plaintext" ? this.languageName = "plaintext" : this.languageName =
|
|
860
|
-
} catch (
|
|
861
|
-
|
|
861
|
+
this.languageCode = this.extractLanguageCode(y.classList) || "plaintext", this.languageCode === "auto" && (this.languageCode = "plaintext"), this.languageCode === "text" && (this.languageCode = "plaintext"), this.code = y.textContent || "", this.html = await this.renderCodeAsHtml(this.code || "", this.languageCode);
|
|
862
|
+
let { getSingletonHighlighter: b } = await import("shiki"), w = await b();
|
|
863
|
+
this.languageCode === "plaintext" ? this.languageName = "plaintext" : this.languageName = w.getLanguage(this.languageCode).name, this.lightThemeRegistration = w.getTheme(this.lightTheme), this.darkThemeRegistration = w.getTheme(this.darkTheme || this.lightTheme);
|
|
864
|
+
} catch (y) {
|
|
865
|
+
y instanceof Error && (this.error = y.message);
|
|
862
866
|
} finally {
|
|
863
|
-
this.shadowRoot?.querySelector("slot")?.assignedElements().forEach((
|
|
864
|
-
|
|
867
|
+
this.shadowRoot?.querySelector("slot")?.assignedElements().forEach((y) => {
|
|
868
|
+
y instanceof HTMLElement && y.setAttribute("style", "display: none !important;");
|
|
865
869
|
}), this.loading = !1;
|
|
866
870
|
}
|
|
867
871
|
}
|
|
868
|
-
extractLanguageCode(
|
|
869
|
-
let
|
|
870
|
-
for (let
|
|
871
|
-
let
|
|
872
|
-
for (let
|
|
873
|
-
let
|
|
874
|
-
if (
|
|
872
|
+
extractLanguageCode(y) {
|
|
873
|
+
let b = ["language-", "lang-"];
|
|
874
|
+
for (let w = 0; w < y.length; w++) {
|
|
875
|
+
let D = y[w];
|
|
876
|
+
for (let y = 0; y < b.length; y++) {
|
|
877
|
+
let w = b[y];
|
|
878
|
+
if (D.startsWith(w)) return D.substring(w.length).toLowerCase();
|
|
875
879
|
}
|
|
876
880
|
}
|
|
877
881
|
return null;
|
|
878
882
|
}
|
|
879
|
-
async renderCodeAsHtml(
|
|
880
|
-
let { codeToHtml:
|
|
881
|
-
return await
|
|
882
|
-
lang:
|
|
883
|
+
async renderCodeAsHtml(y, b) {
|
|
884
|
+
let { codeToHtml: w } = await import("shiki"), { transformerNotationDiff: D, transformerNotationHighlight: O, transformerNotationFocus: F, transformerNotationErrorLevel: U } = await import("@shikijs/transformers");
|
|
885
|
+
return await w(y, {
|
|
886
|
+
lang: b,
|
|
883
887
|
themes: {
|
|
884
888
|
light: this.lightTheme,
|
|
885
889
|
dark: this.darkTheme || this.lightTheme
|
|
886
890
|
},
|
|
887
891
|
transformers: [
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
+
D(),
|
|
893
|
+
O(),
|
|
894
|
+
F(),
|
|
895
|
+
U()
|
|
892
896
|
]
|
|
893
897
|
});
|
|
894
898
|
}
|
|
895
|
-
static
|
|
899
|
+
static {
|
|
900
|
+
this.styles = [r$4(tailwind_default), i$4`
|
|
896
901
|
:host {
|
|
897
902
|
display: block;
|
|
898
903
|
margin: 1rem 0 !important;
|
|
@@ -908,15 +913,16 @@ var ShikiCode = class extends i$1 {
|
|
|
908
913
|
.text-sm{font-size:0.875rem;line-height:1.25rem;}
|
|
909
914
|
.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity)) /* #ef4444 */;};
|
|
910
915
|
`];
|
|
916
|
+
}
|
|
911
917
|
};
|
|
912
|
-
__decorate([n({
|
|
918
|
+
__decorate([n$1({
|
|
913
919
|
type: String,
|
|
914
920
|
attribute: "light-theme"
|
|
915
|
-
})], ShikiCode.prototype, "lightTheme", void 0), __decorate([n({
|
|
921
|
+
})], ShikiCode.prototype, "lightTheme", void 0), __decorate([n$1({
|
|
916
922
|
type: String,
|
|
917
923
|
attribute: "dark-theme"
|
|
918
|
-
})], ShikiCode.prototype, "darkTheme", void 0), __decorate([n({ type: String })], ShikiCode.prototype, "variant", void 0), __decorate([n({
|
|
924
|
+
})], ShikiCode.prototype, "darkTheme", void 0), __decorate([n$1({ type: String })], ShikiCode.prototype, "variant", void 0), __decorate([n$1({
|
|
919
925
|
type: String,
|
|
920
926
|
attribute: "font-size"
|
|
921
|
-
})], ShikiCode.prototype, "fontSize", void 0), __decorate([r
|
|
927
|
+
})], ShikiCode.prototype, "fontSize", void 0), __decorate([r()], ShikiCode.prototype, "loading", void 0), __decorate([r()], ShikiCode.prototype, "html", void 0), __decorate([r()], ShikiCode.prototype, "languageCode", void 0), __decorate([r()], ShikiCode.prototype, "languageName", void 0), __decorate([r()], ShikiCode.prototype, "lightThemeRegistration", void 0), __decorate([r()], ShikiCode.prototype, "darkThemeRegistration", void 0), __decorate([r()], ShikiCode.prototype, "code", void 0), __decorate([r()], ShikiCode.prototype, "copied", void 0), __decorate([r()], ShikiCode.prototype, "error", void 0), __decorate([r()], ShikiCode.prototype, "_colorScheme", void 0), customElements.get("shiki-code") || customElements.define("shiki-code", ShikiCode);
|
|
922
928
|
export { ShikiCode };
|