@cas-smartdesign/list 6.3.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/LICENSE +8 -0
- package/dist/docs/declarative-list-item.js +1 -0
- package/dist/docs/doc.css +1 -0
- package/dist/docs/doc.mjs +447 -0
- package/dist/docs/icon.svg +1 -0
- package/dist/docs/index.html +28 -0
- package/dist/docs/lock.svg +1 -0
- package/dist/docs/multi-select.js +1 -0
- package/dist/docs/right-arrow.svg +6 -0
- package/dist/docs/sample-data.mjs +1 -0
- package/dist/docs/single-select.js +1 -0
- package/dist/docs/trigger-only.js +1 -0
- package/dist/list-with-externals.js +133 -0
- package/dist/list-with-externals.js.map +7 -0
- package/dist/list.d.ts +68 -0
- package/dist/list.mjs +264 -0
- package/dist/list.mjs.map +1 -0
- package/npm-third-party-licenses.json +192 -0
- package/package.json +35 -0
- package/readme.md +71 -0
|
@@ -0,0 +1,447 @@
|
|
|
1
|
+
(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))i(s);new MutationObserver(s=>{for(const o of s)if(o.type==="childList")for(const r of o.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&i(r)}).observe(document,{childList:!0,subtree:!0});function t(s){const o={};return s.integrity&&(o.integrity=s.integrity),s.referrerPolicy&&(o.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?o.credentials="include":s.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function i(s){if(s.ep)return;s.ep=!0;const o=t(s);fetch(s.href,o)}})();const Ps="modulepreload",js=function(n,e){return new URL(n,e).href},Ri={},bt=function(e,t,i){let s=Promise.resolve();if(t&&t.length>0){const o=document.getElementsByTagName("link");s=Promise.all(t.map(r=>{if(r=js(r,i),r in Ri)return;Ri[r]=!0;const l=r.endsWith(".css"),a=l?'[rel="stylesheet"]':"";if(!!i)for(let f=o.length-1;f>=0;f--){const p=o[f];if(p.href===r&&(!l||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${r}"]${a}`))return;const d=document.createElement("link");if(d.rel=l?"stylesheet":Ps,l||(d.as="script",d.crossOrigin=""),d.href=r,document.head.appendChild(d),l)return new Promise((f,p)=>{d.addEventListener("load",f),d.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${r}`)))})}))}return s.then(()=>e()).catch(o=>{const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=o,window.dispatchEvent(r),!r.defaultPrevented)throw o})},Ds=`<!-- Load element with all dependencies directly -->
|
|
2
|
+
<div id="declarative-example">
|
|
3
|
+
<div id="notification"></div>
|
|
4
|
+
<script src="./list-with-externals.js"><\/script>
|
|
5
|
+
<sd-list id="declarative-list" class="declarative" tabindex="0">
|
|
6
|
+
<sd-list-item caption="Lional Bukac" description="Full time employee" icon="icon.svg"></sd-list-item>
|
|
7
|
+
<sd-list-item caption="Lucho Giacopello" description="Full time employee" icon="icon.svg"></sd-list-item>
|
|
8
|
+
<sd-list-item caption="Rik Lapham" description="Student" icon="icon.svg"></sd-list-item>
|
|
9
|
+
<sd-list-item caption="Gunner Dewsbury" description="Student" icon="icon.svg"></sd-list-item>
|
|
10
|
+
</sd-list>
|
|
11
|
+
</div>
|
|
12
|
+
`,zs=`<h3 id="declarative-example---sd-list-items">Declarative example - sd-list-items</h3>
|
|
13
|
+
`,Us=`import List from "@cas-smartdesign/list";
|
|
14
|
+
|
|
15
|
+
List.ensureDefined();
|
|
16
|
+
|
|
17
|
+
const container = document.querySelector("#declarative-example");
|
|
18
|
+
const notification = container.querySelector("#notification") as HTMLElement;
|
|
19
|
+
const list: List = container.querySelector("#declarative-list");
|
|
20
|
+
|
|
21
|
+
list.addEventListener("selection", (event: CustomEvent) => {
|
|
22
|
+
notification.style.visibility = "visible";
|
|
23
|
+
notification.innerText = \`Item at index \${event.detail.index} has been \${
|
|
24
|
+
event.detail.selected ? "selected" : "deselected"
|
|
25
|
+
} Modifier pressed: \${event.detail.hasModifier}\`;
|
|
26
|
+
});
|
|
27
|
+
`,Bs=`#notification {
|
|
28
|
+
visibility: collapse;
|
|
29
|
+
min-height: 30px;
|
|
30
|
+
line-height: 30px;
|
|
31
|
+
margin-bottom: 4px;
|
|
32
|
+
background: #f0f0f0;
|
|
33
|
+
color: #333;
|
|
34
|
+
text-align: center;
|
|
35
|
+
}
|
|
36
|
+
`,Fs={mainContent:Ds,description:zs,css:Bs,initializer:{content:Us,type:"typescript",initialize:()=>bt(()=>import("./declarative-list-item.js"),__vite__mapDeps([]),import.meta.url)}},Hs=Object.freeze(Object.defineProperty({__proto__:null,default:Fs},Symbol.toStringTag,{value:"Module"})),Ws=`<!-- Load element with all dependencies directly -->
|
|
37
|
+
<script src="./list-with-externals.js"><\/script>
|
|
38
|
+
|
|
39
|
+
<sd-list class="declarative" tabindex="0" selection-type="multi">
|
|
40
|
+
<option value="a1">Annette Todarini</option>
|
|
41
|
+
<option value="a2">Alexandra Plose</option>
|
|
42
|
+
<option value="a3">Almeria Ganning</option>
|
|
43
|
+
<hr />
|
|
44
|
+
<option value="l1">Lional Bukac</option>
|
|
45
|
+
<option value="l2">Lucho Giacopello</option>
|
|
46
|
+
<hr />
|
|
47
|
+
<option value="r1">Rik Lapham</option>
|
|
48
|
+
</sd-list>
|
|
49
|
+
`,Gs=`<h3 id="declarative-example---options-&-separators">Declarative example - options & separators</h3>
|
|
50
|
+
`,qs=`sd-list hr {
|
|
51
|
+
background: #f2f2f2;
|
|
52
|
+
height: 8px;
|
|
53
|
+
margin: 0;
|
|
54
|
+
border: 0;
|
|
55
|
+
margin-top: -1px;
|
|
56
|
+
}
|
|
57
|
+
option {
|
|
58
|
+
padding: 16px 4px;
|
|
59
|
+
}
|
|
60
|
+
option:hover,
|
|
61
|
+
option:focus,
|
|
62
|
+
option[focused] {
|
|
63
|
+
background-color: rgb(232, 245, 252);
|
|
64
|
+
}
|
|
65
|
+
option[selected] {
|
|
66
|
+
background-color: rgb(211, 230, 250);
|
|
67
|
+
}
|
|
68
|
+
`,Vs={mainContent:Ws,description:Gs,css:qs},Ks=Object.freeze(Object.defineProperty({__proto__:null,default:Vs},Symbol.toStringTag,{value:"Module"})),Zs=`<div id="multi-select-example"></div>
|
|
69
|
+
`,Js=`<h3 id="multi-selection-list">Multi selection list</h3>
|
|
70
|
+
`,Xs=`input[type="checkbox"] {
|
|
71
|
+
width: 20px;
|
|
72
|
+
height: 20px;
|
|
73
|
+
margin-left: 16px;
|
|
74
|
+
}
|
|
75
|
+
`,Qs=`import ListItem from "@cas-smartdesign/list-item";
|
|
76
|
+
import List, { ItemGenerator } from "@cas-smartdesign/list";
|
|
77
|
+
import { ExtendedItemData, createListItems } from "../item-provider"; /// import { ExtendedItemData, createListItems } from "./item-provider";
|
|
78
|
+
import { exampleItems } from "../sample-data"; /// import { exampleItems } from "./sample-data";
|
|
79
|
+
|
|
80
|
+
List.ensureDefined();
|
|
81
|
+
|
|
82
|
+
const container = document.querySelector("#multi-select-example");
|
|
83
|
+
const list = document.createElement(List.ID) as List;
|
|
84
|
+
const items = createListItems(exampleItems, true);
|
|
85
|
+
|
|
86
|
+
list.itemGenerator = customItemGenerator(list);
|
|
87
|
+
list.items = items;
|
|
88
|
+
list.selectedIndexes = [items.findIndex((item) => item.disabled)];
|
|
89
|
+
list.tabIndex = 0;
|
|
90
|
+
list.selectionType = "multi";
|
|
91
|
+
list.addEventListener("selection", (event: CustomEvent) => {
|
|
92
|
+
const itemIndex = event.detail.index;
|
|
93
|
+
const listItem = list.getListItem(itemIndex);
|
|
94
|
+
const itemData = list.items[itemIndex] as ExtendedItemData;
|
|
95
|
+
if (itemData?.extendedListItem) {
|
|
96
|
+
if (event.detail.selected) {
|
|
97
|
+
const index = list.selectedIndexes.indexOf(itemIndex);
|
|
98
|
+
if (index !== -1) {
|
|
99
|
+
const newSelectedIndexes = [...list.selectedIndexes];
|
|
100
|
+
newSelectedIndexes.splice(index, 1);
|
|
101
|
+
list.selectedIndexes = newSelectedIndexes;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
} else {
|
|
105
|
+
const checkbox = listItem.querySelector("input");
|
|
106
|
+
checkbox.checked = event.detail.selected;
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
|
|
110
|
+
container.appendChild(list);
|
|
111
|
+
|
|
112
|
+
export function customItemGenerator(list: List): ItemGenerator {
|
|
113
|
+
const originalGenerator = list.itemGenerator;
|
|
114
|
+
return (data: ExtendedItemData, index: number) => {
|
|
115
|
+
const listItem = originalGenerator(data, index) as ListItem;
|
|
116
|
+
listItem.updateComplete.then(() => {
|
|
117
|
+
const checkbox = listItem.querySelector("input") as HTMLInputElement;
|
|
118
|
+
if (checkbox) {
|
|
119
|
+
checkbox.disabled = data.disabled;
|
|
120
|
+
checkbox.checked = listItem.selected;
|
|
121
|
+
}
|
|
122
|
+
});
|
|
123
|
+
return listItem;
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
`,gn=`import { ItemData } from "@cas-smartdesign/list-item";
|
|
127
|
+
import { ExampleItem } from "./sample-data";
|
|
128
|
+
|
|
129
|
+
const arrowIcon = "./right-arrow.svg";
|
|
130
|
+
const lockIcon = "./lock.svg";
|
|
131
|
+
const icon = "./icon.svg";
|
|
132
|
+
|
|
133
|
+
export type ExtendedItemData = ItemData & { extendedListItem?: boolean };
|
|
134
|
+
|
|
135
|
+
const createIcon = (icon: string) => {
|
|
136
|
+
const div = document.createElement("div");
|
|
137
|
+
div.style.display = "flex";
|
|
138
|
+
div.style.justifyContent = "center";
|
|
139
|
+
const img = document.createElement("img");
|
|
140
|
+
img.style.width = "24px";
|
|
141
|
+
img.src = icon;
|
|
142
|
+
div.appendChild(img);
|
|
143
|
+
return div;
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
export function createListItems(exampleItems: ExampleItem[], addCheckbox = true) {
|
|
147
|
+
const items: ExtendedItemData[] = [];
|
|
148
|
+
for (let i = 0; i < exampleItems.length; i++) {
|
|
149
|
+
const exampleItem = exampleItems[i];
|
|
150
|
+
const disabled = exampleItem.disabled;
|
|
151
|
+
items.push({
|
|
152
|
+
caption: exampleItem.caption,
|
|
153
|
+
description: exampleItem.description,
|
|
154
|
+
rightContentGenerator: () => {
|
|
155
|
+
const div = document.createElement("div");
|
|
156
|
+
div.style.display = "flex";
|
|
157
|
+
div.style.flexDirection = "row-reverse";
|
|
158
|
+
div.appendChild(createIcon(arrowIcon));
|
|
159
|
+
if (disabled) {
|
|
160
|
+
div.appendChild(createIcon(lockIcon));
|
|
161
|
+
}
|
|
162
|
+
return div;
|
|
163
|
+
},
|
|
164
|
+
leftContentGenerator: () => {
|
|
165
|
+
if (addCheckbox) {
|
|
166
|
+
const checkbox = document.createElement("input");
|
|
167
|
+
checkbox.type = "checkbox";
|
|
168
|
+
checkbox.tabIndex = -1;
|
|
169
|
+
checkbox.addEventListener("pointerdown", (event) => {
|
|
170
|
+
event.stopPropagation();
|
|
171
|
+
});
|
|
172
|
+
return checkbox;
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
icon,
|
|
176
|
+
disabled: disabled,
|
|
177
|
+
});
|
|
178
|
+
}
|
|
179
|
+
items.push({
|
|
180
|
+
extendedListItem: true,
|
|
181
|
+
caption: "Extended list",
|
|
182
|
+
description: "",
|
|
183
|
+
rightContentGenerator: () => {
|
|
184
|
+
return createIcon(arrowIcon);
|
|
185
|
+
},
|
|
186
|
+
});
|
|
187
|
+
return items;
|
|
188
|
+
}
|
|
189
|
+
`,bn=`export type ExampleItem = {
|
|
190
|
+
caption: string;
|
|
191
|
+
description?: string;
|
|
192
|
+
disabled?: boolean;
|
|
193
|
+
};
|
|
194
|
+
|
|
195
|
+
export const exampleItems: ExampleItem[] = [
|
|
196
|
+
{ caption: "Annette Todarini", description: "Full time employee" },
|
|
197
|
+
{ caption: "Alexandra Plose", description: "Full time employee" },
|
|
198
|
+
{ caption: "Almeria Ganning", description: "Full time employee", disabled: true },
|
|
199
|
+
{ caption: "Lional Bukac", description: "Student" },
|
|
200
|
+
{ caption: "Lucho Giacopello", description: "Full time employee", disabled: true },
|
|
201
|
+
{ caption: "Rik Lapham", description: "Student", disabled: true },
|
|
202
|
+
];
|
|
203
|
+
`,Ys={mainContent:Zs,description:Js,css:Xs,initializer:{content:Qs,type:"typescript",initialize:()=>bt(()=>import("./multi-select.js"),__vite__mapDeps([0,1]),import.meta.url)},additionalSources:[{type:"source",label:"item-provider",language:"typescript",content:gn},{type:"source",label:"sample-data",language:"typescript",content:bn}]},er=Object.freeze(Object.defineProperty({__proto__:null,default:Ys},Symbol.toStringTag,{value:"Module"})),tr=`<div id="single-select-example">
|
|
204
|
+
<input placeholder="search" style="margin-bottom: 8px" />
|
|
205
|
+
<sd-list selection-type="single" tabindex="0"></sd-list>
|
|
206
|
+
</div>
|
|
207
|
+
`,ir=`<h3 id="single-select-list-(with-searchfield)">Single select list (with searchfield)</h3>
|
|
208
|
+
`,nr=`import List from "@cas-smartdesign/list";
|
|
209
|
+
import { createListItems } from "../item-provider"; /// import { createListItems } from "./item-provider";
|
|
210
|
+
import { exampleItems } from "../sample-data"; /// import { exampleItems } from "./sample-data";
|
|
211
|
+
import { KeyDownDelegator } from "@cas-smartdesign/element-utils";
|
|
212
|
+
|
|
213
|
+
List.ensureDefined();
|
|
214
|
+
|
|
215
|
+
const container = document.querySelector("#single-select-example");
|
|
216
|
+
const list = container.querySelector("sd-list") as List;
|
|
217
|
+
const searchfield = container.querySelector("input") as HTMLInputElement;
|
|
218
|
+
|
|
219
|
+
const items = createListItems(exampleItems, false);
|
|
220
|
+
const extendedEntryIndex = items.length - 1;
|
|
221
|
+
|
|
222
|
+
list.items = items;
|
|
223
|
+
|
|
224
|
+
searchfield.addEventListener("input", () => {
|
|
225
|
+
list.items = items.filter(
|
|
226
|
+
(item, i) =>
|
|
227
|
+
i == extendedEntryIndex ||
|
|
228
|
+
!searchfield.value ||
|
|
229
|
+
item.caption.toLowerCase().indexOf(searchfield.value.toLowerCase()) >= 0,
|
|
230
|
+
);
|
|
231
|
+
});
|
|
232
|
+
|
|
233
|
+
KeyDownDelegator.delegateTo(list).connect(searchfield);
|
|
234
|
+
`,sr={mainContent:tr,description:ir,initializer:{content:nr,type:"typescript",initialize:()=>bt(()=>import("./single-select.js"),__vite__mapDeps([2,1]),import.meta.url)},additionalSources:[{type:"source",label:"item-provider",language:"typescript",content:gn},{type:"source",label:"sample-data",language:"typescript",content:bn}]},rr=Object.freeze(Object.defineProperty({__proto__:null,default:sr},Symbol.toStringTag,{value:"Module"})),or=`<div id="trigger-only-example"></div>
|
|
235
|
+
`,lr=`<h3 id="trigger-only-list">Trigger only list</h3>
|
|
236
|
+
<p>Click on non-locked items to remove them from the list</p>
|
|
237
|
+
`,ar=`import "@cas-smartdesign/list-item";
|
|
238
|
+
import List from "@cas-smartdesign/list";
|
|
239
|
+
import { ExtendedItemData, createListItems } from "../item-provider"; /// import { ExtendedItemData, createListItems } from "./item-provider";
|
|
240
|
+
import { exampleItems } from "../sample-data"; /// import { exampleItems } from "./sample-data";
|
|
241
|
+
|
|
242
|
+
const container = document.querySelector("#trigger-only-example");
|
|
243
|
+
const list = document.createElement(List.ID) as List;
|
|
244
|
+
const items = createListItems(exampleItems, false);
|
|
245
|
+
|
|
246
|
+
list.items = items;
|
|
247
|
+
list.tabIndex = 0;
|
|
248
|
+
list.selectionType = "trigger-only";
|
|
249
|
+
list.addEventListener("selection", (event: CustomEvent) => {
|
|
250
|
+
const itemIndex = event.detail.index;
|
|
251
|
+
const itemData = list.items[itemIndex] as ExtendedItemData;
|
|
252
|
+
if (itemData?.extendedListItem || !event.detail.selected) {
|
|
253
|
+
return;
|
|
254
|
+
}
|
|
255
|
+
items.splice(itemIndex, 1);
|
|
256
|
+
list.items = items;
|
|
257
|
+
});
|
|
258
|
+
|
|
259
|
+
container.appendChild(list);
|
|
260
|
+
`,cr={mainContent:or,description:lr,initializer:{content:ar,type:"typescript",initialize:()=>bt(()=>import("./trigger-only.js"),__vite__mapDeps([3,1]),import.meta.url)}},dr=Object.freeze(Object.defineProperty({__proto__:null,default:cr},Symbol.toStringTag,{value:"Module"})),yn=class rt extends HTMLElement{memoizedTemplate(){const e=this.is();if(rt.TEMPLATE_CACHE[e])return rt.TEMPLATE_CACHE[e];const t=this.template();return window.ShadyCSS&&window.ShadyCSS.prepareTemplate(t,this.is()),rt.TEMPLATE_CACHE[e]=t,t}connectedCallback(){const e=this.memoizedTemplate();window.ShadyCSS&&window.ShadyCSS.styleElement(this),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(document.importNode(e.content,!0)),requestAnimationFrame(()=>this.dispatchEvent(new CustomEvent("ready"))))}whenReady(e){this.shadowRoot?e():this.addEventListener("ready",()=>e())}};yn.TEMPLATE_CACHE={};let ur=yn;const ot=window,di=ot.ShadowRoot&&(ot.ShadyCSS===void 0||ot.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ui=Symbol(),Li=new WeakMap;let wn=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==ui)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(di&&e===void 0){const i=t!==void 0&&t.length===1;i&&(e=Li.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&Li.set(t,e))}return e}toString(){return this.cssText}};const vn=n=>new wn(typeof n=="string"?n:n+"",void 0,ui),hr=(n,...e)=>{const t=n.length===1?n[0]:e.reduce((i,s,o)=>i+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+n[o+1],n[0]);return new wn(t,n,ui)},fr=(n,e)=>{di?n.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{const i=document.createElement("style"),s=ot.litNonce;s!==void 0&&i.setAttribute("nonce",s),i.textContent=t.cssText,n.appendChild(i)})},Ni=di?n=>n:n=>n instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return vn(t)})(n):n;var Nt;const ct=window,Mi=ct.trustedTypes,pr=Mi?Mi.emptyScript:"",Ti=ct.reactiveElementPolyfillSupport,Wt={toAttribute(n,e){switch(e){case Boolean:n=n?pr:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,e){let t=n;switch(e){case Boolean:t=n!==null;break;case Number:t=n===null?null:Number(n);break;case Object:case Array:try{t=JSON.parse(n)}catch{t=null}}return t}},xn=(n,e)=>e!==n&&(e==e||n==n),Mt={attribute:!0,type:String,converter:Wt,reflect:!1,hasChanged:xn},Gt="finalized";let me=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(e){var t;this.finalize(),((t=this.h)!==null&&t!==void 0?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((t,i)=>{const s=this._$Ep(i,t);s!==void 0&&(this._$Ev.set(s,i),e.push(s))}),e}static createProperty(e,t=Mt){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const i=typeof e=="symbol"?Symbol():"__"+e,s=this.getPropertyDescriptor(e,i,t);s!==void 0&&Object.defineProperty(this.prototype,e,s)}}static getPropertyDescriptor(e,t,i){return{get(){return this[t]},set(s){const o=this[e];this[t]=s,this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||Mt}static finalize(){if(this.hasOwnProperty(Gt))return!1;this[Gt]=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),e.h!==void 0&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const s of i)t.unshift(Ni(s))}else e!==void 0&&t.push(Ni(e));return t}static _$Ep(e,t){const i=t.attribute;return i===!1?void 0:typeof i=="string"?i:typeof e=="string"?e.toLowerCase():void 0}_$Eu(){var e;this._$E_=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,i;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((i=e.hostConnected)===null||i===void 0||i.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return fr(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(t=>{var i;return(i=t.hostConnected)===null||i===void 0?void 0:i.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(t=>{var i;return(i=t.hostDisconnected)===null||i===void 0?void 0:i.call(t)})}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$EO(e,t,i=Mt){var s;const o=this.constructor._$Ep(e,i);if(o!==void 0&&i.reflect===!0){const r=(((s=i.converter)===null||s===void 0?void 0:s.toAttribute)!==void 0?i.converter:Wt).toAttribute(t,i.type);this._$El=e,r==null?this.removeAttribute(o):this.setAttribute(o,r),this._$El=null}}_$AK(e,t){var i;const s=this.constructor,o=s._$Ev.get(e);if(o!==void 0&&this._$El!==o){const r=s.getPropertyOptions(o),l=typeof r.converter=="function"?{fromAttribute:r.converter}:((i=r.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?r.converter:Wt;this._$El=o,this[o]=l.fromAttribute(t,r.type),this._$El=null}}requestUpdate(e,t,i){let s=!0;e!==void 0&&(((i=i||this.constructor.getPropertyOptions(e)).hasChanged||xn)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),i.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,i))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((s,o)=>this[o]=s),this._$Ei=void 0);let t=!1;const i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),(e=this._$ES)===null||e===void 0||e.forEach(s=>{var o;return(o=s.hostUpdate)===null||o===void 0?void 0:o.call(s)}),this.update(i)):this._$Ek()}catch(s){throw t=!1,this._$Ek(),s}t&&this._$AE(i)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach(i=>{var s;return(s=i.hostUpdated)===null||s===void 0?void 0:s.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((t,i)=>this._$EO(i,this[i],t)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};me[Gt]=!0,me.elementProperties=new Map,me.elementStyles=[],me.shadowRootOptions={mode:"open"},Ti==null||Ti({ReactiveElement:me}),((Nt=ct.reactiveElementVersions)!==null&&Nt!==void 0?Nt:ct.reactiveElementVersions=[]).push("1.6.3");var Tt;const dt=window,ge=dt.trustedTypes,Pi=ge?ge.createPolicy("lit-html",{createHTML:n=>n}):void 0,qt="$lit$",Y=`lit$${(Math.random()+"").slice(9)}$`,En="?"+Y,mr=`<${En}>`,ce=document,Oe=()=>ce.createComment(""),Re=n=>n===null||typeof n!="object"&&typeof n!="function",_n=Array.isArray,gr=n=>_n(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",Pt=`[
|
|
261
|
+
\f\r]`,_e=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ji=/-->/g,Di=/>/g,re=RegExp(`>|${Pt}(?:([^\\s"'>=/]+)(${Pt}*=${Pt}*(?:[^
|
|
262
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),zi=/'/g,Ui=/"/g,Sn=/^(?:script|style|textarea|title)$/i,br=n=>(e,...t)=>({_$litType$:n,strings:e,values:t}),qe=br(1),de=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),Bi=new WeakMap,le=ce.createTreeWalker(ce,129,null,!1);function An(n,e){if(!Array.isArray(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return Pi!==void 0?Pi.createHTML(e):e}const yr=(n,e)=>{const t=n.length-1,i=[];let s,o=e===2?"<svg>":"",r=_e;for(let l=0;l<t;l++){const a=n[l];let c,d,f=-1,p=0;for(;p<a.length&&(r.lastIndex=p,d=r.exec(a),d!==null);)p=r.lastIndex,r===_e?d[1]==="!--"?r=ji:d[1]!==void 0?r=Di:d[2]!==void 0?(Sn.test(d[2])&&(s=RegExp("</"+d[2],"g")),r=re):d[3]!==void 0&&(r=re):r===re?d[0]===">"?(r=s??_e,f=-1):d[1]===void 0?f=-2:(f=r.lastIndex-d[2].length,c=d[1],r=d[3]===void 0?re:d[3]==='"'?Ui:zi):r===Ui||r===zi?r=re:r===ji||r===Di?r=_e:(r=re,s=void 0);const x=r===re&&n[l+1].startsWith("/>")?" ":"";o+=r===_e?a+mr:f>=0?(i.push(c),a.slice(0,f)+qt+a.slice(f)+Y+x):a+Y+(f===-2?(i.push(void 0),l):x)}return[An(n,o+(n[t]||"<?>")+(e===2?"</svg>":"")),i]};class Le{constructor({strings:e,_$litType$:t},i){let s;this.parts=[];let o=0,r=0;const l=e.length-1,a=this.parts,[c,d]=yr(e,t);if(this.el=Le.createElement(c,i),le.currentNode=this.el.content,t===2){const f=this.el.content,p=f.firstChild;p.remove(),f.append(...p.childNodes)}for(;(s=le.nextNode())!==null&&a.length<l;){if(s.nodeType===1){if(s.hasAttributes()){const f=[];for(const p of s.getAttributeNames())if(p.endsWith(qt)||p.startsWith(Y)){const x=d[r++];if(f.push(p),x!==void 0){const k=s.getAttribute(x.toLowerCase()+qt).split(Y),R=/([.?@])?(.*)/.exec(x);a.push({type:1,index:o,name:R[2],strings:k,ctor:R[1]==="."?vr:R[1]==="?"?Er:R[1]==="@"?_r:yt})}else a.push({type:6,index:o})}for(const p of f)s.removeAttribute(p)}if(Sn.test(s.tagName)){const f=s.textContent.split(Y),p=f.length-1;if(p>0){s.textContent=ge?ge.emptyScript:"";for(let x=0;x<p;x++)s.append(f[x],Oe()),le.nextNode(),a.push({type:2,index:++o});s.append(f[p],Oe())}}}else if(s.nodeType===8)if(s.data===En)a.push({type:2,index:o});else{let f=-1;for(;(f=s.data.indexOf(Y,f+1))!==-1;)a.push({type:7,index:o}),f+=Y.length-1}o++}}static createElement(e,t){const i=ce.createElement("template");return i.innerHTML=e,i}}function be(n,e,t=n,i){var s,o,r,l;if(e===de)return e;let a=i!==void 0?(s=t._$Co)===null||s===void 0?void 0:s[i]:t._$Cl;const c=Re(e)?void 0:e._$litDirective$;return(a==null?void 0:a.constructor)!==c&&((o=a==null?void 0:a._$AO)===null||o===void 0||o.call(a,!1),c===void 0?a=void 0:(a=new c(n),a._$AT(n,t,i)),i!==void 0?((r=(l=t)._$Co)!==null&&r!==void 0?r:l._$Co=[])[i]=a:t._$Cl=a),a!==void 0&&(e=be(n,a._$AS(n,e.values),a,i)),e}class wr{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:i},parts:s}=this._$AD,o=((t=e==null?void 0:e.creationScope)!==null&&t!==void 0?t:ce).importNode(i,!0);le.currentNode=o;let r=le.nextNode(),l=0,a=0,c=s[0];for(;c!==void 0;){if(l===c.index){let d;c.type===2?d=new ze(r,r.nextSibling,this,e):c.type===1?d=new c.ctor(r,c.name,c.strings,this,e):c.type===6&&(d=new Sr(r,this,e)),this._$AV.push(d),c=s[++a]}l!==(c==null?void 0:c.index)&&(r=le.nextNode(),l++)}return le.currentNode=ce,o}v(e){let t=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class ze{constructor(e,t,i,s){var o;this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=s,this._$Cp=(o=s==null?void 0:s.isConnected)===null||o===void 0||o}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=be(this,e,t),Re(e)?e===O||e==null||e===""?(this._$AH!==O&&this._$AR(),this._$AH=O):e!==this._$AH&&e!==de&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):gr(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==O&&Re(this._$AH)?this._$AA.nextSibling.data=e:this.$(ce.createTextNode(e)),this._$AH=e}g(e){var t;const{values:i,_$litType$:s}=e,o=typeof s=="number"?this._$AC(e):(s.el===void 0&&(s.el=Le.createElement(An(s.h,s.h[0]),this.options)),s);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===o)this._$AH.v(i);else{const r=new wr(o,this),l=r.u(this.options);r.v(i),this.$(l),this._$AH=r}}_$AC(e){let t=Bi.get(e.strings);return t===void 0&&Bi.set(e.strings,t=new Le(e)),t}T(e){_n(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,s=0;for(const o of e)s===t.length?t.push(i=new ze(this.k(Oe()),this.k(Oe()),this,this.options)):i=t[s],i._$AI(o),s++;s<t.length&&(this._$AR(i&&i._$AB.nextSibling,s),t.length=s)}_$AR(e=this._$AA.nextSibling,t){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,t);e&&e!==this._$AB;){const s=e.nextSibling;e.remove(),e=s}}setConnected(e){var t;this._$AM===void 0&&(this._$Cp=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}}let yt=class{constructor(e,t,i,s,o){this.type=1,this._$AH=O,this._$AN=void 0,this.element=e,this.name=t,this._$AM=s,this.options=o,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,i,s){const o=this.strings;let r=!1;if(o===void 0)e=be(this,e,t,0),r=!Re(e)||e!==this._$AH&&e!==de,r&&(this._$AH=e);else{const l=e;let a,c;for(e=o[0],a=0;a<o.length-1;a++)c=be(this,l[i+a],t,a),c===de&&(c=this._$AH[a]),r||(r=!Re(c)||c!==this._$AH[a]),c===O?e=O:e!==O&&(e+=(c??"")+o[a+1]),this._$AH[a]=c}r&&!s&&this.j(e)}j(e){e===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}};class vr extends yt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===O?void 0:e}}const xr=ge?ge.emptyScript:"";class Er extends yt{constructor(){super(...arguments),this.type=4}j(e){e&&e!==O?this.element.setAttribute(this.name,xr):this.element.removeAttribute(this.name)}}let _r=class extends yt{constructor(e,t,i,s,o){super(e,t,i,s,o),this.type=5}_$AI(e,t=this){var i;if((e=(i=be(this,e,t,0))!==null&&i!==void 0?i:O)===de)return;const s=this._$AH,o=e===O&&s!==O||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,r=e!==O&&(s===O||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,i;typeof this._$AH=="function"?this._$AH.call((i=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&i!==void 0?i:this.element,e):this._$AH.handleEvent(e)}};class Sr{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){be(this,e)}}const Fi=dt.litHtmlPolyfillSupport;Fi==null||Fi(Le,ze),((Tt=dt.litHtmlVersions)!==null&&Tt!==void 0?Tt:dt.litHtmlVersions=[]).push("2.8.0");const Ar=(n,e,t)=>{var i,s;const o=(i=t==null?void 0:t.renderBefore)!==null&&i!==void 0?i:e;let r=o._$litPart$;if(r===void 0){const l=(s=t==null?void 0:t.renderBefore)!==null&&s!==void 0?s:null;o._$litPart$=r=new ze(e.insertBefore(Oe(),l),l,void 0,t??{})}return r._$AI(n),r};var jt,Dt;let Ce=class extends me{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const i=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=i.firstChild),i}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Ar(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return de}};Ce.finalized=!0,Ce._$litElement$=!0,(jt=globalThis.litElementHydrateSupport)===null||jt===void 0||jt.call(globalThis,{LitElement:Ce});const Hi=globalThis.litElementPolyfillSupport;Hi==null||Hi({LitElement:Ce});((Dt=globalThis.litElementVersions)!==null&&Dt!==void 0?Dt:globalThis.litElementVersions=[]).push("3.3.3");const $r=(n,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,n)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,n)}},Cr=(n,e,t)=>{e.constructor.createProperty(t,n)};function T(n){return(e,t)=>t!==void 0?Cr(n,e,t):$r(n,e)}const kr={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ir=n=>(...e)=>({_$litDirective$:n,values:e});class Or{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}class Vt extends Or{constructor(e){if(super(e),this.et=O,e.type!==kr.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===O||e==null)return this.ft=void 0,this.et=e;if(e===de)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Vt.directiveName="unsafeHTML",Vt.resultType=1;const Rr=Ir(Vt);const Ve=n=>n??O;let Lr=class{static showImage(e,t,i,s){let o;if(s||!(e instanceof HTMLImageElement)?o=r=>e.style.backgroundImage=this.prepareSrc(r):o=r=>e.src=r,o(i),t){const r=()=>{o(t)},l=new Image;l.addEventListener("load",r),l.src=t,l.complete&&(l.removeEventListener("load",r),r())}}static prepareSrc(e){return e?e.startsWith("url")?e:`url("${e}")`:null}};const Nr=':host{display:block;contain:strict;height:50px}:host([selected]){background-color:#d3e6fa}:host(:not([selected]):hover),:host(:not([selected])[focused]){background-color:#e7f1fa}@media (forced-colors: active){:host([selected]){outline:4px solid}:host(:not([selected]):hover){outline:4px dotted}:host(:not([selected])[focused]){outline:4px dashed}}:host([enable-line-clamp]) .labels>:only-child{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.container{display:flex;height:100%;box-sizing:border-box}.container .level-indicator{width:7px;height:100%}.container .level-indicator.level-0{background-color:#a0c3ef}.container .level-indicator.level-1{background-color:#e7c374}.container .level-indicator.level-2{background-color:#bfd596}.container .level-indicator.level-3{background-color:#fd998d}.container .level-indicator.level-4{background-color:#c6e8f5}.container .level-indicator.level-5{background-color:#fde3a4}.container .level-indicator.level-6{background-color:#dcbfe0}.side-content{display:flex;align-items:center;flex-grow:0}.labels{display:flex;flex-direction:column;justify-content:center;flex:1 1 0px;height:100%;line-height:normal;overflow:hidden;padding:var(--sd-list-item-label-content-padding, 0 8px)}.caption,.description{width:100%;font-family:var(--sd-list-item-font-family, "Segoe UI", "Lucida Sans", Arial, sans-serif);font-style:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none;text-decoration:var(--sd-list-item-text-decoration, inherit)}.caption em,.description em{font-weight:bolder}.caption{font-size:var(--sd-list-item-caption-font-size, 16px);color:var(--sd-list-item-caption-text-color, #111);font-weight:var(--sd-list-item-caption-font-weight, normal)}.description{font-size:var(--sd-list-item-description-font-size, 13px);color:var(--sd-list-item-description-text-color, #767676);font-weight:var(--sd-list-item-description-font-weight, normal)}.icon-wrapper{width:var(--sd-list-item-icon-wrapper-width, 45px);height:100%;display:flex;align-items:center;justify-content:center}.icon-wrapper .icon{min-height:var(--sd-list-item-icon-size, 24px);min-width:var(--sd-list-item-icon-size, 24px);background-repeat:no-repeat;background-position:center;background-size:cover}';var Mr=Object.defineProperty,Tr=Object.getOwnPropertyDescriptor,P=(n,e,t,i)=>{for(var s=i>1?void 0:i?Tr(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(s=(i?r(e,t,s):r(s))||s);return i&&s&&Mr(e,t,s),s},oe;const M=(oe=class extends Ce{constructor(){super(...arguments),this.contentMode="text",this.role="option"}static get styles(){return[hr`
|
|
263
|
+
${vn(Nr)}
|
|
264
|
+
`]}render(){return qe`
|
|
265
|
+
<div class="container">
|
|
266
|
+
${this.getLevelIndicators().map((n,e)=>qe` <div class="level-indicator level-${e}"></div> `)}
|
|
267
|
+
<div class="side-content">
|
|
268
|
+
<slot name="left-content"></slot>
|
|
269
|
+
${this.renderIcon()}
|
|
270
|
+
</div>
|
|
271
|
+
<div class="labels">
|
|
272
|
+
${this.renderLabel("caption",this.caption,this.captionAttrTitle)}
|
|
273
|
+
${this.renderLabel("description",this.description,this.descriptionAttrTitle)}
|
|
274
|
+
</div>
|
|
275
|
+
<div class="side-content">
|
|
276
|
+
<slot name="right-content"></slot>
|
|
277
|
+
</div>
|
|
278
|
+
</div>
|
|
279
|
+
`}renderIcon(){if(this.icon||this.iconPlaceholder){const n=this.iconBackgroundColor!=null?`background-color:${this.iconBackgroundColor}`:void 0;return qe`
|
|
280
|
+
<div
|
|
281
|
+
class="icon-wrapper"
|
|
282
|
+
@pointerdown="${this.handleIconClick}"
|
|
283
|
+
style="${Ve(n)}"
|
|
284
|
+
role="img"
|
|
285
|
+
aria-label="${Ve(this.iconAttrAriaLabel)}"
|
|
286
|
+
title="${Ve(this.iconAttrTitle)}"
|
|
287
|
+
>
|
|
288
|
+
<div class="icon"></div>
|
|
289
|
+
</div>
|
|
290
|
+
`}return O}renderLabel(n,e,t){return e?qe`
|
|
291
|
+
<div class="${n}" title="${Ve(t)}">
|
|
292
|
+
${this.contentMode==="html"?Rr(e):e}
|
|
293
|
+
</div>
|
|
294
|
+
`:O}updated(n){super.updated(n),(n.has("icon")||n.has("iconPlaceholder"))&&(this.icon||this.iconPlaceholder)&&Lr.showImage(this.shadowRoot.querySelector(".icon"),this.icon,this.iconPlaceholder),n.has("selected")&&this.setAttribute("aria-selected",String(this.selected))}get missingWidthForTexts(){const n=this.enableLineClamp;this.removeAttribute("enable-line-clamp");let e=0;const t=this.shadowRoot.querySelector(".caption");t&&(e+=t.scrollWidth-t.clientWidth);const i=this.shadowRoot.querySelector(".description");return i&&(e=Math.max(e,i.scrollWidth-i.clientWidth)),e>0&&e++,n&&this.setAttribute("enable-line-clamp",""),e}handleIconClick(n){!this.disabled&&!this.dispatchEvent(new PointerEvent("list-item-icon-click",n))&&n.preventDefault()}getLevelIndicators(){return this.level?Array(Number(this.level)).fill(null):[]}},oe.ID="sd-list-item",oe.ensureDefined=()=>{customElements.get(oe.ID)||customElements.define(oe.ID,oe)},oe);P([T({type:String})],M.prototype,"caption",2);P([T({type:String})],M.prototype,"description",2);P([T({type:Boolean})],M.prototype,"selected",2);P([T({type:String})],M.prototype,"icon",2);P([T({type:String})],M.prototype,"iconBackgroundColor",2);P([T({type:String})],M.prototype,"iconPlaceholder",2);P([T({type:Number})],M.prototype,"level",2);P([T()],M.prototype,"contentMode",2);P([T({type:Boolean,reflect:!0,attribute:"enable-line-clamp"})],M.prototype,"enableLineClamp",2);P([T({type:Boolean,reflect:!0,attribute:"aria-disabled"})],M.prototype,"disabled",2);P([T({type:String,attribute:"icon-attr-aria-label"})],M.prototype,"iconAttrAriaLabel",2);P([T({type:String,reflect:!0})],M.prototype,"role",2);P([T({type:String,attribute:"caption-attr-title"})],M.prototype,"captionAttrTitle",2);P([T({type:String,attribute:"description-attr-title"})],M.prototype,"descriptionAttrTitle",2);P([T({type:String,attribute:"icon-attr-title"})],M.prototype,"iconAttrTitle",2);let ke=M;const Pr=(n,e)=>{const t=document.createElement(ke.ID);if(n){if(t.caption=n.caption,t.description=n.description,t.icon=n.icon,t.iconBackgroundColor=n.iconBackgroundColor,t.iconPlaceholder=n.iconPlaceholder,t.level=n.level,t.disabled=n.disabled,n.contentMode&&(t.contentMode=n.contentMode),n.leftContentGenerator){const i=n.leftContentGenerator(n,t);i&&(i.slot="left-content",t.appendChild(i))}if(n.rightContentGenerator){const i=n.rightContentGenerator(n,t);i&&(i.slot="right-content",t.appendChild(i))}}return t};ke.ensureDefined();const jr=`<style>
|
|
295
|
+
:host {
|
|
296
|
+
background-color: var(--sd-list-base-background-color, white);
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.container {
|
|
300
|
+
width: 100%;
|
|
301
|
+
height: 100%;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
:host(:focus) {
|
|
305
|
+
outline: none;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
:host(:focus-visible) ::slotted([focused]) {
|
|
309
|
+
box-shadow: 0 0 0 1px #1467ba inset;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
.container ::slotted(*) {
|
|
313
|
+
display: block;
|
|
314
|
+
box-sizing: border-box;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
.container ::slotted(:not(:last-of-type)) {
|
|
318
|
+
border-bottom: 1px solid #d9d9d9;
|
|
319
|
+
}
|
|
320
|
+
</style>
|
|
321
|
+
|
|
322
|
+
<div class="container">
|
|
323
|
+
<slot name="items"></slot>
|
|
324
|
+
<slot id="default-slot"></slot>
|
|
325
|
+
</div>
|
|
326
|
+
`;let Dr=0;const J=class J extends ur{constructor(){super(),this._items=[],this._selectedIndexes=[],this._itemGenerator=Pr,this.onDefaultSlotChange=()=>{let e=0;this.defaultSlot.assignedElements().forEach(t=>{this.isSeparator(t)||this.initListItem(t,e++)}),this.updateFocusedElement()},this.handleKeyDown=e=>{let t=!0;switch(e.key){case"ArrowDown":case"Down":this.focusIndex=Math.min(this.getListItems.length-1,this.focusIndex+1);break;case"ArrowUp":case"Up":this.focusIndex=Math.max(0,this.focusIndex-1);break;case"Enter":case"Space":case" ":this.handleSelection(this.focusIndex,e.metaKey||e.ctrlKey);break;case"End":case"PageDown":this.focusIndex=this.items.length-1;break;case"Home":case"PageUp":this.focusIndex=0;break;default:t=!1;break}t&&(e.preventDefault(),e.stopPropagation())},this._fallbackId=J.ID+"_"+Dr++,this.addEventListener("pointerup",e=>{this.focusIndex=this.getListItems.indexOf(e.target),this.updateFocusedElement()}),this.addEventListener("focus",()=>{this.matches(":focus-visible")&&(this.focusIndex==-1?(this.selectedIndexes&&(this.focusIndex=this.selectedIndexes[0]),this.focusIndex==-1&&this.childElementCount>0&&(this.focusIndex=0)):this.updateFocusedElement())}),this.addEventListener("blur",()=>this.removeFocusedItemAttributes())}get items(){return this._items}set items(e){this._items=e,this.render()}get itemGenerator(){return this._itemGenerator}set itemGenerator(e){this._itemGenerator=e,this.render()}get selectionType(){return this.getAttribute("selection-type")}set selectionType(e){e?this.setAttribute("selection-type",e):this.removeAttribute("selection-type")}get focusIndex(){return this.hasAttribute("focus-index")?Number(this.getAttribute("focus-index")):-1}set focusIndex(e){0<=e&&e<this.getListItems.length?this.setAttribute("focus-index",e.toString()):this.removeAttribute("focus-index")}get focusTarget(){return this.hasAttribute("focus-target")}set focusTarget(e){this.toggleAttribute("focus-target",e)}getListItem(e){return this.shadowRoot?this.getListItems[e]:null}get getListItems(){return Array.prototype.slice.call(this.children).filter(e=>!this.isSeparator(e))}get selectedIndexes(){return this._selectedIndexes}set selectedIndexes(e){const t=this._selectedIndexes||[];this._selectedIndexes=e||[],t.filter(i=>!this._selectedIndexes.includes(i)).forEach(i=>{this.setSelectedAttr(this.getListItem(i),!1)}),this._selectedIndexes.filter(i=>!t.includes(i)).forEach(i=>{this.setSelectedAttr(this.getListItem(i),!0)})}static get observedAttributes(){return["focus-index","focus-target"]}is(){return J.ID}template(){const e=document.createElement("template");return e.innerHTML=jr,e}removeFocusedItemAttributes(){if(this.focusIndex!=-1){const e=this.getListItem(this.focusIndex);e&&(e.removeAttribute("focused"),this.removeAttribute("aria-activedescendant"))}}connectedCallback(){super.connectedCallback(),this.defaultSlot.addEventListener("slotchange",this.onDefaultSlotChange),this.hasAttribute("role")||this.setAttribute("role","listbox"),this.id||(this.id=this._fallbackId),this.render(),this.addEventListener("keydown",this.handleKeyDown),this.selectionType||(this.selectionType="trigger-only")}get defaultSlot(){return this.shadowRoot.querySelector("#default-slot")}isSeparator(e){return e.tagName=="HR"||e.getAttribute("role")=="separator"}attributeChangedCallback(e,t,i){if(e==="focus-index"){const s=this.getListItem(t);s&&s.removeAttribute("focused"),this.updateFocusedElement()}else e==="focus-target"&&(this.focusTarget?this.updateFocusedElement():document.activeElement!=this&&this.removeFocusedItemAttributes())}increaseWidthIfNeeded(){window.requestAnimationFrame(()=>{let e=Number.MAX_SAFE_INTEGER;const t=getComputedStyle(this).maxWidth,i=this.offsetWidth;t.endsWith("px")&&(e=Number.parseInt(t)-i);const s=this.style.width;if(e==0||s.endsWith("px")&&i<Number.parseInt(s))this.enableLineClampOnItemsIfNeeded();else{const o=[...this.querySelectorAll("[slot='items']")].map(l=>{if(l instanceof ke){l.enableLineClamp=!1;const a=l.missingWidthForTexts;return a>e&&(l.enableLineClamp=!0),a}}),r=Math.max(...o);if(r>0){const l=i+r;this.style.width=`${l}px`,this.offsetWidth<l&&this.enableLineClampOnItemsIfNeeded()}}})}enableLineClampOnItemsIfNeeded(){this.querySelectorAll("[slot='items']").forEach(e=>{e instanceof ke&&(e.enableLineClamp=e.enableLineClamp||e.missingWidthForTexts>0)})}render(){if(!this.isConnected||!this.items)return;this.querySelectorAll("[slot='items']").forEach(i=>{this.removeChild(i)});const e=document.createDocumentFragment();let t=0;this.items.forEach((i,s)=>{const o=this.itemGenerator(i,s);this.isSeparator(o)||this.initListItem(o,t++),o.slot="items",e.appendChild(o)}),this.appendChild(e),this.updateFocusedElement()}initListItem(e,t){this.setSelectedAttr(e,this.selectedIndexes.includes(t)),e.addEventListener("click",i=>{this.handleItemClick(i,t)}),e.addEventListener("mousedown",i=>{i.button==1&&i.preventDefault()}),e.addEventListener("auxclick",i=>{this.handleItemClick(i,t)}),(!e.id||e.id.startsWith(this.id+"_item_"))&&(e.id=this.id+"_item_"+t)}ensureItemVisible(e){const t=e.getBoundingClientRect(),i=this.getBoundingClientRect();t.bottom>i.bottom?this.scrollTop+=t.bottom-i.bottom:t.top<i.top&&(this.scrollTop-=i.top-t.top)}updateFocusedElement(){const e=this.getListItem(this.focusIndex);e&&(this.focusTarget||document.activeElement==this)?(e.setAttribute("focused",""),this.setAttribute("aria-activedescendant",e.id),this.ensureItemVisible(e)):this.removeAttribute("aria-activedescendant")}handleItemClick(e,t){if(e.button!==null){const i=e.type=="auxclick"&&e.button==1||e.metaKey||e.ctrlKey;(e.button==0||e.button==1)&&this.handleSelection(t,i)}}handleSelection(e,t){const i=this.items[e];if(!i||i.disabled)return;const s=this.getListItem(e),o=this.isSelected(s);this.selectionType!=="trigger-only"&&(this.selectionType==="single"?this.selectedIndexes=o?[]:[e]:this.toggleSelection(s)?this._selectedIndexes.push(e):this.removeFromSelectedIndexes(e)),this.focusIndex=e,this.dispatchEvent(new CustomEvent("selection",{detail:{index:e,selected:this.selectionType=="trigger-only"||!o,hasModifier:t},bubbles:!0,composed:!0}))}removeFromSelectedIndexes(e){const t=this._selectedIndexes.indexOf(e);t!==-1&&this._selectedIndexes.splice(t,1)}toggleSelection(e){const t=!e.hasAttribute("selected");return this.setSelectedAttr(e,t),t}setSelectedAttr(e,t){e&&(t?e.setAttribute("selected",""):e.removeAttribute("selected"),e.setAttribute("aria-selected",String(t)))}isSelected(e){return e.hasAttribute("selected")}};J.ID="sd-list",J.ensureDefined=()=>{ke.ensureDefined(),customElements.get(J.ID)||customElements.define(J.ID,J)};let Kt=J;Kt.ensureDefined();function $n(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}function zr(n){if(n.__esModule)return n;var e=n.default;if(typeof e=="function"){var t=function i(){return this instanceof i?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(n).forEach(function(i){var s=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:function(){return n[i]}})}),t}var hi={exports:{}},$=String,Cn=function(){return{isColorSupported:!1,reset:$,bold:$,dim:$,italic:$,underline:$,inverse:$,hidden:$,strikethrough:$,black:$,red:$,green:$,yellow:$,blue:$,magenta:$,cyan:$,white:$,gray:$,bgBlack:$,bgRed:$,bgGreen:$,bgYellow:$,bgBlue:$,bgMagenta:$,bgCyan:$,bgWhite:$}};hi.exports=Cn();hi.exports.createColors=Cn;var Ur=hi.exports;const Br={},Fr=Object.freeze(Object.defineProperty({__proto__:null,default:Br},Symbol.toStringTag,{value:"Module"})),B=zr(Fr);let Wi=Ur,Gi=B,Zt=class kn extends Error{constructor(e,t,i,s,o,r){super(e),this.name="CssSyntaxError",this.reason=e,o&&(this.file=o),s&&(this.source=s),r&&(this.plugin=r),typeof t<"u"&&typeof i<"u"&&(typeof t=="number"?(this.line=t,this.column=i):(this.line=t.line,this.column=t.column,this.endLine=i.line,this.endColumn=i.column)),this.setMessage(),Error.captureStackTrace&&Error.captureStackTrace(this,kn)}setMessage(){this.message=this.plugin?this.plugin+": ":"",this.message+=this.file?this.file:"<css input>",typeof this.line<"u"&&(this.message+=":"+this.line+":"+this.column),this.message+=": "+this.reason}showSourceCode(e){if(!this.source)return"";let t=this.source;e==null&&(e=Wi.isColorSupported),Gi&&e&&(t=Gi(t));let i=t.split(/\r?\n/),s=Math.max(this.line-3,0),o=Math.min(this.line+2,i.length),r=String(o).length,l,a;if(e){let{bold:c,gray:d,red:f}=Wi.createColors(!0);l=p=>c(f(p)),a=p=>d(p)}else l=a=c=>c;return i.slice(s,o).map((c,d)=>{let f=s+1+d,p=" "+(" "+f).slice(-r)+" | ";if(f===this.line){let x=a(p.replace(/\d/g," "))+c.slice(0,this.column-1).replace(/[^\t]/g," ");return l(">")+a(p)+c+`
|
|
327
|
+
`+x+l("^")}return" "+a(p)+c}).join(`
|
|
328
|
+
`)}toString(){let e=this.showSourceCode();return e&&(e=`
|
|
329
|
+
|
|
330
|
+
`+e+`
|
|
331
|
+
`),this.name+": "+this.message+e}};var fi=Zt;Zt.default=Zt;var Ue={};Ue.isClean=Symbol("isClean");Ue.my=Symbol("my");const qi={after:`
|
|
332
|
+
`,beforeClose:`
|
|
333
|
+
`,beforeComment:`
|
|
334
|
+
`,beforeDecl:`
|
|
335
|
+
`,beforeOpen:" ",beforeRule:`
|
|
336
|
+
`,colon:": ",commentLeft:" ",commentRight:" ",emptyBody:"",indent:" ",semicolon:!1};function Hr(n){return n[0].toUpperCase()+n.slice(1)}let Jt=class{constructor(e){this.builder=e}atrule(e,t){let i="@"+e.name,s=e.params?this.rawValue(e,"params"):"";if(typeof e.raws.afterName<"u"?i+=e.raws.afterName:s&&(i+=" "),e.nodes)this.block(e,i+s);else{let o=(e.raws.between||"")+(t?";":"");this.builder(i+s+o,e)}}beforeAfter(e,t){let i;e.type==="decl"?i=this.raw(e,null,"beforeDecl"):e.type==="comment"?i=this.raw(e,null,"beforeComment"):t==="before"?i=this.raw(e,null,"beforeRule"):i=this.raw(e,null,"beforeClose");let s=e.parent,o=0;for(;s&&s.type!=="root";)o+=1,s=s.parent;if(i.includes(`
|
|
337
|
+
`)){let r=this.raw(e,null,"indent");if(r.length)for(let l=0;l<o;l++)i+=r}return i}block(e,t){let i=this.raw(e,"between","beforeOpen");this.builder(t+i+"{",e,"start");let s;e.nodes&&e.nodes.length?(this.body(e),s=this.raw(e,"after")):s=this.raw(e,"after","emptyBody"),s&&this.builder(s),this.builder("}",e,"end")}body(e){let t=e.nodes.length-1;for(;t>0&&e.nodes[t].type==="comment";)t-=1;let i=this.raw(e,"semicolon");for(let s=0;s<e.nodes.length;s++){let o=e.nodes[s],r=this.raw(o,"before");r&&this.builder(r),this.stringify(o,t!==s||i)}}comment(e){let t=this.raw(e,"left","commentLeft"),i=this.raw(e,"right","commentRight");this.builder("/*"+t+e.text+i+"*/",e)}decl(e,t){let i=this.raw(e,"between","colon"),s=e.prop+i+this.rawValue(e,"value");e.important&&(s+=e.raws.important||" !important"),t&&(s+=";"),this.builder(s,e)}document(e){this.body(e)}raw(e,t,i){let s;if(i||(i=t),t&&(s=e.raws[t],typeof s<"u"))return s;let o=e.parent;if(i==="before"&&(!o||o.type==="root"&&o.first===e||o&&o.type==="document"))return"";if(!o)return qi[i];let r=e.root();if(r.rawCache||(r.rawCache={}),typeof r.rawCache[i]<"u")return r.rawCache[i];if(i==="before"||i==="after")return this.beforeAfter(e,i);{let l="raw"+Hr(i);this[l]?s=this[l](r,e):r.walk(a=>{if(s=a.raws[t],typeof s<"u")return!1})}return typeof s>"u"&&(s=qi[i]),r.rawCache[i]=s,s}rawBeforeClose(e){let t;return e.walk(i=>{if(i.nodes&&i.nodes.length>0&&typeof i.raws.after<"u")return t=i.raws.after,t.includes(`
|
|
338
|
+
`)&&(t=t.replace(/[^\n]+$/,"")),!1}),t&&(t=t.replace(/\S/g,"")),t}rawBeforeComment(e,t){let i;return e.walkComments(s=>{if(typeof s.raws.before<"u")return i=s.raws.before,i.includes(`
|
|
339
|
+
`)&&(i=i.replace(/[^\n]+$/,"")),!1}),typeof i>"u"?i=this.raw(t,null,"beforeDecl"):i&&(i=i.replace(/\S/g,"")),i}rawBeforeDecl(e,t){let i;return e.walkDecls(s=>{if(typeof s.raws.before<"u")return i=s.raws.before,i.includes(`
|
|
340
|
+
`)&&(i=i.replace(/[^\n]+$/,"")),!1}),typeof i>"u"?i=this.raw(t,null,"beforeRule"):i&&(i=i.replace(/\S/g,"")),i}rawBeforeOpen(e){let t;return e.walk(i=>{if(i.type!=="decl"&&(t=i.raws.between,typeof t<"u"))return!1}),t}rawBeforeRule(e){let t;return e.walk(i=>{if(i.nodes&&(i.parent!==e||e.first!==i)&&typeof i.raws.before<"u")return t=i.raws.before,t.includes(`
|
|
341
|
+
`)&&(t=t.replace(/[^\n]+$/,"")),!1}),t&&(t=t.replace(/\S/g,"")),t}rawColon(e){let t;return e.walkDecls(i=>{if(typeof i.raws.between<"u")return t=i.raws.between.replace(/[^\s:]/g,""),!1}),t}rawEmptyBody(e){let t;return e.walk(i=>{if(i.nodes&&i.nodes.length===0&&(t=i.raws.after,typeof t<"u"))return!1}),t}rawIndent(e){if(e.raws.indent)return e.raws.indent;let t;return e.walk(i=>{let s=i.parent;if(s&&s!==e&&s.parent&&s.parent===e&&typeof i.raws.before<"u"){let o=i.raws.before.split(`
|
|
342
|
+
`);return t=o[o.length-1],t=t.replace(/\S/g,""),!1}}),t}rawSemicolon(e){let t;return e.walk(i=>{if(i.nodes&&i.nodes.length&&i.last.type==="decl"&&(t=i.raws.semicolon,typeof t<"u"))return!1}),t}rawValue(e,t){let i=e[t],s=e.raws[t];return s&&s.value===i?s.raw:i}root(e){this.body(e),e.raws.after&&this.builder(e.raws.after)}rule(e){this.block(e,this.rawValue(e,"selector")),e.raws.ownSemicolon&&this.builder(e.raws.ownSemicolon,e,"end")}stringify(e,t){if(!this[e.type])throw new Error("Unknown AST node type "+e.type+". Maybe you need to change PostCSS stringifier.");this[e.type](e,t)}};var In=Jt;Jt.default=Jt;let Wr=In;function Xt(n,e){new Wr(e).stringify(n)}var wt=Xt;Xt.default=Xt;let{isClean:Ke,my:Gr}=Ue,qr=fi,Vr=In,Kr=wt;function Qt(n,e){let t=new n.constructor;for(let i in n){if(!Object.prototype.hasOwnProperty.call(n,i)||i==="proxyCache")continue;let s=n[i],o=typeof s;i==="parent"&&o==="object"?e&&(t[i]=e):i==="source"?t[i]=s:Array.isArray(s)?t[i]=s.map(r=>Qt(r,t)):(o==="object"&&s!==null&&(s=Qt(s)),t[i]=s)}return t}let Yt=class{constructor(e={}){this.raws={},this[Ke]=!1,this[Gr]=!0;for(let t in e)if(t==="nodes"){this.nodes=[];for(let i of e[t])typeof i.clone=="function"?this.append(i.clone()):this.append(i)}else this[t]=e[t]}addToError(e){if(e.postcssNode=this,e.stack&&this.source&&/\n\s{4}at /.test(e.stack)){let t=this.source;e.stack=e.stack.replace(/\n\s{4}at /,`$&${t.input.from}:${t.start.line}:${t.start.column}$&`)}return e}after(e){return this.parent.insertAfter(this,e),this}assign(e={}){for(let t in e)this[t]=e[t];return this}before(e){return this.parent.insertBefore(this,e),this}cleanRaws(e){delete this.raws.before,delete this.raws.after,e||delete this.raws.between}clone(e={}){let t=Qt(this);for(let i in e)t[i]=e[i];return t}cloneAfter(e={}){let t=this.clone(e);return this.parent.insertAfter(this,t),t}cloneBefore(e={}){let t=this.clone(e);return this.parent.insertBefore(this,t),t}error(e,t={}){if(this.source){let{end:i,start:s}=this.rangeBy(t);return this.source.input.error(e,{column:s.column,line:s.line},{column:i.column,line:i.line},t)}return new qr(e)}getProxyProcessor(){return{get(e,t){return t==="proxyOf"?e:t==="root"?()=>e.root().toProxy():e[t]},set(e,t,i){return e[t]===i||(e[t]=i,(t==="prop"||t==="value"||t==="name"||t==="params"||t==="important"||t==="text")&&e.markDirty()),!0}}}markDirty(){if(this[Ke]){this[Ke]=!1;let e=this;for(;e=e.parent;)e[Ke]=!1}}next(){if(!this.parent)return;let e=this.parent.index(this);return this.parent.nodes[e+1]}positionBy(e,t){let i=this.source.start;if(e.index)i=this.positionInside(e.index,t);else if(e.word){t=this.toString();let s=t.indexOf(e.word);s!==-1&&(i=this.positionInside(s,t))}return i}positionInside(e,t){let i=t||this.toString(),s=this.source.start.column,o=this.source.start.line;for(let r=0;r<e;r++)i[r]===`
|
|
343
|
+
`?(s=1,o+=1):s+=1;return{column:s,line:o}}prev(){if(!this.parent)return;let e=this.parent.index(this);return this.parent.nodes[e-1]}rangeBy(e){let t={column:this.source.start.column,line:this.source.start.line},i=this.source.end?{column:this.source.end.column+1,line:this.source.end.line}:{column:t.column+1,line:t.line};if(e.word){let s=this.toString(),o=s.indexOf(e.word);o!==-1&&(t=this.positionInside(o,s),i=this.positionInside(o+e.word.length,s))}else e.start?t={column:e.start.column,line:e.start.line}:e.index&&(t=this.positionInside(e.index)),e.end?i={column:e.end.column,line:e.end.line}:e.endIndex?i=this.positionInside(e.endIndex):e.index&&(i=this.positionInside(e.index+1));return(i.line<t.line||i.line===t.line&&i.column<=t.column)&&(i={column:t.column+1,line:t.line}),{end:i,start:t}}raw(e,t){return new Vr().raw(this,e,t)}remove(){return this.parent&&this.parent.removeChild(this),this.parent=void 0,this}replaceWith(...e){if(this.parent){let t=this,i=!1;for(let s of e)s===this?i=!0:i?(this.parent.insertAfter(t,s),t=s):this.parent.insertBefore(t,s);i||this.remove()}return this}root(){let e=this;for(;e.parent&&e.parent.type!=="document";)e=e.parent;return e}toJSON(e,t){let i={},s=t==null;t=t||new Map;let o=0;for(let r in this){if(!Object.prototype.hasOwnProperty.call(this,r)||r==="parent"||r==="proxyCache")continue;let l=this[r];if(Array.isArray(l))i[r]=l.map(a=>typeof a=="object"&&a.toJSON?a.toJSON(null,t):a);else if(typeof l=="object"&&l.toJSON)i[r]=l.toJSON(null,t);else if(r==="source"){let a=t.get(l.input);a==null&&(a=o,t.set(l.input,o),o++),i[r]={end:l.end,inputId:a,start:l.start}}else i[r]=l}return s&&(i.inputs=[...t.keys()].map(r=>r.toJSON())),i}toProxy(){return this.proxyCache||(this.proxyCache=new Proxy(this,this.getProxyProcessor())),this.proxyCache}toString(e=Kr){e.stringify&&(e=e.stringify);let t="";return e(this,i=>{t+=i}),t}warn(e,t,i){let s={node:this};for(let o in i)s[o]=i[o];return e.warn(t,s)}get proxyOf(){return this}};var vt=Yt;Yt.default=Yt;let Zr=vt,ei=class extends Zr{constructor(e){e&&typeof e.value<"u"&&typeof e.value!="string"&&(e={...e,value:String(e.value)}),super(e),this.type="decl"}get variable(){return this.prop.startsWith("--")||this.prop[0]==="$"}};var xt=ei;ei.default=ei;let Jr="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",Xr=(n,e=21)=>(t=e)=>{let i="",s=t;for(;s--;)i+=n[Math.random()*n.length|0];return i},Qr=(n=21)=>{let e="",t=n;for(;t--;)e+=Jr[Math.random()*64|0];return e};var Yr={nanoid:Qr,customAlphabet:Xr};let{SourceMapConsumer:Vi,SourceMapGenerator:Ki}=B,{existsSync:eo,readFileSync:to}=B,{dirname:zt,join:io}=B;function no(n){return Buffer?Buffer.from(n,"base64").toString():window.atob(n)}let ti=class{constructor(e,t){if(t.map===!1)return;this.loadAnnotation(e),this.inline=this.startWith(this.annotation,"data:");let i=t.map?t.map.prev:void 0,s=this.loadMap(t.from,i);!this.mapFile&&t.from&&(this.mapFile=t.from),this.mapFile&&(this.root=zt(this.mapFile)),s&&(this.text=s)}consumer(){return this.consumerCache||(this.consumerCache=new Vi(this.text)),this.consumerCache}decodeInline(e){let t=/^data:application\/json;charset=utf-?8;base64,/,i=/^data:application\/json;base64,/,s=/^data:application\/json;charset=utf-?8,/,o=/^data:application\/json,/;if(s.test(e)||o.test(e))return decodeURIComponent(e.substr(RegExp.lastMatch.length));if(t.test(e)||i.test(e))return no(e.substr(RegExp.lastMatch.length));let r=e.match(/data:application\/json;([^,]+),/)[1];throw new Error("Unsupported source map encoding "+r)}getAnnotationURL(e){return e.replace(/^\/\*\s*# sourceMappingURL=/,"").trim()}isMap(e){return typeof e!="object"?!1:typeof e.mappings=="string"||typeof e._mappings=="string"||Array.isArray(e.sections)}loadAnnotation(e){let t=e.match(/\/\*\s*# sourceMappingURL=/gm);if(!t)return;let i=e.lastIndexOf(t.pop()),s=e.indexOf("*/",i);i>-1&&s>-1&&(this.annotation=this.getAnnotationURL(e.substring(i,s)))}loadFile(e){if(this.root=zt(e),eo(e))return this.mapFile=e,to(e,"utf-8").toString().trim()}loadMap(e,t){if(t===!1)return!1;if(t){if(typeof t=="string")return t;if(typeof t=="function"){let i=t(e);if(i){let s=this.loadFile(i);if(!s)throw new Error("Unable to load previous source map: "+i.toString());return s}}else{if(t instanceof Vi)return Ki.fromSourceMap(t).toString();if(t instanceof Ki)return t.toString();if(this.isMap(t))return JSON.stringify(t);throw new Error("Unsupported previous source map format: "+t.toString())}}else{if(this.inline)return this.decodeInline(this.annotation);if(this.annotation){let i=this.annotation;return e&&(i=io(zt(e),i)),this.loadFile(i)}}}startWith(e,t){return e?e.substr(0,t.length)===t:!1}withContent(){return!!(this.consumer().sourcesContent&&this.consumer().sourcesContent.length>0)}};var On=ti;ti.default=ti;let{SourceMapConsumer:so,SourceMapGenerator:ro}=B,{fileURLToPath:Zi,pathToFileURL:Ze}=B,{isAbsolute:ii,resolve:ni}=B,{nanoid:oo}=Yr,Ut=B,Ji=fi,lo=On,Bt=Symbol("fromOffsetCache"),ao=!!(so&&ro),Xi=!!(ni&&ii),ut=class{constructor(e,t={}){if(e===null||typeof e>"u"||typeof e=="object"&&!e.toString)throw new Error(`PostCSS received ${e} instead of CSS string`);if(this.css=e.toString(),this.css[0]==="\uFEFF"||this.css[0]===""?(this.hasBOM=!0,this.css=this.css.slice(1)):this.hasBOM=!1,t.from&&(!Xi||/^\w+:\/\//.test(t.from)||ii(t.from)?this.file=t.from:this.file=ni(t.from)),Xi&&ao){let i=new lo(this.css,t);if(i.text){this.map=i;let s=i.consumer().file;!this.file&&s&&(this.file=this.mapResolve(s))}}this.file||(this.id="<input css "+oo(6)+">"),this.map&&(this.map.file=this.from)}error(e,t,i,s={}){let o,r,l;if(t&&typeof t=="object"){let c=t,d=i;if(typeof c.offset=="number"){let f=this.fromOffset(c.offset);t=f.line,i=f.col}else t=c.line,i=c.column;if(typeof d.offset=="number"){let f=this.fromOffset(d.offset);r=f.line,l=f.col}else r=d.line,l=d.column}else if(!i){let c=this.fromOffset(t);t=c.line,i=c.col}let a=this.origin(t,i,r,l);return a?o=new Ji(e,a.endLine===void 0?a.line:{column:a.column,line:a.line},a.endLine===void 0?a.column:{column:a.endColumn,line:a.endLine},a.source,a.file,s.plugin):o=new Ji(e,r===void 0?t:{column:i,line:t},r===void 0?i:{column:l,line:r},this.css,this.file,s.plugin),o.input={column:i,endColumn:l,endLine:r,line:t,source:this.css},this.file&&(Ze&&(o.input.url=Ze(this.file).toString()),o.input.file=this.file),o}fromOffset(e){let t,i;if(this[Bt])i=this[Bt];else{let o=this.css.split(`
|
|
344
|
+
`);i=new Array(o.length);let r=0;for(let l=0,a=o.length;l<a;l++)i[l]=r,r+=o[l].length+1;this[Bt]=i}t=i[i.length-1];let s=0;if(e>=t)s=i.length-1;else{let o=i.length-2,r;for(;s<o;)if(r=s+(o-s>>1),e<i[r])o=r-1;else if(e>=i[r+1])s=r+1;else{s=r;break}}return{col:e-i[s]+1,line:s+1}}mapResolve(e){return/^\w+:\/\//.test(e)?e:ni(this.map.consumer().sourceRoot||this.map.root||".",e)}origin(e,t,i,s){if(!this.map)return!1;let o=this.map.consumer(),r=o.originalPositionFor({column:t,line:e});if(!r.source)return!1;let l;typeof i=="number"&&(l=o.originalPositionFor({column:s,line:i}));let a;ii(r.source)?a=Ze(r.source):a=new URL(r.source,this.map.consumer().sourceRoot||Ze(this.map.mapFile));let c={column:r.column,endColumn:l&&l.column,endLine:l&&l.line,line:r.line,url:a.toString()};if(a.protocol==="file:")if(Zi)c.file=Zi(a);else throw new Error("file: protocol is not available in this PostCSS build");let d=o.sourceContentFor(r.source);return d&&(c.source=d),c}toJSON(){let e={};for(let t of["hasBOM","css","file","id"])this[t]!=null&&(e[t]=this[t]);return this.map&&(e.map={...this.map},e.map.consumerCache&&(e.map.consumerCache=void 0)),e}get from(){return this.file||this.id}};var Et=ut;ut.default=ut;Ut&&Ut.registerInput&&Ut.registerInput(ut);let{SourceMapConsumer:Rn,SourceMapGenerator:lt}=B,{dirname:at,relative:Ln,resolve:Nn,sep:Mn}=B,{pathToFileURL:Qi}=B,co=Et,uo=!!(Rn&<),ho=!!(at&&Nn&&Ln&&Mn),fo=class{constructor(e,t,i,s){this.stringify=e,this.mapOpts=i.map||{},this.root=t,this.opts=i,this.css=s,this.usesFileUrls=!this.mapOpts.from&&this.mapOpts.absolute,this.memoizedFileURLs=new Map,this.memoizedPaths=new Map,this.memoizedURLs=new Map}addAnnotation(){let e;this.isInline()?e="data:application/json;base64,"+this.toBase64(this.map.toString()):typeof this.mapOpts.annotation=="string"?e=this.mapOpts.annotation:typeof this.mapOpts.annotation=="function"?e=this.mapOpts.annotation(this.opts.to,this.root):e=this.outputFile()+".map";let t=`
|
|
345
|
+
`;this.css.includes(`\r
|
|
346
|
+
`)&&(t=`\r
|
|
347
|
+
`),this.css+=t+"/*# sourceMappingURL="+e+" */"}applyPrevMaps(){for(let e of this.previous()){let t=this.toUrl(this.path(e.file)),i=e.root||at(e.file),s;this.mapOpts.sourcesContent===!1?(s=new Rn(e.text),s.sourcesContent&&(s.sourcesContent=s.sourcesContent.map(()=>null))):s=e.consumer(),this.map.applySourceMap(s,t,this.toUrl(this.path(i)))}}clearAnnotation(){if(this.mapOpts.annotation!==!1)if(this.root){let e;for(let t=this.root.nodes.length-1;t>=0;t--)e=this.root.nodes[t],e.type==="comment"&&e.text.indexOf("# sourceMappingURL=")===0&&this.root.removeChild(t)}else this.css&&(this.css=this.css.replace(/(\n)?\/\*#[\S\s]*?\*\/$/gm,""))}generate(){if(this.clearAnnotation(),ho&&uo&&this.isMap())return this.generateMap();{let e="";return this.stringify(this.root,t=>{e+=t}),[e]}}generateMap(){if(this.root)this.generateString();else if(this.previous().length===1){let e=this.previous()[0].consumer();e.file=this.outputFile(),this.map=lt.fromSourceMap(e)}else this.map=new lt({file:this.outputFile()}),this.map.addMapping({generated:{column:0,line:1},original:{column:0,line:1},source:this.opts.from?this.toUrl(this.path(this.opts.from)):"<no source>"});return this.isSourcesContent()&&this.setSourcesContent(),this.root&&this.previous().length>0&&this.applyPrevMaps(),this.isAnnotation()&&this.addAnnotation(),this.isInline()?[this.css]:[this.css,this.map]}generateString(){this.css="",this.map=new lt({file:this.outputFile()});let e=1,t=1,i="<no source>",s={generated:{column:0,line:0},original:{column:0,line:0},source:""},o,r;this.stringify(this.root,(l,a,c)=>{if(this.css+=l,a&&c!=="end"&&(s.generated.line=e,s.generated.column=t-1,a.source&&a.source.start?(s.source=this.sourcePath(a),s.original.line=a.source.start.line,s.original.column=a.source.start.column-1,this.map.addMapping(s)):(s.source=i,s.original.line=1,s.original.column=0,this.map.addMapping(s))),o=l.match(/\n/g),o?(e+=o.length,r=l.lastIndexOf(`
|
|
348
|
+
`),t=l.length-r):t+=l.length,a&&c!=="start"){let d=a.parent||{raws:{}};(!(a.type==="decl"||a.type==="atrule"&&!a.nodes)||a!==d.last||d.raws.semicolon)&&(a.source&&a.source.end?(s.source=this.sourcePath(a),s.original.line=a.source.end.line,s.original.column=a.source.end.column-1,s.generated.line=e,s.generated.column=t-2,this.map.addMapping(s)):(s.source=i,s.original.line=1,s.original.column=0,s.generated.line=e,s.generated.column=t-1,this.map.addMapping(s)))}})}isAnnotation(){return this.isInline()?!0:typeof this.mapOpts.annotation<"u"?this.mapOpts.annotation:this.previous().length?this.previous().some(e=>e.annotation):!0}isInline(){if(typeof this.mapOpts.inline<"u")return this.mapOpts.inline;let e=this.mapOpts.annotation;return typeof e<"u"&&e!==!0?!1:this.previous().length?this.previous().some(t=>t.inline):!0}isMap(){return typeof this.opts.map<"u"?!!this.opts.map:this.previous().length>0}isSourcesContent(){return typeof this.mapOpts.sourcesContent<"u"?this.mapOpts.sourcesContent:this.previous().length?this.previous().some(e=>e.withContent()):!0}outputFile(){return this.opts.to?this.path(this.opts.to):this.opts.from?this.path(this.opts.from):"to.css"}path(e){if(this.mapOpts.absolute||e.charCodeAt(0)===60||/^\w+:\/\//.test(e))return e;let t=this.memoizedPaths.get(e);if(t)return t;let i=this.opts.to?at(this.opts.to):".";typeof this.mapOpts.annotation=="string"&&(i=at(Nn(i,this.mapOpts.annotation)));let s=Ln(i,e);return this.memoizedPaths.set(e,s),s}previous(){if(!this.previousMaps)if(this.previousMaps=[],this.root)this.root.walk(e=>{if(e.source&&e.source.input.map){let t=e.source.input.map;this.previousMaps.includes(t)||this.previousMaps.push(t)}});else{let e=new co(this.css,this.opts);e.map&&this.previousMaps.push(e.map)}return this.previousMaps}setSourcesContent(){let e={};if(this.root)this.root.walk(t=>{if(t.source){let i=t.source.input.from;if(i&&!e[i]){e[i]=!0;let s=this.usesFileUrls?this.toFileUrl(i):this.toUrl(this.path(i));this.map.setSourceContent(s,t.source.input.css)}}});else if(this.css){let t=this.opts.from?this.toUrl(this.path(this.opts.from)):"<no source>";this.map.setSourceContent(t,this.css)}}sourcePath(e){return this.mapOpts.from?this.toUrl(this.mapOpts.from):this.usesFileUrls?this.toFileUrl(e.source.input.from):this.toUrl(this.path(e.source.input.from))}toBase64(e){return Buffer?Buffer.from(e).toString("base64"):window.btoa(unescape(encodeURIComponent(e)))}toFileUrl(e){let t=this.memoizedFileURLs.get(e);if(t)return t;if(Qi){let i=Qi(e).toString();return this.memoizedFileURLs.set(e,i),i}else throw new Error("`map.absolute` option is not available in this PostCSS build")}toUrl(e){let t=this.memoizedURLs.get(e);if(t)return t;Mn==="\\"&&(e=e.replace(/\\/g,"/"));let i=encodeURI(e).replace(/[#?]/g,encodeURIComponent);return this.memoizedURLs.set(e,i),i}};var Tn=fo;let po=vt,si=class extends po{constructor(e){super(e),this.type="comment"}};var _t=si;si.default=si;let{isClean:Pn,my:jn}=Ue,Dn=xt,zn=_t,mo=vt,Un,pi,mi,Bn;function Fn(n){return n.map(e=>(e.nodes&&(e.nodes=Fn(e.nodes)),delete e.source,e))}function Hn(n){if(n[Pn]=!1,n.proxyOf.nodes)for(let e of n.proxyOf.nodes)Hn(e)}let X=class Wn extends mo{append(...e){for(let t of e){let i=this.normalize(t,this.last);for(let s of i)this.proxyOf.nodes.push(s)}return this.markDirty(),this}cleanRaws(e){if(super.cleanRaws(e),this.nodes)for(let t of this.nodes)t.cleanRaws(e)}each(e){if(!this.proxyOf.nodes)return;let t=this.getIterator(),i,s;for(;this.indexes[t]<this.proxyOf.nodes.length&&(i=this.indexes[t],s=e(this.proxyOf.nodes[i],i),s!==!1);)this.indexes[t]+=1;return delete this.indexes[t],s}every(e){return this.nodes.every(e)}getIterator(){this.lastEach||(this.lastEach=0),this.indexes||(this.indexes={}),this.lastEach+=1;let e=this.lastEach;return this.indexes[e]=0,e}getProxyProcessor(){return{get(e,t){return t==="proxyOf"?e:e[t]?t==="each"||typeof t=="string"&&t.startsWith("walk")?(...i)=>e[t](...i.map(s=>typeof s=="function"?(o,r)=>s(o.toProxy(),r):s)):t==="every"||t==="some"?i=>e[t]((s,...o)=>i(s.toProxy(),...o)):t==="root"?()=>e.root().toProxy():t==="nodes"?e.nodes.map(i=>i.toProxy()):t==="first"||t==="last"?e[t].toProxy():e[t]:e[t]},set(e,t,i){return e[t]===i||(e[t]=i,(t==="name"||t==="params"||t==="selector")&&e.markDirty()),!0}}}index(e){return typeof e=="number"?e:(e.proxyOf&&(e=e.proxyOf),this.proxyOf.nodes.indexOf(e))}insertAfter(e,t){let i=this.index(e),s=this.normalize(t,this.proxyOf.nodes[i]).reverse();i=this.index(e);for(let r of s)this.proxyOf.nodes.splice(i+1,0,r);let o;for(let r in this.indexes)o=this.indexes[r],i<o&&(this.indexes[r]=o+s.length);return this.markDirty(),this}insertBefore(e,t){let i=this.index(e),s=i===0?"prepend":!1,o=this.normalize(t,this.proxyOf.nodes[i],s).reverse();i=this.index(e);for(let l of o)this.proxyOf.nodes.splice(i,0,l);let r;for(let l in this.indexes)r=this.indexes[l],i<=r&&(this.indexes[l]=r+o.length);return this.markDirty(),this}normalize(e,t){if(typeof e=="string")e=Fn(Un(e).nodes);else if(Array.isArray(e)){e=e.slice(0);for(let s of e)s.parent&&s.parent.removeChild(s,"ignore")}else if(e.type==="root"&&this.type!=="document"){e=e.nodes.slice(0);for(let s of e)s.parent&&s.parent.removeChild(s,"ignore")}else if(e.type)e=[e];else if(e.prop){if(typeof e.value>"u")throw new Error("Value field is missed in node creation");typeof e.value!="string"&&(e.value=String(e.value)),e=[new Dn(e)]}else if(e.selector)e=[new pi(e)];else if(e.name)e=[new mi(e)];else if(e.text)e=[new zn(e)];else throw new Error("Unknown node type in node creation");return e.map(s=>(s[jn]||Wn.rebuild(s),s=s.proxyOf,s.parent&&s.parent.removeChild(s),s[Pn]&&Hn(s),typeof s.raws.before>"u"&&t&&typeof t.raws.before<"u"&&(s.raws.before=t.raws.before.replace(/\S/g,"")),s.parent=this.proxyOf,s))}prepend(...e){e=e.reverse();for(let t of e){let i=this.normalize(t,this.first,"prepend").reverse();for(let s of i)this.proxyOf.nodes.unshift(s);for(let s in this.indexes)this.indexes[s]=this.indexes[s]+i.length}return this.markDirty(),this}push(e){return e.parent=this,this.proxyOf.nodes.push(e),this}removeAll(){for(let e of this.proxyOf.nodes)e.parent=void 0;return this.proxyOf.nodes=[],this.markDirty(),this}removeChild(e){e=this.index(e),this.proxyOf.nodes[e].parent=void 0,this.proxyOf.nodes.splice(e,1);let t;for(let i in this.indexes)t=this.indexes[i],t>=e&&(this.indexes[i]=t-1);return this.markDirty(),this}replaceValues(e,t,i){return i||(i=t,t={}),this.walkDecls(s=>{t.props&&!t.props.includes(s.prop)||t.fast&&!s.value.includes(t.fast)||(s.value=s.value.replace(e,i))}),this.markDirty(),this}some(e){return this.nodes.some(e)}walk(e){return this.each((t,i)=>{let s;try{s=e(t,i)}catch(o){throw t.addToError(o)}return s!==!1&&t.walk&&(s=t.walk(e)),s})}walkAtRules(e,t){return t?e instanceof RegExp?this.walk((i,s)=>{if(i.type==="atrule"&&e.test(i.name))return t(i,s)}):this.walk((i,s)=>{if(i.type==="atrule"&&i.name===e)return t(i,s)}):(t=e,this.walk((i,s)=>{if(i.type==="atrule")return t(i,s)}))}walkComments(e){return this.walk((t,i)=>{if(t.type==="comment")return e(t,i)})}walkDecls(e,t){return t?e instanceof RegExp?this.walk((i,s)=>{if(i.type==="decl"&&e.test(i.prop))return t(i,s)}):this.walk((i,s)=>{if(i.type==="decl"&&i.prop===e)return t(i,s)}):(t=e,this.walk((i,s)=>{if(i.type==="decl")return t(i,s)}))}walkRules(e,t){return t?e instanceof RegExp?this.walk((i,s)=>{if(i.type==="rule"&&e.test(i.selector))return t(i,s)}):this.walk((i,s)=>{if(i.type==="rule"&&i.selector===e)return t(i,s)}):(t=e,this.walk((i,s)=>{if(i.type==="rule")return t(i,s)}))}get first(){if(this.proxyOf.nodes)return this.proxyOf.nodes[0]}get last(){if(this.proxyOf.nodes)return this.proxyOf.nodes[this.proxyOf.nodes.length-1]}};X.registerParse=n=>{Un=n};X.registerRule=n=>{pi=n};X.registerAtRule=n=>{mi=n};X.registerRoot=n=>{Bn=n};var ue=X;X.default=X;X.rebuild=n=>{n.type==="atrule"?Object.setPrototypeOf(n,mi.prototype):n.type==="rule"?Object.setPrototypeOf(n,pi.prototype):n.type==="decl"?Object.setPrototypeOf(n,Dn.prototype):n.type==="comment"?Object.setPrototypeOf(n,zn.prototype):n.type==="root"&&Object.setPrototypeOf(n,Bn.prototype),n[jn]=!0,n.nodes&&n.nodes.forEach(e=>{X.rebuild(e)})};let go=ue,Gn,qn,Ne=class extends go{constructor(e){super({type:"document",...e}),this.nodes||(this.nodes=[])}toResult(e={}){return new Gn(new qn,this,e).stringify()}};Ne.registerLazyResult=n=>{Gn=n};Ne.registerProcessor=n=>{qn=n};var gi=Ne;Ne.default=Ne;let ri=class{constructor(e,t={}){if(this.type="warning",this.text=e,t.node&&t.node.source){let i=t.node.rangeBy(t);this.line=i.start.line,this.column=i.start.column,this.endLine=i.end.line,this.endColumn=i.end.column}for(let i in t)this[i]=t[i]}toString(){return this.node?this.node.error(this.text,{index:this.index,plugin:this.plugin,word:this.word}).message:this.plugin?this.plugin+": "+this.text:this.text}};var Vn=ri;ri.default=ri;let bo=Vn,oi=class{constructor(e,t,i){this.processor=e,this.messages=[],this.root=t,this.opts=i,this.css=void 0,this.map=void 0}toString(){return this.css}warn(e,t={}){t.plugin||this.lastPlugin&&this.lastPlugin.postcssPlugin&&(t.plugin=this.lastPlugin.postcssPlugin);let i=new bo(e,t);return this.messages.push(i),i}warnings(){return this.messages.filter(e=>e.type==="warning")}get content(){return this.css}};var bi=oi;oi.default=oi;const Ft=39,Yi=34,Je=92,en=47,Xe=10,Se=32,Qe=12,Ye=9,et=13,yo=91,wo=93,vo=40,xo=41,Eo=123,_o=125,So=59,Ao=42,$o=58,Co=64,tt=/[\t\n\f\r "#'()/;[\\\]{}]/g,it=/[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g,ko=/.[\r\n"'(/\\]/,tn=/[\da-f]/i;var Io=function(e,t={}){let i=e.css.valueOf(),s=t.ignoreErrors,o,r,l,a,c,d,f,p,x,k,R=i.length,b=0,q=[],V=[];function te(){return b}function U(F){throw e.error("Unclosed "+F,b)}function K(){return V.length===0&&b>=R}function Ee(F){if(V.length)return V.pop();if(b>=R)return;let j=F?F.ignoreUnclosed:!1;switch(o=i.charCodeAt(b),o){case Xe:case Se:case Ye:case et:case Qe:{r=b;do r+=1,o=i.charCodeAt(r);while(o===Se||o===Xe||o===Ye||o===et||o===Qe);k=["space",i.slice(b,r)],b=r-1;break}case yo:case wo:case Eo:case _o:case $o:case So:case xo:{let ie=String.fromCharCode(o);k=[ie,ie,b];break}case vo:{if(p=q.length?q.pop()[1]:"",x=i.charCodeAt(b+1),p==="url"&&x!==Ft&&x!==Yi&&x!==Se&&x!==Xe&&x!==Ye&&x!==Qe&&x!==et){r=b;do{if(d=!1,r=i.indexOf(")",r+1),r===-1)if(s||j){r=b;break}else U("bracket");for(f=r;i.charCodeAt(f-1)===Je;)f-=1,d=!d}while(d);k=["brackets",i.slice(b,r+1),b,r],b=r}else r=i.indexOf(")",b+1),a=i.slice(b,r+1),r===-1||ko.test(a)?k=["(","(",b]:(k=["brackets",a,b,r],b=r);break}case Ft:case Yi:{l=o===Ft?"'":'"',r=b;do{if(d=!1,r=i.indexOf(l,r+1),r===-1)if(s||j){r=b+1;break}else U("string");for(f=r;i.charCodeAt(f-1)===Je;)f-=1,d=!d}while(d);k=["string",i.slice(b,r+1),b,r],b=r;break}case Co:{tt.lastIndex=b+1,tt.test(i),tt.lastIndex===0?r=i.length-1:r=tt.lastIndex-2,k=["at-word",i.slice(b,r+1),b,r],b=r;break}case Je:{for(r=b,c=!0;i.charCodeAt(r+1)===Je;)r+=1,c=!c;if(o=i.charCodeAt(r+1),c&&o!==en&&o!==Se&&o!==Xe&&o!==Ye&&o!==et&&o!==Qe&&(r+=1,tn.test(i.charAt(r)))){for(;tn.test(i.charAt(r+1));)r+=1;i.charCodeAt(r+1)===Se&&(r+=1)}k=["word",i.slice(b,r+1),b,r],b=r;break}default:{o===en&&i.charCodeAt(b+1)===Ao?(r=i.indexOf("*/",b+2)+1,r===0&&(s||j?r=i.length:U("comment")),k=["comment",i.slice(b,r+1),b,r],b=r):(it.lastIndex=b+1,it.test(i),it.lastIndex===0?r=i.length-1:r=it.lastIndex-2,k=["word",i.slice(b,r+1),b,r],q.push(k),b=r);break}}return b++,k}function fe(F){V.push(F)}return{back:fe,endOfFile:K,nextToken:Ee,position:te}};let Kn=ue,ht=class extends Kn{constructor(e){super(e),this.type="atrule"}append(...e){return this.proxyOf.nodes||(this.nodes=[]),super.append(...e)}prepend(...e){return this.proxyOf.nodes||(this.nodes=[]),super.prepend(...e)}};var yi=ht;ht.default=ht;Kn.registerAtRule(ht);let Zn=ue,Jn,Xn,ye=class extends Zn{constructor(e){super(e),this.type="root",this.nodes||(this.nodes=[])}normalize(e,t,i){let s=super.normalize(e);if(t){if(i==="prepend")this.nodes.length>1?t.raws.before=this.nodes[1].raws.before:delete t.raws.before;else if(this.first!==t)for(let o of s)o.raws.before=t.raws.before}return s}removeChild(e,t){let i=this.index(e);return!t&&i===0&&this.nodes.length>1&&(this.nodes[1].raws.before=this.nodes[i].raws.before),super.removeChild(e)}toResult(e={}){return new Jn(new Xn,this,e).stringify()}};ye.registerLazyResult=n=>{Jn=n};ye.registerProcessor=n=>{Xn=n};var Be=ye;ye.default=ye;Zn.registerRoot(ye);let Me={comma(n){return Me.split(n,[","],!0)},space(n){let e=[" ",`
|
|
349
|
+
`," "];return Me.split(n,e)},split(n,e,t){let i=[],s="",o=!1,r=0,l=!1,a="",c=!1;for(let d of n)c?c=!1:d==="\\"?c=!0:l?d===a&&(l=!1):d==='"'||d==="'"?(l=!0,a=d):d==="("?r+=1:d===")"?r>0&&(r-=1):r===0&&e.includes(d)&&(o=!0),o?(s!==""&&i.push(s.trim()),s="",o=!1):s+=d;return(t||s!=="")&&i.push(s.trim()),i}};var Qn=Me;Me.default=Me;let Yn=ue,Oo=Qn,ft=class extends Yn{constructor(e){super(e),this.type="rule",this.nodes||(this.nodes=[])}get selectors(){return Oo.comma(this.selector)}set selectors(e){let t=this.selector?this.selector.match(/,\s*/):null,i=t?t[0]:","+this.raw("between","beforeOpen");this.selector=e.join(i)}};var wi=ft;ft.default=ft;Yn.registerRule(ft);let Ro=xt,Lo=Io,No=_t,Mo=yi,To=Be,nn=wi;const sn={empty:!0,space:!0};function Po(n){for(let e=n.length-1;e>=0;e--){let t=n[e],i=t[3]||t[2];if(i)return i}}let jo=class{constructor(e){this.input=e,this.root=new To,this.current=this.root,this.spaces="",this.semicolon=!1,this.customProperty=!1,this.createTokenizer(),this.root.source={input:e,start:{column:1,line:1,offset:0}}}atrule(e){let t=new Mo;t.name=e[1].slice(1),t.name===""&&this.unnamedAtrule(t,e),this.init(t,e[2]);let i,s,o,r=!1,l=!1,a=[],c=[];for(;!this.tokenizer.endOfFile();){if(e=this.tokenizer.nextToken(),i=e[0],i==="("||i==="["?c.push(i==="("?")":"]"):i==="{"&&c.length>0?c.push("}"):i===c[c.length-1]&&c.pop(),c.length===0)if(i===";"){t.source.end=this.getPosition(e[2]),t.source.end.offset++,this.semicolon=!0;break}else if(i==="{"){l=!0;break}else if(i==="}"){if(a.length>0){for(o=a.length-1,s=a[o];s&&s[0]==="space";)s=a[--o];s&&(t.source.end=this.getPosition(s[3]||s[2]),t.source.end.offset++)}this.end(e);break}else a.push(e);else a.push(e);if(this.tokenizer.endOfFile()){r=!0;break}}t.raws.between=this.spacesAndCommentsFromEnd(a),a.length?(t.raws.afterName=this.spacesAndCommentsFromStart(a),this.raw(t,"params",a),r&&(e=a[a.length-1],t.source.end=this.getPosition(e[3]||e[2]),t.source.end.offset++,this.spaces=t.raws.between,t.raws.between="")):(t.raws.afterName="",t.params=""),l&&(t.nodes=[],this.current=t)}checkMissedSemicolon(e){let t=this.colon(e);if(t===!1)return;let i=0,s;for(let o=t-1;o>=0&&(s=e[o],!(s[0]!=="space"&&(i+=1,i===2)));o--);throw this.input.error("Missed semicolon",s[0]==="word"?s[3]+1:s[2])}colon(e){let t=0,i,s,o;for(let[r,l]of e.entries()){if(i=l,s=i[0],s==="("&&(t+=1),s===")"&&(t-=1),t===0&&s===":")if(!o)this.doubleColon(i);else{if(o[0]==="word"&&o[1]==="progid")continue;return r}o=i}return!1}comment(e){let t=new No;this.init(t,e[2]),t.source.end=this.getPosition(e[3]||e[2]),t.source.end.offset++;let i=e[1].slice(2,-2);if(/^\s*$/.test(i))t.text="",t.raws.left=i,t.raws.right="";else{let s=i.match(/^(\s*)([^]*\S)(\s*)$/);t.text=s[2],t.raws.left=s[1],t.raws.right=s[3]}}createTokenizer(){this.tokenizer=Lo(this.input)}decl(e,t){let i=new Ro;this.init(i,e[0][2]);let s=e[e.length-1];for(s[0]===";"&&(this.semicolon=!0,e.pop()),i.source.end=this.getPosition(s[3]||s[2]||Po(e)),i.source.end.offset++;e[0][0]!=="word";)e.length===1&&this.unknownWord(e),i.raws.before+=e.shift()[1];for(i.source.start=this.getPosition(e[0][2]),i.prop="";e.length;){let c=e[0][0];if(c===":"||c==="space"||c==="comment")break;i.prop+=e.shift()[1]}i.raws.between="";let o;for(;e.length;)if(o=e.shift(),o[0]===":"){i.raws.between+=o[1];break}else o[0]==="word"&&/\w/.test(o[1])&&this.unknownWord([o]),i.raws.between+=o[1];(i.prop[0]==="_"||i.prop[0]==="*")&&(i.raws.before+=i.prop[0],i.prop=i.prop.slice(1));let r=[],l;for(;e.length&&(l=e[0][0],!(l!=="space"&&l!=="comment"));)r.push(e.shift());this.precheckMissedSemicolon(e);for(let c=e.length-1;c>=0;c--){if(o=e[c],o[1].toLowerCase()==="!important"){i.important=!0;let d=this.stringFrom(e,c);d=this.spacesFromEnd(e)+d,d!==" !important"&&(i.raws.important=d);break}else if(o[1].toLowerCase()==="important"){let d=e.slice(0),f="";for(let p=c;p>0;p--){let x=d[p][0];if(f.trim().indexOf("!")===0&&x!=="space")break;f=d.pop()[1]+f}f.trim().indexOf("!")===0&&(i.important=!0,i.raws.important=f,e=d)}if(o[0]!=="space"&&o[0]!=="comment")break}e.some(c=>c[0]!=="space"&&c[0]!=="comment")&&(i.raws.between+=r.map(c=>c[1]).join(""),r=[]),this.raw(i,"value",r.concat(e),t),i.value.includes(":")&&!t&&this.checkMissedSemicolon(e)}doubleColon(e){throw this.input.error("Double colon",{offset:e[2]},{offset:e[2]+e[1].length})}emptyRule(e){let t=new nn;this.init(t,e[2]),t.selector="",t.raws.between="",this.current=t}end(e){this.current.nodes&&this.current.nodes.length&&(this.current.raws.semicolon=this.semicolon),this.semicolon=!1,this.current.raws.after=(this.current.raws.after||"")+this.spaces,this.spaces="",this.current.parent?(this.current.source.end=this.getPosition(e[2]),this.current.source.end.offset++,this.current=this.current.parent):this.unexpectedClose(e)}endFile(){this.current.parent&&this.unclosedBlock(),this.current.nodes&&this.current.nodes.length&&(this.current.raws.semicolon=this.semicolon),this.current.raws.after=(this.current.raws.after||"")+this.spaces,this.root.source.end=this.getPosition(this.tokenizer.position())}freeSemicolon(e){if(this.spaces+=e[1],this.current.nodes){let t=this.current.nodes[this.current.nodes.length-1];t&&t.type==="rule"&&!t.raws.ownSemicolon&&(t.raws.ownSemicolon=this.spaces,this.spaces="")}}getPosition(e){let t=this.input.fromOffset(e);return{column:t.col,line:t.line,offset:e}}init(e,t){this.current.push(e),e.source={input:this.input,start:this.getPosition(t)},e.raws.before=this.spaces,this.spaces="",e.type!=="comment"&&(this.semicolon=!1)}other(e){let t=!1,i=null,s=!1,o=null,r=[],l=e[1].startsWith("--"),a=[],c=e;for(;c;){if(i=c[0],a.push(c),i==="("||i==="[")o||(o=c),r.push(i==="("?")":"]");else if(l&&s&&i==="{")o||(o=c),r.push("}");else if(r.length===0)if(i===";")if(s){this.decl(a,l);return}else break;else if(i==="{"){this.rule(a);return}else if(i==="}"){this.tokenizer.back(a.pop()),t=!0;break}else i===":"&&(s=!0);else i===r[r.length-1]&&(r.pop(),r.length===0&&(o=null));c=this.tokenizer.nextToken()}if(this.tokenizer.endOfFile()&&(t=!0),r.length>0&&this.unclosedBracket(o),t&&s){if(!l)for(;a.length&&(c=a[a.length-1][0],!(c!=="space"&&c!=="comment"));)this.tokenizer.back(a.pop());this.decl(a,l)}else this.unknownWord(a)}parse(){let e;for(;!this.tokenizer.endOfFile();)switch(e=this.tokenizer.nextToken(),e[0]){case"space":this.spaces+=e[1];break;case";":this.freeSemicolon(e);break;case"}":this.end(e);break;case"comment":this.comment(e);break;case"at-word":this.atrule(e);break;case"{":this.emptyRule(e);break;default:this.other(e);break}this.endFile()}precheckMissedSemicolon(){}raw(e,t,i,s){let o,r,l=i.length,a="",c=!0,d,f;for(let p=0;p<l;p+=1)o=i[p],r=o[0],r==="space"&&p===l-1&&!s?c=!1:r==="comment"?(f=i[p-1]?i[p-1][0]:"empty",d=i[p+1]?i[p+1][0]:"empty",!sn[f]&&!sn[d]?a.slice(-1)===","?c=!1:a+=o[1]:c=!1):a+=o[1];if(!c){let p=i.reduce((x,k)=>x+k[1],"");e.raws[t]={raw:p,value:a}}e[t]=a}rule(e){e.pop();let t=new nn;this.init(t,e[0][2]),t.raws.between=this.spacesAndCommentsFromEnd(e),this.raw(t,"selector",e),this.current=t}spacesAndCommentsFromEnd(e){let t,i="";for(;e.length&&(t=e[e.length-1][0],!(t!=="space"&&t!=="comment"));)i=e.pop()[1]+i;return i}spacesAndCommentsFromStart(e){let t,i="";for(;e.length&&(t=e[0][0],!(t!=="space"&&t!=="comment"));)i+=e.shift()[1];return i}spacesFromEnd(e){let t,i="";for(;e.length&&(t=e[e.length-1][0],t==="space");)i=e.pop()[1]+i;return i}stringFrom(e,t){let i="";for(let s=t;s<e.length;s++)i+=e[s][1];return e.splice(t,e.length-t),i}unclosedBlock(){let e=this.current.source.start;throw this.input.error("Unclosed block",e.line,e.column)}unclosedBracket(e){throw this.input.error("Unclosed bracket",{offset:e[2]},{offset:e[2]+1})}unexpectedClose(e){throw this.input.error("Unexpected }",{offset:e[2]},{offset:e[2]+1})}unknownWord(e){throw this.input.error("Unknown word",{offset:e[0][2]},{offset:e[0][2]+e[0][1].length})}unnamedAtrule(e,t){throw this.input.error("At-rule without name",{offset:t[2]},{offset:t[2]+t[1].length})}};var Do=jo;let zo=ue,Uo=Do,Bo=Et;function pt(n,e){let t=new Bo(n,e),i=new Uo(t);try{i.parse()}catch(s){throw s}return i.root}var vi=pt;pt.default=pt;zo.registerParse(pt);let{isClean:G,my:Fo}=Ue,Ho=Tn,Wo=wt,Go=ue,qo=gi,rn=bi,Vo=vi,Ko=Be;const Zo={atrule:"AtRule",comment:"Comment",decl:"Declaration",document:"Document",root:"Root",rule:"Rule"},Jo={AtRule:!0,AtRuleExit:!0,Comment:!0,CommentExit:!0,Declaration:!0,DeclarationExit:!0,Document:!0,DocumentExit:!0,Once:!0,OnceExit:!0,postcssPlugin:!0,prepare:!0,Root:!0,RootExit:!0,Rule:!0,RuleExit:!0},Xo={Once:!0,postcssPlugin:!0,prepare:!0},we=0;function Ae(n){return typeof n=="object"&&typeof n.then=="function"}function es(n){let e=!1,t=Zo[n.type];return n.type==="decl"?e=n.prop.toLowerCase():n.type==="atrule"&&(e=n.name.toLowerCase()),e&&n.append?[t,t+"-"+e,we,t+"Exit",t+"Exit-"+e]:e?[t,t+"-"+e,t+"Exit",t+"Exit-"+e]:n.append?[t,we,t+"Exit"]:[t,t+"Exit"]}function on(n){let e;return n.type==="document"?e=["Document",we,"DocumentExit"]:n.type==="root"?e=["Root",we,"RootExit"]:e=es(n),{eventIndex:0,events:e,iterator:0,node:n,visitorIndex:0,visitors:[]}}function li(n){return n[G]=!1,n.nodes&&n.nodes.forEach(e=>li(e)),n}let ai={},ve=class ts{constructor(e,t,i){this.stringified=!1,this.processed=!1;let s;if(typeof t=="object"&&t!==null&&(t.type==="root"||t.type==="document"))s=li(t);else if(t instanceof ts||t instanceof rn)s=li(t.root),t.map&&(typeof i.map>"u"&&(i.map={}),i.map.inline||(i.map.inline=!1),i.map.prev=t.map);else{let o=Vo;i.syntax&&(o=i.syntax.parse),i.parser&&(o=i.parser),o.parse&&(o=o.parse);try{s=o(t,i)}catch(r){this.processed=!0,this.error=r}s&&!s[Fo]&&Go.rebuild(s)}this.result=new rn(e,s,i),this.helpers={...ai,postcss:ai,result:this.result},this.plugins=this.processor.plugins.map(o=>typeof o=="object"&&o.prepare?{...o,...o.prepare(this.result)}:o)}async(){return this.error?Promise.reject(this.error):this.processed?Promise.resolve(this.result):(this.processing||(this.processing=this.runAsync()),this.processing)}catch(e){return this.async().catch(e)}finally(e){return this.async().then(e,e)}getAsyncError(){throw new Error("Use process(css).then(cb) to work with async plugins")}handleError(e,t){let i=this.result.lastPlugin;try{t&&t.addToError(e),this.error=e,e.name==="CssSyntaxError"&&!e.plugin?(e.plugin=i.postcssPlugin,e.setMessage()):i.postcssVersion}catch(s){console&&console.error&&console.error(s)}return e}prepareVisitors(){this.listeners={};let e=(t,i,s)=>{this.listeners[i]||(this.listeners[i]=[]),this.listeners[i].push([t,s])};for(let t of this.plugins)if(typeof t=="object")for(let i in t){if(!Jo[i]&&/^[A-Z]/.test(i))throw new Error(`Unknown event ${i} in ${t.postcssPlugin}. Try to update PostCSS (${this.processor.version} now).`);if(!Xo[i])if(typeof t[i]=="object")for(let s in t[i])s==="*"?e(t,i,t[i][s]):e(t,i+"-"+s.toLowerCase(),t[i][s]);else typeof t[i]=="function"&&e(t,i,t[i])}this.hasListener=Object.keys(this.listeners).length>0}async runAsync(){this.plugin=0;for(let e=0;e<this.plugins.length;e++){let t=this.plugins[e],i=this.runOnRoot(t);if(Ae(i))try{await i}catch(s){throw this.handleError(s)}}if(this.prepareVisitors(),this.hasListener){let e=this.result.root;for(;!e[G];){e[G]=!0;let t=[on(e)];for(;t.length>0;){let i=this.visitTick(t);if(Ae(i))try{await i}catch(s){let o=t[t.length-1].node;throw this.handleError(s,o)}}}if(this.listeners.OnceExit)for(let[t,i]of this.listeners.OnceExit){this.result.lastPlugin=t;try{if(e.type==="document"){let s=e.nodes.map(o=>i(o,this.helpers));await Promise.all(s)}else await i(e,this.helpers)}catch(s){throw this.handleError(s)}}}return this.processed=!0,this.stringify()}runOnRoot(e){this.result.lastPlugin=e;try{if(typeof e=="object"&&e.Once){if(this.result.root.type==="document"){let t=this.result.root.nodes.map(i=>e.Once(i,this.helpers));return Ae(t[0])?Promise.all(t):t}return e.Once(this.result.root,this.helpers)}else if(typeof e=="function")return e(this.result.root,this.result)}catch(t){throw this.handleError(t)}}stringify(){if(this.error)throw this.error;if(this.stringified)return this.result;this.stringified=!0,this.sync();let e=this.result.opts,t=Wo;e.syntax&&(t=e.syntax.stringify),e.stringifier&&(t=e.stringifier),t.stringify&&(t=t.stringify);let s=new Ho(t,this.result.root,this.result.opts).generate();return this.result.css=s[0],this.result.map=s[1],this.result}sync(){if(this.error)throw this.error;if(this.processed)return this.result;if(this.processed=!0,this.processing)throw this.getAsyncError();for(let e of this.plugins){let t=this.runOnRoot(e);if(Ae(t))throw this.getAsyncError()}if(this.prepareVisitors(),this.hasListener){let e=this.result.root;for(;!e[G];)e[G]=!0,this.walkSync(e);if(this.listeners.OnceExit)if(e.type==="document")for(let t of e.nodes)this.visitSync(this.listeners.OnceExit,t);else this.visitSync(this.listeners.OnceExit,e)}return this.result}then(e,t){return this.async().then(e,t)}toString(){return this.css}visitSync(e,t){for(let[i,s]of e){this.result.lastPlugin=i;let o;try{o=s(t,this.helpers)}catch(r){throw this.handleError(r,t.proxyOf)}if(t.type!=="root"&&t.type!=="document"&&!t.parent)return!0;if(Ae(o))throw this.getAsyncError()}}visitTick(e){let t=e[e.length-1],{node:i,visitors:s}=t;if(i.type!=="root"&&i.type!=="document"&&!i.parent){e.pop();return}if(s.length>0&&t.visitorIndex<s.length){let[r,l]=s[t.visitorIndex];t.visitorIndex+=1,t.visitorIndex===s.length&&(t.visitors=[],t.visitorIndex=0),this.result.lastPlugin=r;try{return l(i.toProxy(),this.helpers)}catch(a){throw this.handleError(a,i)}}if(t.iterator!==0){let r=t.iterator,l;for(;l=i.nodes[i.indexes[r]];)if(i.indexes[r]+=1,!l[G]){l[G]=!0,e.push(on(l));return}t.iterator=0,delete i.indexes[r]}let o=t.events;for(;t.eventIndex<o.length;){let r=o[t.eventIndex];if(t.eventIndex+=1,r===we){i.nodes&&i.nodes.length&&(i[G]=!0,t.iterator=i.getIterator());return}else if(this.listeners[r]){t.visitors=this.listeners[r];return}}e.pop()}walkSync(e){e[G]=!0;let t=es(e);for(let i of t)if(i===we)e.nodes&&e.each(s=>{s[G]||this.walkSync(s)});else{let s=this.listeners[i];if(s&&this.visitSync(s,e.toProxy()))return}}warnings(){return this.sync().warnings()}get content(){return this.stringify().content}get css(){return this.stringify().css}get map(){return this.stringify().map}get messages(){return this.sync().messages}get opts(){return this.result.opts}get processor(){return this.result.processor}get root(){return this.sync().root}get[Symbol.toStringTag](){return"LazyResult"}};ve.registerPostcss=n=>{ai=n};var is=ve;ve.default=ve;Ko.registerLazyResult(ve);qo.registerLazyResult(ve);let Qo=Tn,Yo=wt,el=vi;const tl=bi;let ci=class{constructor(e,t,i){t=t.toString(),this.stringified=!1,this._processor=e,this._css=t,this._opts=i,this._map=void 0;let s,o=Yo;this.result=new tl(this._processor,s,this._opts),this.result.css=t;let r=this;Object.defineProperty(this.result,"root",{get(){return r.root}});let l=new Qo(o,s,this._opts,t);if(l.isMap()){let[a,c]=l.generate();a&&(this.result.css=a),c&&(this.result.map=c)}}async(){return this.error?Promise.reject(this.error):Promise.resolve(this.result)}catch(e){return this.async().catch(e)}finally(e){return this.async().then(e,e)}sync(){if(this.error)throw this.error;return this.result}then(e,t){return this.async().then(e,t)}toString(){return this._css}warnings(){return[]}get content(){return this.result.css}get css(){return this.result.css}get map(){return this.result.map}get messages(){return[]}get opts(){return this.result.opts}get processor(){return this.result.processor}get root(){if(this._root)return this._root;let e,t=el;try{e=t(this._css,this._opts)}catch(i){this.error=i}if(this.error)throw this.error;return this._root=e,e}get[Symbol.toStringTag](){return"NoWorkResult"}};var il=ci;ci.default=ci;let nl=il,sl=is,rl=gi,ol=Be,Te=class{constructor(e=[]){this.version="8.4.32",this.plugins=this.normalize(e)}normalize(e){let t=[];for(let i of e)if(i.postcss===!0?i=i():i.postcss&&(i=i.postcss),typeof i=="object"&&Array.isArray(i.plugins))t=t.concat(i.plugins);else if(typeof i=="object"&&i.postcssPlugin)t.push(i);else if(typeof i=="function")t.push(i);else if(!(typeof i=="object"&&(i.parse||i.stringify)))throw new Error(i+" is not a PostCSS plugin");return t}process(e,t={}){return this.plugins.length===0&&typeof t.parser>"u"&&typeof t.stringifier>"u"&&typeof t.syntax>"u"?new nl(this,e,t):new sl(this,e,t)}use(e){return this.plugins=this.plugins.concat(this.normalize([e])),this}};var ll=Te;Te.default=Te;ol.registerProcessor(Te);rl.registerProcessor(Te);let al=xt,cl=On,dl=_t,ul=yi,hl=Et,fl=Be,pl=wi;function Pe(n,e){if(Array.isArray(n))return n.map(s=>Pe(s));let{inputs:t,...i}=n;if(t){e=[];for(let s of t){let o={...s,__proto__:hl.prototype};o.map&&(o.map={...o.map,__proto__:cl.prototype}),e.push(o)}}if(i.nodes&&(i.nodes=n.nodes.map(s=>Pe(s,e))),i.source){let{inputId:s,...o}=i.source;i.source=o,s!=null&&(i.source.input=e[s])}if(i.type==="root")return new fl(i);if(i.type==="decl")return new al(i);if(i.type==="rule")return new pl(i);if(i.type==="comment")return new dl(i);if(i.type==="atrule")return new ul(i);throw new Error("Unknown node type: "+n.type)}var ml=Pe;Pe.default=Pe;var ln={};let gl=fi,ns=xt,bl=is,yl=ue,xi=ll,wl=wt,vl=ml,ss=gi,xl=Vn,rs=_t,os=yi,El=bi,_l=Et,Sl=vi,Al=Qn,ls=wi,as=Be,$l=vt;function _(...n){return n.length===1&&Array.isArray(n[0])&&(n=n[0]),new xi(n)}_.plugin=function(e,t){let i=!1;function s(...r){console&&console.warn&&!i&&(i=!0,console.warn(e+`: postcss.plugin was deprecated. Migration guide:
|
|
350
|
+
https://evilmartians.com/chronicles/postcss-8-plugin-migration`),ln.LANG&&ln.LANG.startsWith("cn")&&console.warn(e+`: 里面 postcss.plugin 被弃用. 迁移指南:
|
|
351
|
+
https://www.w3ctech.com/topic/2226`));let l=t(...r);return l.postcssPlugin=e,l.postcssVersion=new xi().version,l}let o;return Object.defineProperty(s,"postcss",{get(){return o||(o=s()),o}}),s.process=function(r,l,a){return _([s(a)]).process(r,l)},s};_.stringify=wl;_.parse=Sl;_.fromJSON=vl;_.list=Al;_.comment=n=>new rs(n);_.atRule=n=>new os(n);_.decl=n=>new ns(n);_.rule=n=>new ls(n);_.root=n=>new as(n);_.document=n=>new ss(n);_.CssSyntaxError=gl;_.Declaration=ns;_.Container=yl;_.Processor=xi;_.Document=ss;_.Comment=rs;_.Warning=xl;_.AtRule=os;_.Result=El;_.Input=_l;_.Rule=ls;_.Root=as;_.Node=$l;bl.registerPostcss(_);var Cl=_;_.default=_;const C=$n(Cl);C.stringify;C.fromJSON;C.plugin;C.parse;C.list;C.document;C.comment;C.atRule;C.rule;C.decl;C.root;C.CssSyntaxError;C.Declaration;C.Container;C.Processor;C.Document;C.Comment;C.Warning;C.AtRule;C.Result;C.Input;C.Rule;C.Root;C.Node;var kl=function(e){const t=e.prefix,i=/\s+$/.test(t)?t:`${t} `,s=e.ignoreFiles?[].concat(e.ignoreFiles):[],o=e.includeFiles?[].concat(e.includeFiles):[];return function(r){s.length&&r.source.input.file&&an(r.source.input.file,s)||o.length&&r.source.input.file&&!an(r.source.input.file,o)||r.walkRules(l=>{const a=["keyframes","-webkit-keyframes","-moz-keyframes","-o-keyframes"];l.parent&&a.includes(l.parent.name)||(l.selectors=l.selectors.map(c=>e.exclude&&Il(c,e.exclude)?c:e.transform?e.transform(t,c,i+c,r.source.input.file,l):i+c))})}};function an(n,e){return e.some(t=>t instanceof RegExp?t.test(n):n.includes(t))}function Il(n,e){return e.some(t=>t instanceof RegExp?t.test(n):n===t)}const Ol=$n(kl),Rl="code{white-space:pre}.example{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:16px}.example>*{flex:1 1 500px}.example .tab-control{overflow:hidden}.example div[role=tab]{cursor:pointer;padding:8px 16px;display:inline-block;font-size:16px;border-bottom:2px solid transparent;background-clip:padding-box;-webkit-user-select:none;user-select:none}.example div[role=tab]:hover{background-color:#1467ba14}.example div[role=tab][selected]{background-color:#1467ba21;border-bottom:2px solid #1467ba}.tab-content{margin:16px 0}.tab-content>pre{padding-top:0}.tab-content.code{max-height:500px;overflow:auto}.tab-content.code pre{margin:0}",Ll="pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}";function Nl(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}function cs(n){return n instanceof Map?n.clear=n.delete=n.set=function(){throw new Error("map is read-only")}:n instanceof Set&&(n.add=n.clear=n.delete=function(){throw new Error("set is read-only")}),Object.freeze(n),Object.getOwnPropertyNames(n).forEach(e=>{const t=n[e],i=typeof t;(i==="object"||i==="function")&&!Object.isFrozen(t)&&cs(t)}),n}class cn{constructor(e){e.data===void 0&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function ds(n){return n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function ee(n,...e){const t=Object.create(null);for(const i in n)t[i]=n[i];return e.forEach(function(i){for(const s in i)t[s]=i[s]}),t}const Ml="</span>",dn=n=>!!n.scope,Tl=(n,{prefix:e})=>{if(n.startsWith("language:"))return n.replace("language:","language-");if(n.includes(".")){const t=n.split(".");return[`${e}${t.shift()}`,...t.map((i,s)=>`${i}${"_".repeat(s+1)}`)].join(" ")}return`${e}${n}`};class Pl{constructor(e,t){this.buffer="",this.classPrefix=t.classPrefix,e.walk(this)}addText(e){this.buffer+=ds(e)}openNode(e){if(!dn(e))return;const t=Tl(e.scope,{prefix:this.classPrefix});this.span(t)}closeNode(e){dn(e)&&(this.buffer+=Ml)}value(){return this.buffer}span(e){this.buffer+=`<span class="${e}">`}}const un=(n={})=>{const e={children:[]};return Object.assign(e,n),e};class Ei{constructor(){this.rootNode=un(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){this.top.children.push(e)}openNode(e){const t=un({scope:e});this.add(t),this.stack.push(t)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,t){return typeof t=="string"?e.addText(t):t.children&&(e.openNode(t),t.children.forEach(i=>this._walk(e,i)),e.closeNode(t)),e}static _collapse(e){typeof e!="string"&&e.children&&(e.children.every(t=>typeof t=="string")?e.children=[e.children.join("")]:e.children.forEach(t=>{Ei._collapse(t)}))}}class jl extends Ei{constructor(e){super(),this.options=e}addText(e){e!==""&&this.add(e)}startScope(e){this.openNode(e)}endScope(){this.closeNode()}__addSublanguage(e,t){const i=e.root;t&&(i.scope=`language:${t}`),this.add(i)}toHTML(){return new Pl(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function je(n){return n?typeof n=="string"?n:n.source:null}function us(n){return he("(?=",n,")")}function Dl(n){return he("(?:",n,")*")}function zl(n){return he("(?:",n,")?")}function he(...n){return n.map(e=>je(e)).join("")}function Ul(n){const e=n[n.length-1];return typeof e=="object"&&e.constructor===Object?(n.splice(n.length-1,1),e):{}}function _i(...n){return"("+(Ul(n).capture?"":"?:")+n.map(e=>je(e)).join("|")+")"}function hs(n){return new RegExp(n.toString()+"|").exec("").length-1}function Bl(n,e){const t=n&&n.exec(e);return t&&t.index===0}const Fl=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function Si(n,{joinWith:e}){let t=0;return n.map(i=>{t+=1;const s=t;let o=je(i),r="";for(;o.length>0;){const l=Fl.exec(o);if(!l){r+=o;break}r+=o.substring(0,l.index),o=o.substring(l.index+l[0].length),l[0][0]==="\\"&&l[1]?r+="\\"+String(Number(l[1])+s):(r+=l[0],l[0]==="("&&t++)}return r}).map(i=>`(${i})`).join(e)}const Hl=/\b\B/,fs="[a-zA-Z]\\w*",Ai="[a-zA-Z_]\\w*",ps="\\b\\d+(\\.\\d+)?",ms="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",gs="\\b(0b[01]+)",Wl="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",Gl=(n={})=>{const e=/^#![ ]*\//;return n.binary&&(n.begin=he(e,/.*\b/,n.binary,/\b.*/)),ee({scope:"meta",begin:e,end:/$/,relevance:0,"on:begin":(t,i)=>{t.index!==0&&i.ignoreMatch()}},n)},De={begin:"\\\\[\\s\\S]",relevance:0},ql={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[De]},Vl={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[De]},Kl={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},St=function(n,e,t={}){const i=ee({scope:"comment",begin:n,end:e,contains:[]},t);i.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const s=_i("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return i.contains.push({begin:he(/[ ]+/,"(",s,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),i},Zl=St("//","$"),Jl=St("/\\*","\\*/"),Xl=St("#","$"),Ql={scope:"number",begin:ps,relevance:0},Yl={scope:"number",begin:ms,relevance:0},ea={scope:"number",begin:gs,relevance:0},ta={scope:"regexp",begin:/\/(?=[^/\n]*\/)/,end:/\/[gimuy]*/,contains:[De,{begin:/\[/,end:/\]/,relevance:0,contains:[De]}]},ia={scope:"title",begin:fs,relevance:0},na={scope:"title",begin:Ai,relevance:0},sa={begin:"\\.\\s*"+Ai,relevance:0},ra=function(n){return Object.assign(n,{"on:begin":(e,t)=>{t.data._beginMatch=e[1]},"on:end":(e,t)=>{t.data._beginMatch!==e[1]&&t.ignoreMatch()}})};var nt=Object.freeze({__proto__:null,APOS_STRING_MODE:ql,BACKSLASH_ESCAPE:De,BINARY_NUMBER_MODE:ea,BINARY_NUMBER_RE:gs,COMMENT:St,C_BLOCK_COMMENT_MODE:Jl,C_LINE_COMMENT_MODE:Zl,C_NUMBER_MODE:Yl,C_NUMBER_RE:ms,END_SAME_AS_BEGIN:ra,HASH_COMMENT_MODE:Xl,IDENT_RE:fs,MATCH_NOTHING_RE:Hl,METHOD_GUARD:sa,NUMBER_MODE:Ql,NUMBER_RE:ps,PHRASAL_WORDS_MODE:Kl,QUOTE_STRING_MODE:Vl,REGEXP_MODE:ta,RE_STARTERS_RE:Wl,SHEBANG:Gl,TITLE_MODE:ia,UNDERSCORE_IDENT_RE:Ai,UNDERSCORE_TITLE_MODE:na});function oa(n,e){n.input[n.index-1]==="."&&e.ignoreMatch()}function la(n,e){n.className!==void 0&&(n.scope=n.className,delete n.className)}function aa(n,e){e&&n.beginKeywords&&(n.begin="\\b("+n.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",n.__beforeBegin=oa,n.keywords=n.keywords||n.beginKeywords,delete n.beginKeywords,n.relevance===void 0&&(n.relevance=0))}function ca(n,e){Array.isArray(n.illegal)&&(n.illegal=_i(...n.illegal))}function da(n,e){if(n.match){if(n.begin||n.end)throw new Error("begin & end are not supported with match");n.begin=n.match,delete n.match}}function ua(n,e){n.relevance===void 0&&(n.relevance=1)}const ha=(n,e)=>{if(!n.beforeMatch)return;if(n.starts)throw new Error("beforeMatch cannot be used with starts");const t=Object.assign({},n);Object.keys(n).forEach(i=>{delete n[i]}),n.keywords=t.keywords,n.begin=he(t.beforeMatch,us(t.begin)),n.starts={relevance:0,contains:[Object.assign(t,{endsParent:!0})]},n.relevance=0,delete t.beforeMatch},fa=["of","and","for","in","not","or","if","then","parent","list","value"],pa="keyword";function bs(n,e,t=pa){const i=Object.create(null);return typeof n=="string"?s(t,n.split(" ")):Array.isArray(n)?s(t,n):Object.keys(n).forEach(function(o){Object.assign(i,bs(n[o],e,o))}),i;function s(o,r){e&&(r=r.map(l=>l.toLowerCase())),r.forEach(function(l){const a=l.split("|");i[a[0]]=[o,ma(a[0],a[1])]})}}function ma(n,e){return e?Number(e):ga(n)?0:1}function ga(n){return fa.includes(n.toLowerCase())}const hn={},ae=n=>{console.error(n)},fn=(n,...e)=>{console.log(`WARN: ${n}`,...e)},pe=(n,e)=>{hn[`${n}/${e}`]||(console.log(`Deprecated as of ${n}. ${e}`),hn[`${n}/${e}`]=!0)},mt=new Error;function ys(n,e,{key:t}){let i=0;const s=n[t],o={},r={};for(let l=1;l<=e.length;l++)r[l+i]=s[l],o[l+i]=!0,i+=hs(e[l-1]);n[t]=r,n[t]._emit=o,n[t]._multi=!0}function ba(n){if(Array.isArray(n.begin)){if(n.skip||n.excludeBegin||n.returnBegin)throw ae("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),mt;if(typeof n.beginScope!="object"||n.beginScope===null)throw ae("beginScope must be object"),mt;ys(n,n.begin,{key:"beginScope"}),n.begin=Si(n.begin,{joinWith:""})}}function ya(n){if(Array.isArray(n.end)){if(n.skip||n.excludeEnd||n.returnEnd)throw ae("skip, excludeEnd, returnEnd not compatible with endScope: {}"),mt;if(typeof n.endScope!="object"||n.endScope===null)throw ae("endScope must be object"),mt;ys(n,n.end,{key:"endScope"}),n.end=Si(n.end,{joinWith:""})}}function wa(n){n.scope&&typeof n.scope=="object"&&n.scope!==null&&(n.beginScope=n.scope,delete n.scope)}function va(n){wa(n),typeof n.beginScope=="string"&&(n.beginScope={_wrap:n.beginScope}),typeof n.endScope=="string"&&(n.endScope={_wrap:n.endScope}),ba(n),ya(n)}function xa(n){function e(r,l){return new RegExp(je(r),"m"+(n.case_insensitive?"i":"")+(n.unicodeRegex?"u":"")+(l?"g":""))}class t{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(l,a){a.position=this.position++,this.matchIndexes[this.matchAt]=a,this.regexes.push([a,l]),this.matchAt+=hs(l)+1}compile(){this.regexes.length===0&&(this.exec=()=>null);const l=this.regexes.map(a=>a[1]);this.matcherRe=e(Si(l,{joinWith:"|"}),!0),this.lastIndex=0}exec(l){this.matcherRe.lastIndex=this.lastIndex;const a=this.matcherRe.exec(l);if(!a)return null;const c=a.findIndex((f,p)=>p>0&&f!==void 0),d=this.matchIndexes[c];return a.splice(0,c),Object.assign(a,d)}}class i{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(l){if(this.multiRegexes[l])return this.multiRegexes[l];const a=new t;return this.rules.slice(l).forEach(([c,d])=>a.addRule(c,d)),a.compile(),this.multiRegexes[l]=a,a}resumingScanAtSamePosition(){return this.regexIndex!==0}considerAll(){this.regexIndex=0}addRule(l,a){this.rules.push([l,a]),a.type==="begin"&&this.count++}exec(l){const a=this.getMatcher(this.regexIndex);a.lastIndex=this.lastIndex;let c=a.exec(l);if(this.resumingScanAtSamePosition()&&!(c&&c.index===this.lastIndex)){const d=this.getMatcher(0);d.lastIndex=this.lastIndex+1,c=d.exec(l)}return c&&(this.regexIndex+=c.position+1,this.regexIndex===this.count&&this.considerAll()),c}}function s(r){const l=new i;return r.contains.forEach(a=>l.addRule(a.begin,{rule:a,type:"begin"})),r.terminatorEnd&&l.addRule(r.terminatorEnd,{type:"end"}),r.illegal&&l.addRule(r.illegal,{type:"illegal"}),l}function o(r,l){const a=r;if(r.isCompiled)return a;[la,da,va,ha].forEach(d=>d(r,l)),n.compilerExtensions.forEach(d=>d(r,l)),r.__beforeBegin=null,[aa,ca,ua].forEach(d=>d(r,l)),r.isCompiled=!0;let c=null;return typeof r.keywords=="object"&&r.keywords.$pattern&&(r.keywords=Object.assign({},r.keywords),c=r.keywords.$pattern,delete r.keywords.$pattern),c=c||/\w+/,r.keywords&&(r.keywords=bs(r.keywords,n.case_insensitive)),a.keywordPatternRe=e(c,!0),l&&(r.begin||(r.begin=/\B|\b/),a.beginRe=e(a.begin),!r.end&&!r.endsWithParent&&(r.end=/\B|\b/),r.end&&(a.endRe=e(a.end)),a.terminatorEnd=je(a.end)||"",r.endsWithParent&&l.terminatorEnd&&(a.terminatorEnd+=(r.end?"|":"")+l.terminatorEnd)),r.illegal&&(a.illegalRe=e(r.illegal)),r.contains||(r.contains=[]),r.contains=[].concat(...r.contains.map(function(d){return Ea(d==="self"?r:d)})),r.contains.forEach(function(d){o(d,a)}),r.starts&&o(r.starts,l),a.matcher=s(a),a}if(n.compilerExtensions||(n.compilerExtensions=[]),n.contains&&n.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language. See documentation.");return n.classNameAliases=ee(n.classNameAliases||{}),o(n)}function ws(n){return n?n.endsWithParent||ws(n.starts):!1}function Ea(n){return n.variants&&!n.cachedVariants&&(n.cachedVariants=n.variants.map(function(e){return ee(n,{variants:null},e)})),n.cachedVariants?n.cachedVariants:ws(n)?ee(n,{starts:n.starts?ee(n.starts):null}):Object.isFrozen(n)?ee(n):n}var _a="11.9.0";class Sa extends Error{constructor(e,t){super(e),this.name="HTMLInjectionError",this.html=t}}const Ht=ds,pn=ee,mn=Symbol("nomatch"),Aa=7,vs=function(n){const e=Object.create(null),t=Object.create(null),i=[];let s=!0;const o="Could not find the language '{}', did you forget to load/include a language module?",r={disableAutodetect:!0,name:"Plain text",contains:[]};let l={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:jl};function a(u){return l.noHighlightRe.test(u)}function c(u){let m=u.className+" ";m+=u.parentNode?u.parentNode.className:"";const w=l.languageDetectRe.exec(m);if(w){const E=j(w[1]);return E||(fn(o.replace("{}",w[1])),fn("Falling back to no-highlight mode for this block.",u)),E?w[1]:"no-highlight"}return m.split(/\s+/).find(E=>a(E)||j(E))}function d(u,m,w){let E="",I="";typeof m=="object"?(E=u,w=m.ignoreIllegals,I=m.language):(pe("10.7.0","highlight(lang, code, ...args) has been deprecated."),pe("10.7.0",`Please use highlight(code, options) instead.
|
|
352
|
+
https://github.com/highlightjs/highlight.js/issues/2277`),I=u,E=m),w===void 0&&(w=!0);const D={code:E,language:I};ne("before:highlight",D);const Q=D.result?D.result:f(D.language,D.code,w);return Q.code=D.code,ne("after:highlight",Q),Q}function f(u,m,w,E){const I=Object.create(null);function D(h,g){return h.keywords[g]}function Q(){if(!y.keywords){L.addText(A);return}let h=0;y.keywordPatternRe.lastIndex=0;let g=y.keywordPatternRe.exec(A),v="";for(;g;){v+=A.substring(h,g.index);const S=W.case_insensitive?g[0].toLowerCase():g[0],N=D(y,S);if(N){const[Z,Ms]=N;if(L.addText(v),v="",I[S]=(I[S]||0)+1,I[S]<=Aa&&(Ge+=Ms),Z.startsWith("_"))v+=g[0];else{const Ts=W.classNameAliases[Z]||Z;H(g[0],Ts)}}else v+=g[0];h=y.keywordPatternRe.lastIndex,g=y.keywordPatternRe.exec(A)}v+=A.substring(h),L.addText(v)}function He(){if(A==="")return;let h=null;if(typeof y.subLanguage=="string"){if(!e[y.subLanguage]){L.addText(A);return}h=f(y.subLanguage,A,!0,Oi[y.subLanguage]),Oi[y.subLanguage]=h._top}else h=x(A,y.subLanguage.length?y.subLanguage:null);y.relevance>0&&(Ge+=h.relevance),L.__addSublanguage(h._emitter,h.language)}function z(){y.subLanguage!=null?He():Q(),A=""}function H(h,g){h!==""&&(L.startScope(g),L.addText(h),L.endScope())}function $i(h,g){let v=1;const S=g.length-1;for(;v<=S;){if(!h._emit[v]){v++;continue}const N=W.classNameAliases[h[v]]||h[v],Z=g[v];N?H(Z,N):(A=Z,Q(),A=""),v++}}function Ci(h,g){return h.scope&&typeof h.scope=="string"&&L.openNode(W.classNameAliases[h.scope]||h.scope),h.beginScope&&(h.beginScope._wrap?(H(A,W.classNameAliases[h.beginScope._wrap]||h.beginScope._wrap),A=""):h.beginScope._multi&&($i(h.beginScope,g),A="")),y=Object.create(h,{parent:{value:y}}),y}function ki(h,g,v){let S=Bl(h.endRe,v);if(S){if(h["on:end"]){const N=new cn(h);h["on:end"](g,N),N.isMatchIgnored&&(S=!1)}if(S){for(;h.endsParent&&h.parent;)h=h.parent;return h}}if(h.endsWithParent)return ki(h.parent,g,v)}function Is(h){return y.matcher.regexIndex===0?(A+=h[0],1):(Lt=!0,0)}function Os(h){const g=h[0],v=h.rule,S=new cn(v),N=[v.__beforeBegin,v["on:begin"]];for(const Z of N)if(Z&&(Z(h,S),S.isMatchIgnored))return Is(g);return v.skip?A+=g:(v.excludeBegin&&(A+=g),z(),!v.returnBegin&&!v.excludeBegin&&(A=g)),Ci(v,h),v.returnBegin?0:g.length}function Rs(h){const g=h[0],v=m.substring(h.index),S=ki(y,h,v);if(!S)return mn;const N=y;y.endScope&&y.endScope._wrap?(z(),H(g,y.endScope._wrap)):y.endScope&&y.endScope._multi?(z(),$i(y.endScope,h)):N.skip?A+=g:(N.returnEnd||N.excludeEnd||(A+=g),z(),N.excludeEnd&&(A=g));do y.scope&&L.closeNode(),!y.skip&&!y.subLanguage&&(Ge+=y.relevance),y=y.parent;while(y!==S.parent);return S.starts&&Ci(S.starts,h),N.returnEnd?0:g.length}function Ls(){const h=[];for(let g=y;g!==W;g=g.parent)g.scope&&h.unshift(g.scope);h.forEach(g=>L.openNode(g))}let We={};function Ii(h,g){const v=g&&g[0];if(A+=h,v==null)return z(),0;if(We.type==="begin"&&g.type==="end"&&We.index===g.index&&v===""){if(A+=m.slice(g.index,g.index+1),!s){const S=new Error(`0 width match regex (${u})`);throw S.languageName=u,S.badRule=We.rule,S}return 1}if(We=g,g.type==="begin")return Os(g);if(g.type==="illegal"&&!w){const S=new Error('Illegal lexeme "'+v+'" for mode "'+(y.scope||"<unnamed>")+'"');throw S.mode=y,S}else if(g.type==="end"){const S=Rs(g);if(S!==mn)return S}if(g.type==="illegal"&&v==="")return 1;if(Rt>1e5&&Rt>g.index*3)throw new Error("potential infinite loop, way more iterations than matches");return A+=v,v.length}const W=j(u);if(!W)throw ae(o.replace("{}",u)),new Error('Unknown language: "'+u+'"');const Ns=xa(W);let Ot="",y=E||Ns;const Oi={},L=new l.__emitter(l);Ls();let A="",Ge=0,se=0,Rt=0,Lt=!1;try{if(W.__emitTokens)W.__emitTokens(m,L);else{for(y.matcher.considerAll();;){Rt++,Lt?Lt=!1:y.matcher.considerAll(),y.matcher.lastIndex=se;const h=y.matcher.exec(m);if(!h)break;const g=m.substring(se,h.index),v=Ii(g,h);se=h.index+v}Ii(m.substring(se))}return L.finalize(),Ot=L.toHTML(),{language:u,value:Ot,relevance:Ge,illegal:!1,_emitter:L,_top:y}}catch(h){if(h.message&&h.message.includes("Illegal"))return{language:u,value:Ht(m),illegal:!0,relevance:0,_illegalBy:{message:h.message,index:se,context:m.slice(se-100,se+100),mode:h.mode,resultSoFar:Ot},_emitter:L};if(s)return{language:u,value:Ht(m),illegal:!1,relevance:0,errorRaised:h,_emitter:L,_top:y};throw h}}function p(u){const m={value:Ht(u),illegal:!1,relevance:0,_top:r,_emitter:new l.__emitter(l)};return m._emitter.addText(u),m}function x(u,m){m=m||l.languages||Object.keys(e);const w=p(u),E=m.filter(j).filter(Fe).map(z=>f(z,u,!1));E.unshift(w);const I=E.sort((z,H)=>{if(z.relevance!==H.relevance)return H.relevance-z.relevance;if(z.language&&H.language){if(j(z.language).supersetOf===H.language)return 1;if(j(H.language).supersetOf===z.language)return-1}return 0}),[D,Q]=I,He=D;return He.secondBest=Q,He}function k(u,m,w){const E=m&&t[m]||w;u.classList.add("hljs"),u.classList.add(`language-${E}`)}function R(u){let m=null;const w=c(u);if(a(w))return;if(ne("before:highlightElement",{el:u,language:w}),u.dataset.highlighted){console.log("Element previously highlighted. To highlight again, first unset `dataset.highlighted`.",u);return}if(u.children.length>0&&(l.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(u)),l.throwUnescapedHTML))throw new Sa("One of your code blocks includes unescaped HTML.",u.innerHTML);m=u;const E=m.textContent,I=w?d(E,{language:w,ignoreIllegals:!0}):x(E);u.innerHTML=I.value,u.dataset.highlighted="yes",k(u,w,I.language),u.result={language:I.language,re:I.relevance,relevance:I.relevance},I.secondBest&&(u.secondBest={language:I.secondBest.language,relevance:I.secondBest.relevance}),ne("after:highlightElement",{el:u,result:I,text:E})}function b(u){l=pn(l,u)}const q=()=>{U(),pe("10.6.0","initHighlighting() deprecated. Use highlightAll() now.")};function V(){U(),pe("10.6.0","initHighlightingOnLoad() deprecated. Use highlightAll() now.")}let te=!1;function U(){if(document.readyState==="loading"){te=!0;return}document.querySelectorAll(l.cssSelector).forEach(R)}function K(){te&&U()}typeof window<"u"&&window.addEventListener&&window.addEventListener("DOMContentLoaded",K,!1);function Ee(u,m){let w=null;try{w=m(n)}catch(E){if(ae("Language definition for '{}' could not be registered.".replace("{}",u)),s)ae(E);else throw E;w=r}w.name||(w.name=u),e[u]=w,w.rawDefinition=m.bind(null,n),w.aliases&&ie(w.aliases,{languageName:u})}function fe(u){delete e[u];for(const m of Object.keys(t))t[m]===u&&delete t[m]}function F(){return Object.keys(e)}function j(u){return u=(u||"").toLowerCase(),e[u]||e[t[u]]}function ie(u,{languageName:m}){typeof u=="string"&&(u=[u]),u.forEach(w=>{t[w.toLowerCase()]=m})}function Fe(u){const m=j(u);return m&&!m.disableAutodetect}function $t(u){u["before:highlightBlock"]&&!u["before:highlightElement"]&&(u["before:highlightElement"]=m=>{u["before:highlightBlock"](Object.assign({block:m.el},m))}),u["after:highlightBlock"]&&!u["after:highlightElement"]&&(u["after:highlightElement"]=m=>{u["after:highlightBlock"](Object.assign({block:m.el},m))})}function Ct(u){$t(u),i.push(u)}function kt(u){const m=i.indexOf(u);m!==-1&&i.splice(m,1)}function ne(u,m){const w=u;i.forEach(function(E){E[w]&&E[w](m)})}function It(u){return pe("10.7.0","highlightBlock will be removed entirely in v12.0"),pe("10.7.0","Please use highlightElement now."),R(u)}Object.assign(n,{highlight:d,highlightAuto:x,highlightAll:U,highlightElement:R,highlightBlock:It,configure:b,initHighlighting:q,initHighlightingOnLoad:V,registerLanguage:Ee,unregisterLanguage:fe,listLanguages:F,getLanguage:j,registerAliases:ie,autoDetection:Fe,inherit:pn,addPlugin:Ct,removePlugin:kt}),n.debugMode=function(){s=!1},n.safeMode=function(){s=!0},n.versionString=_a,n.regex={concat:he,lookahead:us,either:_i,optional:zl,anyNumberOfTimes:Dl};for(const u in nt)typeof nt[u]=="object"&&cs(nt[u]);return Object.assign(n,nt),n},xe=vs({});xe.newInstance=()=>vs({});var $a=xe;xe.HighlightJS=xe;xe.default=xe;const At=Nl($a),gt="[A-Za-z$_][0-9A-Za-z$_]*",xs=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],Es=["true","false","null","undefined","NaN","Infinity"],_s=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],Ss=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],As=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],$s=["arguments","this","super","console","window","document","localStorage","sessionStorage","module","global"],Cs=[].concat(As,_s,Ss);function Ca(n){const e=n.regex,t=(u,{after:m})=>{const w="</"+u[0].slice(1);return u.input.indexOf(w,m)!==-1},i=gt,s={begin:"<>",end:"</>"},o=/<[A-Za-z0-9\\._:-]+\s*\/>/,r={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(u,m)=>{const w=u[0].length+u.index,E=u.input[w];if(E==="<"||E===","){m.ignoreMatch();return}E===">"&&(t(u,{after:w})||m.ignoreMatch());let I;const D=u.input.substring(w);if(I=D.match(/^\s*=/)){m.ignoreMatch();return}if((I=D.match(/^\s+extends\s+/))&&I.index===0){m.ignoreMatch();return}}},l={$pattern:gt,keyword:xs,literal:Es,built_in:Cs,"variable.language":$s},a="[0-9](_?[0-9])*",c=`\\.(${a})`,d="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",f={className:"number",variants:[{begin:`(\\b(${d})((${c})|\\.)?|(${c}))[eE][+-]?(${a})\\b`},{begin:`\\b(${d})\\b((${c})\\b|\\.)?|(${c})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},p={className:"subst",begin:"\\$\\{",end:"\\}",keywords:l,contains:[]},x={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[n.BACKSLASH_ESCAPE,p],subLanguage:"xml"}},k={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[n.BACKSLASH_ESCAPE,p],subLanguage:"css"}},R={begin:"gql`",end:"",starts:{end:"`",returnEnd:!1,contains:[n.BACKSLASH_ESCAPE,p],subLanguage:"graphql"}},b={className:"string",begin:"`",end:"`",contains:[n.BACKSLASH_ESCAPE,p]},q={className:"comment",variants:[n.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:i+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),n.C_BLOCK_COMMENT_MODE,n.C_LINE_COMMENT_MODE]},V=[n.APOS_STRING_MODE,n.QUOTE_STRING_MODE,x,k,R,b,{match:/\$\d+/},f];p.contains=V.concat({begin:/\{/,end:/\}/,keywords:l,contains:["self"].concat(V)});const te=[].concat(q,p.contains),U=te.concat([{begin:/\(/,end:/\)/,keywords:l,contains:["self"].concat(te)}]),K={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:l,contains:U},Ee={variants:[{match:[/class/,/\s+/,i,/\s+/,/extends/,/\s+/,e.concat(i,"(",e.concat(/\./,i),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,i],scope:{1:"keyword",3:"title.class"}}]},fe={relevance:0,match:e.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[..._s,...Ss]}},F={label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},j={variants:[{match:[/function/,/\s+/,i,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[K],illegal:/%/},ie={relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"};function Fe(u){return e.concat("(?!",u.join("|"),")")}const $t={match:e.concat(/\b/,Fe([...As,"super","import"]),i,e.lookahead(/\(/)),className:"title.function",relevance:0},Ct={begin:e.concat(/\./,e.lookahead(e.concat(i,/(?![0-9A-Za-z$_(])/))),end:i,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},kt={match:[/get|set/,/\s+/,i,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},K]},ne="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+n.UNDERSCORE_IDENT_RE+")\\s*=>",It={match:[/const|var|let/,/\s+/,i,/\s*/,/=\s*/,/(async\s*)?/,e.lookahead(ne)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[K]};return{name:"JavaScript",aliases:["js","jsx","mjs","cjs"],keywords:l,exports:{PARAMS_CONTAINS:U,CLASS_REFERENCE:fe},illegal:/#(?![$_A-z])/,contains:[n.SHEBANG({label:"shebang",binary:"node",relevance:5}),F,n.APOS_STRING_MODE,n.QUOTE_STRING_MODE,x,k,R,b,q,{match:/\$\d+/},f,fe,{className:"attr",begin:i+e.lookahead(":"),relevance:0},It,{begin:"("+n.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[q,n.REGEXP_MODE,{className:"function",begin:ne,returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:n.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:l,contains:U}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:s.begin,end:s.end},{match:o},{begin:r.begin,"on:begin":r.isTrulyOpeningTag,end:r.end}],subLanguage:"xml",contains:[{begin:r.begin,end:r.end,skip:!0,contains:["self"]}]}]},j,{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+n.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[K,n.inherit(n.TITLE_MODE,{begin:i,className:"title.function"})]},{match:/\.\.\./,relevance:0},Ct,{match:"\\$"+i,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[K]},$t,ie,Ee,kt,{match:/\$[(.]/}]}}function ka(n){const e=Ca(n),t=gt,i=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],s={beginKeywords:"namespace",end:/\{/,excludeEnd:!0,contains:[e.exports.CLASS_REFERENCE]},o={beginKeywords:"interface",end:/\{/,excludeEnd:!0,keywords:{keyword:"interface extends",built_in:i},contains:[e.exports.CLASS_REFERENCE]},r={className:"meta",relevance:10,begin:/^\s*['"]use strict['"]/},l=["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"],a={$pattern:gt,keyword:xs.concat(l),literal:Es,built_in:Cs.concat(i),"variable.language":$s},c={className:"meta",begin:"@"+t},d=(p,x,k)=>{const R=p.contains.findIndex(b=>b.label===x);if(R===-1)throw new Error("can not find mode to replace");p.contains.splice(R,1,k)};Object.assign(e.keywords,a),e.exports.PARAMS_CONTAINS.push(c),e.contains=e.contains.concat([c,s,o]),d(e,"shebang",n.SHEBANG()),d(e,"use_strict",r);const f=e.contains.find(p=>p.label==="func.def");return f.relevance=0,Object.assign(e,{name:"TypeScript",aliases:["ts","tsx","mts","cts"]}),e}function Ia(n){const e=n.regex,t=e.concat(/[\p{L}_]/u,e.optional(/[\p{L}0-9_.-]*:/u),/[\p{L}0-9_.-]*/u),i=/[\p{L}0-9._:-]+/u,s={className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},o={begin:/\s/,contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]},r=n.inherit(o,{begin:/\(/,end:/\)/}),l=n.inherit(n.APOS_STRING_MODE,{className:"string"}),a=n.inherit(n.QUOTE_STRING_MODE,{className:"string"}),c={endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",begin:i,relevance:0},{begin:/=\s*/,relevance:0,contains:[{className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[s]},{begin:/'/,end:/'/,contains:[s]},{begin:/[^\s"'=<>`]+/}]}]}]};return{name:"HTML, XML",aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin:/<![a-z]/,end:/>/,relevance:10,contains:[o,a,l,r,{begin:/\[/,end:/\]/,contains:[{className:"meta",begin:/<![a-z]/,end:/>/,contains:[o,r,a,l]}]}]},n.COMMENT(/<!--/,/-->/,{relevance:10}),{begin:/<!\[CDATA\[/,end:/\]\]>/,relevance:10},s,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,relevance:10,contains:[a]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",begin:/<style(?=\s|>)/,end:/>/,keywords:{name:"style"},contains:[c],starts:{end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:/<script(?=\s|>)/,end:/>/,keywords:{name:"script"},contains:[c],starts:{end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{className:"tag",begin:/<>|<\/>/},{className:"tag",begin:e.concat(/</,e.lookahead(e.concat(t,e.either(/\/>/,/>/,/\s/)))),end:/\/?>/,contains:[{className:"name",begin:t,relevance:0,starts:c}]},{className:"tag",begin:e.concat(/<\//,e.lookahead(e.concat(t,/>/))),contains:[{className:"name",begin:t,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}}const Oa=n=>({IMPORTANT:{scope:"meta",begin:"!important"},BLOCK_COMMENT:n.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",contains:[n.APOS_STRING_MODE,n.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{scope:"number",begin:n.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z_][A-Za-z0-9_-]*/}}),Ra=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],La=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],Na=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],Ma=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],Ta=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse();function Pa(n){const e=n.regex,t=Oa(n),i={begin:/-(webkit|moz|ms|o)-(?=[a-z])/},s="and or not only",o=/@-?\w[\w]*(-\w+)*/,r="[a-zA-Z-][a-zA-Z0-9_-]*",l=[n.APOS_STRING_MODE,n.QUOTE_STRING_MODE];return{name:"CSS",case_insensitive:!0,illegal:/[=|'\$]/,keywords:{keyframePosition:"from to"},classNameAliases:{keyframePosition:"selector-tag"},contains:[t.BLOCK_COMMENT,i,t.CSS_NUMBER_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/,relevance:0},{className:"selector-class",begin:"\\."+r,relevance:0},t.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",variants:[{begin:":("+Na.join("|")+")"},{begin:":(:)?("+Ma.join("|")+")"}]},t.CSS_VARIABLE,{className:"attribute",begin:"\\b("+Ta.join("|")+")\\b"},{begin:/:/,end:/[;}{]/,contains:[t.BLOCK_COMMENT,t.HEXCOLOR,t.IMPORTANT,t.CSS_NUMBER_MODE,...l,{begin:/(url|data-uri)\(/,end:/\)/,relevance:0,keywords:{built_in:"url data-uri"},contains:[...l,{className:"string",begin:/[^)]/,endsWithParent:!0,excludeEnd:!0}]},t.FUNCTION_DISPATCH]},{begin:e.lookahead(/@/),end:"[{;]",relevance:0,illegal:/:/,contains:[{className:"keyword",begin:o},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:{$pattern:/[a-z-]+/,keyword:s,attribute:La.join(" ")},contains:[{begin:/[a-z-]+(?=:)/,className:"attribute"},...l,t.CSS_NUMBER_MODE]}]},{className:"selector-tag",begin:"\\b("+Ra.join("|")+")\\b"}]}}const ks=document.createElement("style");ks.innerText=[Rl,Ll].join(`
|
|
353
|
+
`);document.head.appendChild(ks);At.registerLanguage("typescript",ka);At.registerLanguage("html",Ia);At.registerLanguage("css",Pa);function ja(...n){const e=document.createElement("div"),t=document.createElement("div");t.classList.add("tab-control");const i=document.createElement("div");return n.forEach(s=>{e.appendChild(s),s.addEventListener("click",()=>{n.forEach(o=>o.removeAttribute("selected")),s.setAttribute("selected",""),i.innerHTML="",i.appendChild(s.content),i.className=s.className,i.classList.add("tab-content")})}),t.appendChild(e),t.appendChild(i),i.classList.add("tab-content"),n[0].setAttribute("selected",""),i.appendChild(n[0].content),t}function $e(n,e){const t=document.createElement("div");return t.role="tab",t.tabIndex=0,t.innerText=n,t.content=e,e.tagName=="PRE"&&t.classList.add("code"),t}function Ie(n,e){const t=document.createElement(n);return typeof e=="string"?t.innerHTML=e:e.forEach(i=>{t.appendChild(i)}),t}async function Da(n,e,t){var i,s,o;const r=e.mainContent,l=Ie("div",r);l.id=`example-preview-${t}`;const a=typeof e.css=="string"||(i=e.css)==null?void 0:i.label,c=typeof e.css=="string"?e.css:(s=e.css)==null?void 0:s.content,d=ja($e("Preview",l),$e("HTML",st("html",r)),...c?[$e(a??"CSS",st("css",c))]:[],...e.initializer&&e.initializer.content?[$e(e.initializer.label??"TS",st("typescript",e.initializer.content))]:[],...(e.additionalSources||[]).map(p=>$e(p.label,st(p.language,p.content))));e.description&&n.appendChild(Ie("div",e.description));const f=Ie("div",[d]);f.classList.add("example"),n.appendChild(f),c&&za(`#${l.id}`,c),(o=e.initializer)!=null&&o.initialize&&await e.initializer.initialize(l)}function st(n,e){let t=e.split(/\r?\n/).map(i=>{const s=i.indexOf("///");if(s>-1){const o=i.substring(s+3).trimStart();return o?i.replace(/^(\s*)([^\s].*)$/,`$1${o}`):void 0}return i}).filter(i=>typeof i<"u").join(`
|
|
354
|
+
`).trim();return n&&n!="raw"&&(t=At.highlight(t,{language:n}).value),Ie("pre",[Ie("code",t)])}function za(n,e){const t=document.createElement("style");t.innerHTML=C().use(Ol({prefix:n})).process(e).css,document.head.appendChild(t)}async function Ua(n,e=document.body){const t=Fa(e);let i=0;Object.keys(n).forEach(async s=>{const o=document.createElement("div");o.className="example-container",t.appendChild(o);const r=n[s].default;Da(o,r,i++)})}function Ba(n){const e=document.createElement("div");e.id="examples-container";const t=n.querySelector("#examples");return t?t.after(e):n.appendChild(e),e}function Fa(n){return n.children?Ba(n):n}const Ha=`<h1 id="@cas-smartdesign/list">@cas-smartdesign/list</h1>
|
|
355
|
+
<p>An element that renders a given array of items in a list.</p>
|
|
356
|
+
<h2 id="attributes">Attributes</h2>
|
|
357
|
+
<ul>
|
|
358
|
+
<li><code>selection-type</code>: string<ul>
|
|
359
|
+
<li>Defines the type of selection that the list uses. Allowed values are:<ul>
|
|
360
|
+
<li><code>single</code>: the list items can be selected one at a time, the <code>selected</code> attribute is set on the selected item</li>
|
|
361
|
+
<li><code>extended</code>: multiple list items can be selected, the <code>selected</code> attribute is set on the selected items</li>
|
|
362
|
+
<li><code>trigger-only</code>: the <code>selected</code> attribute is not set on the selected item(s)</li>
|
|
363
|
+
</ul>
|
|
364
|
+
</li>
|
|
365
|
+
</ul>
|
|
366
|
+
</li>
|
|
367
|
+
<li><code>role</code>: string<ul>
|
|
368
|
+
<li>Aria attribute, default value is "list"</li>
|
|
369
|
+
</ul>
|
|
370
|
+
</li>
|
|
371
|
+
</ul>
|
|
372
|
+
<h2 id="properties">Properties</h2>
|
|
373
|
+
<ul>
|
|
374
|
+
<li><code>items</code>: array<ul>
|
|
375
|
+
<li>The data to be used by the list.</li>
|
|
376
|
+
</ul>
|
|
377
|
+
</li>
|
|
378
|
+
<li><code>itemGenerator</code>: ItemGenerator<ul>
|
|
379
|
+
<li>A function that creates a HTMLElement from an element of the <code>items</code> array to be rendered by the list.</li>
|
|
380
|
+
<li>If it is not set then the default implementation is used.</li>
|
|
381
|
+
</ul>
|
|
382
|
+
</li>
|
|
383
|
+
<li><code>selectedIndexes</code>: array<ul>
|
|
384
|
+
<li>The indexes of the currently selected items.</li>
|
|
385
|
+
</ul>
|
|
386
|
+
</li>
|
|
387
|
+
</ul>
|
|
388
|
+
<h2 id="css-custom-properties">CSS Custom Properties</h2>
|
|
389
|
+
<ul>
|
|
390
|
+
<li><code>--sd-list-base-background-color</code><ul>
|
|
391
|
+
<li>Defines the background color of the list</li>
|
|
392
|
+
<li>This is only present due to backward compatibility reasons, as it might be easier to change the background of an item with regular css rules</li>
|
|
393
|
+
</ul>
|
|
394
|
+
</li>
|
|
395
|
+
</ul>
|
|
396
|
+
<h2 id="custom-events">Custom Events</h2>
|
|
397
|
+
<ul>
|
|
398
|
+
<li><code>selection</code><ul>
|
|
399
|
+
<li>Dispatched when one of the items is selected/deselected</li>
|
|
400
|
+
<li>Contains the index of the item and a <code>selected</code> flag which is when false indicates that the item is deselected</li>
|
|
401
|
+
<li>The <code>hasModifier</code> property is true if mouse wheel or ctrl/meta key is down while selection. Note that the auto scroll feature is disabled while middle mouse click.</li>
|
|
402
|
+
</ul>
|
|
403
|
+
</li>
|
|
404
|
+
</ul>
|
|
405
|
+
<h2 id="public-methods">Public methods</h2>
|
|
406
|
+
<ul>
|
|
407
|
+
<li><code>getListItem</code><ul>
|
|
408
|
+
<li>Returns the DOM node that represents the item with the given index</li>
|
|
409
|
+
</ul>
|
|
410
|
+
</li>
|
|
411
|
+
<li><code>increaseWidthIfNeeded</code><ul>
|
|
412
|
+
<li>The width of the list is increased to an extent, that all texts in the list-items are visible without ellipsis.</li>
|
|
413
|
+
<li>If the list has already reached it's maximum width, then line clamp may be enabled on the items to wrap the content if possible.</li>
|
|
414
|
+
<li>Note that this functionality works only if <code>sd-list-items</code> are rendered in the list</li>
|
|
415
|
+
</ul>
|
|
416
|
+
</li>
|
|
417
|
+
</ul>
|
|
418
|
+
<h2 id="selection-state">Selection state</h2>
|
|
419
|
+
<p>The list marks the items with <code>selected</code> attribute in case if they are selected, but does not define any style for this state.
|
|
420
|
+
The items generated by the <code>itemGenerator</code> can use this attribute if custom logic is required.</p>
|
|
421
|
+
<h2 id="a11y">A11Y</h2>
|
|
422
|
+
<p>The default <em>role</em> is <code>listbox</code>, with the corresponding <code>option</code> role on the items, since most of the time this element is used with a selection state.
|
|
423
|
+
It ensures the items have an associated id which is used to update <code>aria-activedescendant</code>.
|
|
424
|
+
The selection is also marked with <code>aria-selected</code>.</p>
|
|
425
|
+
<p>Please note that the selection type <code>trigger-only</code> does not provide any accessibility event in case of a selection,
|
|
426
|
+
but it can be added externally for example with an <code>aria-live</code> area where the content can notify about the selection.
|
|
427
|
+
Although normally the page would change by such a selection, so it may not be necessary to do this notification.</p>
|
|
428
|
+
<h2 id="attributes-managed-on-items">Attributes managed on items</h2>
|
|
429
|
+
<p>In addition to above mentioned aria attributes, the items are marked with certain custom attributes:</p>
|
|
430
|
+
<ul>
|
|
431
|
+
<li><code>focused</code><ul>
|
|
432
|
+
<li>Set if the item is currently focused.</li>
|
|
433
|
+
</ul>
|
|
434
|
+
</li>
|
|
435
|
+
<li><code>selected</code><ul>
|
|
436
|
+
<li>Set if the item is selected.</li>
|
|
437
|
+
</ul>
|
|
438
|
+
</li>
|
|
439
|
+
</ul>
|
|
440
|
+
<h2 id="examples">Examples</h2>
|
|
441
|
+
`;document.querySelector("#markdown-container").innerHTML=Ha;Ua(Object.assign({"./examples/declarative-list-item/index.ts":Hs,"./examples/declarative-option/index.ts":Ks,"./examples/multi-select/index.ts":er,"./examples/single-select/index.ts":rr,"./examples/trigger-only/index.ts":dr}));export{Kt as L};
|
|
442
|
+
function __vite__mapDeps(indexes) {
|
|
443
|
+
if (!__vite__mapDeps.viteFileDeps) {
|
|
444
|
+
__vite__mapDeps.viteFileDeps = ["./multi-select.js","./sample-data.mjs","./single-select.js","./trigger-only.js"]
|
|
445
|
+
}
|
|
446
|
+
return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
|
|
447
|
+
}
|