@trebired/frontend 26.0.1 → 26.1.1
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/CHANGELOG.md +12 -0
- package/dist/layout/boot.d.ts.map +1 -1
- package/dist/layout/boot.js +4 -2
- package/dist/layout/boot.js.map +1 -1
- package/dist/layout/components/text-document.d.ts.map +1 -1
- package/dist/layout/components/text-document.js +1 -1
- package/dist/layout/components/text-document.js.map +1 -1
- package/dist/layout/header/tone.d.ts +2 -1
- package/dist/layout/header/tone.d.ts.map +1 -1
- package/dist/layout/header/tone.js +30 -5
- package/dist/layout/header/tone.js.map +1 -1
- package/dist/layout/styles/site-header.scss +4 -0
- package/dist/src/layout/boot.d.ts.map +1 -1
- package/dist/src/layout/boot.js +4 -2
- package/dist/src/layout/boot.js.map +1 -1
- package/dist/src/layout/components/text-document.d.ts.map +1 -1
- package/dist/src/layout/components/text-document.js +1 -1
- package/dist/src/layout/components/text-document.js.map +1 -1
- package/dist/src/layout/header/tone.d.ts +2 -1
- package/dist/src/layout/header/tone.d.ts.map +1 -1
- package/dist/src/layout/header/tone.js +30 -5
- package/dist/src/layout/header/tone.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 26.1.1
|
|
4
|
+
|
|
5
|
+
- The `prose` utility added in 26.1.0 is withdrawn. A paragraph of running text needs no class of its own: the document body already composes `column` and the `gap-*` utilities, and the reading measure belongs to whatever container the application lays its text out in. `TextDocumentBody` renders a plain `<p>`, so nothing in the package carries an application's typography any more.
|
|
6
|
+
|
|
7
|
+
- The two pre-paint header rules are guarded by `:not([data-tbf-light])` alone. The second guard said nothing: once the body script marks the header `data-tbf-dark`, the explicit dark rule paints exactly what the pre-paint rules would have.
|
|
8
|
+
|
|
9
|
+
## 26.1.0
|
|
10
|
+
|
|
11
|
+
- The header is right in the first painted frame, on every kind of load. Three answers now agree instead of two fighting: a page opened at the top takes the tone of its first band through one CSS rule, a page reopened where it was left takes the tone it had through a head boot script, and the body script measures the band actually under the bar and marks the header `data-tbf-dark` or `data-tbf-light`, at which point both earlier answers step aside. Verified from screencast frames with a cold cache and the processor at a sixth of its speed: a dark page at the top, a reload scrolled into a light band, a reload with a dark band under the bar, and a soft navigation, each one colour from the first frame.
|
|
12
|
+
|
|
13
|
+
- `prose` joins the text utilities: the measure and the line height a paragraph of running text needs, with `--tbf-prose-measure` and `--tbf-prose-line-height` behind them. `TextDocumentBody` renders its paragraphs with it, so an application stops carrying a class of its own for the same thing.
|
|
14
|
+
|
|
3
15
|
## 26.0.1
|
|
4
16
|
|
|
5
17
|
- The text document stylesheet ships again. It was written but never registered in the layout styles, so a document rendered with no spacing at all: headings sat on their paragraphs and chapters ran together.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../../../src/layout/boot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAE7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,KAAK,kBAAkB,GAAG,iBAAiB,GAAE;IAAE,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,kBAAkB,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC;CACvC,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAOF,iBAAS,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,mBAAmB,
|
|
1
|
+
{"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../../../src/layout/boot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAE7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,KAAK,kBAAkB,GAAG,iBAAiB,GAAE;IAAE,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,kBAAkB,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC;CACvC,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAOF,iBAAS,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,mBAAmB,CAc5E;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC"}
|
package/dist/layout/boot.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createLocaleBootScript } from "./../language/routing/boot.js";
|
|
2
2
|
import { createScrollStateBootScript } from "./scroll.js";
|
|
3
|
-
import { createSiteHeaderToneScript } from "./header/tone.js";
|
|
3
|
+
import { createSiteHeaderToneBootScript, createSiteHeaderToneScript } from "./header/tone.js";
|
|
4
4
|
function localeScript(locale) {
|
|
5
5
|
const { routing, ...boot } = locale;
|
|
6
6
|
return createLocaleBootScript(routing || {}, boot);
|
|
@@ -13,8 +13,10 @@ function frontendBoot(options = {}) {
|
|
|
13
13
|
}
|
|
14
14
|
if (options.locale)
|
|
15
15
|
bootScripts.push(localeScript(options.locale));
|
|
16
|
-
if (options.header !== false)
|
|
16
|
+
if (options.header !== false) {
|
|
17
|
+
bootScripts.push(createSiteHeaderToneBootScript());
|
|
17
18
|
bodyScripts.push(createSiteHeaderToneScript());
|
|
19
|
+
}
|
|
18
20
|
return { bodyScripts, bootScripts };
|
|
19
21
|
}
|
|
20
22
|
export { frontendBoot };
|
package/dist/layout/boot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boot.js","sourceRoot":"","sources":["../../../src/layout/boot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAGvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"boot.js","sourceRoot":"","sources":["../../../src/layout/boot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAGvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,EAAE,8BAA8B,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAe9F,SAAS,YAAY,CAAC,MAA0B;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IACpC,OAAO,sBAAsB,CAAC,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;AACrD,CAAC;AAED,SAAS,YAAY,CAAC,UAA+B,EAAE;IACrD,MAAM,WAAW,GAAa,EAAE,CAAC;IACjC,MAAM,WAAW,GAAa,EAAE,CAAC;IAEjC,IAAI,OAAO,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;QAC7B,WAAW,CAAC,IAAI,CAAC,2BAA2B,CAAC,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC;IACrG,CAAC;IACD,IAAI,OAAO,CAAC,MAAM;QAAE,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACnE,IAAI,OAAO,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;QAC7B,WAAW,CAAC,IAAI,CAAC,8BAA8B,EAAE,CAAC,CAAC;QACnD,WAAW,CAAC,IAAI,CAAC,0BAA0B,EAAE,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AACtC,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-document.d.ts","sourceRoot":"","sources":["../../../../src/layout/components/text-document.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAyC,MAAM,iCAAiC,CAAC;AAO3G,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;CACtD,CAAC;
|
|
1
|
+
{"version":3,"file":"text-document.d.ts","sourceRoot":"","sources":["../../../../src/layout/components/text-document.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAyC,MAAM,iCAAiC,CAAC;AAO3G,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;CACtD,CAAC;AAkFF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAgBrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -18,7 +18,7 @@ function partsOf(section) {
|
|
|
18
18
|
function paragraphsOf(body, render) {
|
|
19
19
|
return body.map((text, index) => (render
|
|
20
20
|
? render(text, index)
|
|
21
|
-
: _jsx("p", { children: _jsx(ProseText, { text: text }) }, index)));
|
|
21
|
+
: (_jsx("p", { children: _jsx(ProseText, { softRedirect: true, text: text }) }, index))));
|
|
22
22
|
}
|
|
23
23
|
function ProsePart({ part, render, standalone }) {
|
|
24
24
|
return (_jsxs("article", { className: classNames(frontendClassName("column"), frontendClassName("gap-sm")), children: [standalone ? null : _jsx("h3", { children: part.heading }), paragraphsOf(part.body, render)] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-document.js","sourceRoot":"","sources":["../../../../src/layout/components/text-document.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAUjD,MAAM,KAAK,GAAG,eAAe,CAAC;AAC9B,MAAM,4BAA4B,GAAG,CAAC,CAAC;AACvC,MAAM,SAAS,GAAG,6BAA6B,CAAC;AAEhD,SAAS,OAAO,CAAC,OAA4B;IAC3C,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM;QAAE,OAAO,OAAO,CAAC,KAAK,CAAC;IAChD,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5E,CAAC;AAED,SAAS,YAAY,CAAC,IAAc,EAAE,MAA0C;IAC9E,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM;QACpC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC;QACrB,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"text-document.js","sourceRoot":"","sources":["../../../../src/layout/components/text-document.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tone.d.ts","sourceRoot":"","sources":["../../../../src/layout/header/tone.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tone.d.ts","sourceRoot":"","sources":["../../../../src/layout/header/tone.ts"],"names":[],"mappings":"AAsDA,iBAAS,0BAA0B,IAAI,MAAM,CAS5C;AAED,iBAAS,8BAA8B,IAAI,MAAM,CAShD;AAED,OAAO,EAAE,8BAA8B,EAAE,0BAA0B,EAAE,CAAC"}
|
|
@@ -2,18 +2,23 @@ import { frontendDataAttr, frontendDataSelector, frontendEventName } from "../..
|
|
|
2
2
|
const HEADER_SELECTOR = frontendDataSelector("site-header");
|
|
3
3
|
const FOOTER_SELECTOR = frontendDataSelector("site-footer");
|
|
4
4
|
const DARK_ATTRIBUTE = frontendDataAttr("dark");
|
|
5
|
+
const LIGHT_ATTRIBUTE = frontendDataAttr("light");
|
|
6
|
+
const TONE_ATTRIBUTE = frontendDataAttr("header-tone");
|
|
5
7
|
const PAGE_CHANGE_EVENT = frontendEventName("page-change");
|
|
6
8
|
const BAND_SELECTOR = `main > *, ${FOOTER_SELECTOR}`;
|
|
9
|
+
const TONE_STORAGE_PREFIX = "tbf.header-tone:";
|
|
7
10
|
function toneMeasureSource() {
|
|
8
11
|
return [
|
|
9
|
-
`var H=${JSON.stringify(HEADER_SELECTOR)},D=${JSON.stringify(DARK_ATTRIBUTE)}
|
|
12
|
+
`var H=${JSON.stringify(HEADER_SELECTOR)},D=${JSON.stringify(DARK_ATTRIBUTE)};`,
|
|
13
|
+
`var L=${JSON.stringify(LIGHT_ATTRIBUTE)},B=${JSON.stringify(BAND_SELECTOR)};`,
|
|
10
14
|
"var u=function(){var h=document.querySelector(H);if(!h)return;",
|
|
11
15
|
"var r=h.getBoundingClientRect(),l=r.top+r.height/2,b=null,n=-Infinity,s=document.querySelectorAll(B);",
|
|
12
16
|
"for(var i=0;i<s.length;i++){var t=s[i].getBoundingClientRect().top;if(t>l||t<=n)continue;n=t;b=s[i]}",
|
|
13
|
-
"if(!b)return;if(b.hasAttribute(D))h.setAttribute(D,'');
|
|
17
|
+
"if(!b)return;if(b.hasAttribute(D)){h.setAttribute(D,'');h.removeAttribute(L)}",
|
|
18
|
+
"else{h.removeAttribute(D);h.setAttribute(L,'')}};",
|
|
14
19
|
];
|
|
15
20
|
}
|
|
16
|
-
function
|
|
21
|
+
function toneHoldSource() {
|
|
17
22
|
return [
|
|
18
23
|
"var e=document.createElement('style');",
|
|
19
24
|
`e.textContent=${JSON.stringify(`${HEADER_SELECTOR},${HEADER_SELECTOR} *{transition-duration:0s !important}`)};`,
|
|
@@ -32,14 +37,34 @@ function toneListenerSource() {
|
|
|
32
37
|
`document.addEventListener(${JSON.stringify(PAGE_CHANGE_EVENT)},function(){requestAnimationFrame(u)});`,
|
|
33
38
|
];
|
|
34
39
|
}
|
|
40
|
+
function toneStoreSource() {
|
|
41
|
+
return [
|
|
42
|
+
`var K=${JSON.stringify(TONE_STORAGE_PREFIX)}+location.pathname+location.search;`,
|
|
43
|
+
"addEventListener('pagehide',function(){try{",
|
|
44
|
+
`var h=document.querySelector(${JSON.stringify(HEADER_SELECTOR)});`,
|
|
45
|
+
`if(h)sessionStorage.setItem(K,h.hasAttribute(${JSON.stringify(DARK_ATTRIBUTE)})?'dark':'light');`,
|
|
46
|
+
"}catch(e){}});",
|
|
47
|
+
];
|
|
48
|
+
}
|
|
35
49
|
function createSiteHeaderToneScript() {
|
|
36
50
|
return [
|
|
37
51
|
"(function(){try{",
|
|
38
52
|
...toneMeasureSource(),
|
|
39
|
-
...
|
|
53
|
+
...toneHoldSource(),
|
|
40
54
|
...toneListenerSource(),
|
|
55
|
+
...toneStoreSource(),
|
|
56
|
+
"}catch(e){}})();",
|
|
57
|
+
].join("");
|
|
58
|
+
}
|
|
59
|
+
function createSiteHeaderToneBootScript() {
|
|
60
|
+
return [
|
|
61
|
+
"(function(){try{",
|
|
62
|
+
`var K=${JSON.stringify(TONE_STORAGE_PREFIX)}+location.pathname+location.search,N='',T='';`,
|
|
63
|
+
"try{N=(performance.getEntriesByType('navigation')[0]||{}).type||''}catch(e){}",
|
|
64
|
+
"if(N==='reload'||N==='back_forward'){try{T=sessionStorage.getItem(K)||''}catch(e){}}",
|
|
65
|
+
`if(T==='dark'||T==='light')document.documentElement.setAttribute(${JSON.stringify(TONE_ATTRIBUTE)},T);`,
|
|
41
66
|
"}catch(e){}})();",
|
|
42
67
|
].join("");
|
|
43
68
|
}
|
|
44
|
-
export { createSiteHeaderToneScript };
|
|
69
|
+
export { createSiteHeaderToneBootScript, createSiteHeaderToneScript };
|
|
45
70
|
//# sourceMappingURL=tone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tone.js","sourceRoot":"","sources":["../../../../src/layout/header/tone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE1F,MAAM,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAC5D,MAAM,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAC5D,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAChD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAC3D,MAAM,aAAa,GAAG,aAAa,eAAe,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"tone.js","sourceRoot":"","sources":["../../../../src/layout/header/tone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE1F,MAAM,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAC5D,MAAM,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAC5D,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAChD,MAAM,eAAe,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAClD,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AACvD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAC3D,MAAM,aAAa,GAAG,aAAa,eAAe,EAAE,CAAC;AACrD,MAAM,mBAAmB,GAAG,kBAAkB,CAAC;AAE/C,SAAS,iBAAiB;IACxB,OAAO;QACL,SAAS,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;QAC/E,SAAS,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG;QAC9E,gEAAgE;QAChE,uGAAuG;QACvG,sGAAsG;QACtG,+EAA+E;QAC/E,mDAAmD;KACpD,CAAC;AACJ,CAAC;AAED,SAAS,cAAc;IACrB,OAAO;QACL,wCAAwC;QACxC,iBAAiB,IAAI,CAAC,SAAS,CAAC,GAAG,eAAe,IAAI,eAAe,uCAAuC,CAAC,GAAG;QAChH,2DAA2D;QAC3D,MAAM;QACN,gEAAgE;QAChE,oHAAoH;KACrH,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB;IACzB,OAAO;QACL,8CAA8C;QAC9C,8CAA8C;QAC9C,iCAAiC;QACjC,6BAA6B;QAC7B,6BAA6B,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,yCAAyC;KACxG,CAAC;AACJ,CAAC;AAED,SAAS,eAAe;IACtB,OAAO;QACL,SAAS,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,qCAAqC;QACjF,6CAA6C;QAC7C,gCAAgC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI;QACnE,gDAAgD,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,oBAAoB;QAClG,gBAAgB;KACjB,CAAC;AACJ,CAAC;AAED,SAAS,0BAA0B;IACjC,OAAO;QACL,kBAAkB;QAClB,GAAG,iBAAiB,EAAE;QACtB,GAAG,cAAc,EAAE;QACnB,GAAG,kBAAkB,EAAE;QACvB,GAAG,eAAe,EAAE;QACpB,kBAAkB;KACnB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC;AAED,SAAS,8BAA8B;IACrC,OAAO;QACL,kBAAkB;QAClB,SAAS,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,+CAA+C;QAC3F,+EAA+E;QAC/E,sFAAsF;QACtF,oEAAoE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM;QACxG,kBAAkB;KACnB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC;AAED,OAAO,EAAE,8BAA8B,EAAE,0BAA0B,EAAE,CAAC"}
|
|
@@ -303,6 +303,10 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
|
|
|
303
303
|
outline-offset: 0.2rem;
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
+
html#{ns.data("header-tone", "dark")} #{ns.data("site-header")}:not(#{ns.data("light")}),
|
|
307
|
+
|
|
308
|
+
html:not(#{ns.data("header-tone")}) body:has(main > #{ns.data("dark")}:first-child) #{ns.data("site-header")}:not(#{ns.data("light")}),
|
|
309
|
+
|
|
306
310
|
#{ns.data("site-header")}#{ns.data("dark")} {
|
|
307
311
|
@include tone.on-dark;
|
|
308
312
|
#{ns.css-var("shell-header-surface")}: token("root-bg-dark", var(#{ns.css-var("ink")}, #000));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../../../src/layout/boot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAE7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,KAAK,kBAAkB,GAAG,iBAAiB,GAAE;IAAE,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,kBAAkB,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC;CACvC,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAOF,iBAAS,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,mBAAmB,
|
|
1
|
+
{"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../../../src/layout/boot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAE7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,KAAK,kBAAkB,GAAG,iBAAiB,GAAE;IAAE,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,kBAAkB,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC;CACvC,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAOF,iBAAS,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,mBAAmB,CAc5E;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC"}
|
package/dist/src/layout/boot.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createLocaleBootScript } from "./../language/routing/boot.js";
|
|
2
2
|
import { createScrollStateBootScript } from "./scroll.js";
|
|
3
|
-
import { createSiteHeaderToneScript } from "./header/tone.js";
|
|
3
|
+
import { createSiteHeaderToneBootScript, createSiteHeaderToneScript } from "./header/tone.js";
|
|
4
4
|
function localeScript(locale) {
|
|
5
5
|
const { routing, ...boot } = locale;
|
|
6
6
|
return createLocaleBootScript(routing || {}, boot);
|
|
@@ -13,8 +13,10 @@ function frontendBoot(options = {}) {
|
|
|
13
13
|
}
|
|
14
14
|
if (options.locale)
|
|
15
15
|
bootScripts.push(localeScript(options.locale));
|
|
16
|
-
if (options.header !== false)
|
|
16
|
+
if (options.header !== false) {
|
|
17
|
+
bootScripts.push(createSiteHeaderToneBootScript());
|
|
17
18
|
bodyScripts.push(createSiteHeaderToneScript());
|
|
19
|
+
}
|
|
18
20
|
return { bodyScripts, bootScripts };
|
|
19
21
|
}
|
|
20
22
|
export { frontendBoot };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boot.js","sourceRoot":"","sources":["../../../src/layout/boot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAGvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"boot.js","sourceRoot":"","sources":["../../../src/layout/boot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAGvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,EAAE,8BAA8B,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAe9F,SAAS,YAAY,CAAC,MAA0B;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IACpC,OAAO,sBAAsB,CAAC,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;AACrD,CAAC;AAED,SAAS,YAAY,CAAC,UAA+B,EAAE;IACrD,MAAM,WAAW,GAAa,EAAE,CAAC;IACjC,MAAM,WAAW,GAAa,EAAE,CAAC;IAEjC,IAAI,OAAO,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;QAC7B,WAAW,CAAC,IAAI,CAAC,2BAA2B,CAAC,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC;IACrG,CAAC;IACD,IAAI,OAAO,CAAC,MAAM;QAAE,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACnE,IAAI,OAAO,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;QAC7B,WAAW,CAAC,IAAI,CAAC,8BAA8B,EAAE,CAAC,CAAC;QACnD,WAAW,CAAC,IAAI,CAAC,0BAA0B,EAAE,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AACtC,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-document.d.ts","sourceRoot":"","sources":["../../../../src/layout/components/text-document.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAyC,MAAM,iCAAiC,CAAC;AAO3G,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;CACtD,CAAC;
|
|
1
|
+
{"version":3,"file":"text-document.d.ts","sourceRoot":"","sources":["../../../../src/layout/components/text-document.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAyC,MAAM,iCAAiC,CAAC;AAO3G,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;CACtD,CAAC;AAkFF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAgBrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -18,7 +18,7 @@ function partsOf(section) {
|
|
|
18
18
|
function paragraphsOf(body, render) {
|
|
19
19
|
return body.map((text, index) => (render
|
|
20
20
|
? render(text, index)
|
|
21
|
-
: _jsx("p", { children: _jsx(ProseText, { text: text }) }, index)));
|
|
21
|
+
: (_jsx("p", { children: _jsx(ProseText, { softRedirect: true, text: text }) }, index))));
|
|
22
22
|
}
|
|
23
23
|
function ProsePart({ part, render, standalone }) {
|
|
24
24
|
return (_jsxs("article", { className: classNames(frontendClassName("column"), frontendClassName("gap-sm")), children: [standalone ? null : _jsx("h3", { children: part.heading }), paragraphsOf(part.body, render)] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-document.js","sourceRoot":"","sources":["../../../../src/layout/components/text-document.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAUjD,MAAM,KAAK,GAAG,eAAe,CAAC;AAC9B,MAAM,4BAA4B,GAAG,CAAC,CAAC;AACvC,MAAM,SAAS,GAAG,6BAA6B,CAAC;AAEhD,SAAS,OAAO,CAAC,OAA4B;IAC3C,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM;QAAE,OAAO,OAAO,CAAC,KAAK,CAAC;IAChD,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5E,CAAC;AAED,SAAS,YAAY,CAAC,IAAc,EAAE,MAA0C;IAC9E,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM;QACpC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC;QACrB,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"text-document.js","sourceRoot":"","sources":["../../../../src/layout/components/text-document.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tone.d.ts","sourceRoot":"","sources":["../../../../src/layout/header/tone.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tone.d.ts","sourceRoot":"","sources":["../../../../src/layout/header/tone.ts"],"names":[],"mappings":"AAsDA,iBAAS,0BAA0B,IAAI,MAAM,CAS5C;AAED,iBAAS,8BAA8B,IAAI,MAAM,CAShD;AAED,OAAO,EAAE,8BAA8B,EAAE,0BAA0B,EAAE,CAAC"}
|
|
@@ -2,18 +2,23 @@ import { frontendDataAttr, frontendDataSelector, frontendEventName } from "../..
|
|
|
2
2
|
const HEADER_SELECTOR = frontendDataSelector("site-header");
|
|
3
3
|
const FOOTER_SELECTOR = frontendDataSelector("site-footer");
|
|
4
4
|
const DARK_ATTRIBUTE = frontendDataAttr("dark");
|
|
5
|
+
const LIGHT_ATTRIBUTE = frontendDataAttr("light");
|
|
6
|
+
const TONE_ATTRIBUTE = frontendDataAttr("header-tone");
|
|
5
7
|
const PAGE_CHANGE_EVENT = frontendEventName("page-change");
|
|
6
8
|
const BAND_SELECTOR = `main > *, ${FOOTER_SELECTOR}`;
|
|
9
|
+
const TONE_STORAGE_PREFIX = "tbf.header-tone:";
|
|
7
10
|
function toneMeasureSource() {
|
|
8
11
|
return [
|
|
9
|
-
`var H=${JSON.stringify(HEADER_SELECTOR)},D=${JSON.stringify(DARK_ATTRIBUTE)}
|
|
12
|
+
`var H=${JSON.stringify(HEADER_SELECTOR)},D=${JSON.stringify(DARK_ATTRIBUTE)};`,
|
|
13
|
+
`var L=${JSON.stringify(LIGHT_ATTRIBUTE)},B=${JSON.stringify(BAND_SELECTOR)};`,
|
|
10
14
|
"var u=function(){var h=document.querySelector(H);if(!h)return;",
|
|
11
15
|
"var r=h.getBoundingClientRect(),l=r.top+r.height/2,b=null,n=-Infinity,s=document.querySelectorAll(B);",
|
|
12
16
|
"for(var i=0;i<s.length;i++){var t=s[i].getBoundingClientRect().top;if(t>l||t<=n)continue;n=t;b=s[i]}",
|
|
13
|
-
"if(!b)return;if(b.hasAttribute(D))h.setAttribute(D,'');
|
|
17
|
+
"if(!b)return;if(b.hasAttribute(D)){h.setAttribute(D,'');h.removeAttribute(L)}",
|
|
18
|
+
"else{h.removeAttribute(D);h.setAttribute(L,'')}};",
|
|
14
19
|
];
|
|
15
20
|
}
|
|
16
|
-
function
|
|
21
|
+
function toneHoldSource() {
|
|
17
22
|
return [
|
|
18
23
|
"var e=document.createElement('style');",
|
|
19
24
|
`e.textContent=${JSON.stringify(`${HEADER_SELECTOR},${HEADER_SELECTOR} *{transition-duration:0s !important}`)};`,
|
|
@@ -32,14 +37,34 @@ function toneListenerSource() {
|
|
|
32
37
|
`document.addEventListener(${JSON.stringify(PAGE_CHANGE_EVENT)},function(){requestAnimationFrame(u)});`,
|
|
33
38
|
];
|
|
34
39
|
}
|
|
40
|
+
function toneStoreSource() {
|
|
41
|
+
return [
|
|
42
|
+
`var K=${JSON.stringify(TONE_STORAGE_PREFIX)}+location.pathname+location.search;`,
|
|
43
|
+
"addEventListener('pagehide',function(){try{",
|
|
44
|
+
`var h=document.querySelector(${JSON.stringify(HEADER_SELECTOR)});`,
|
|
45
|
+
`if(h)sessionStorage.setItem(K,h.hasAttribute(${JSON.stringify(DARK_ATTRIBUTE)})?'dark':'light');`,
|
|
46
|
+
"}catch(e){}});",
|
|
47
|
+
];
|
|
48
|
+
}
|
|
35
49
|
function createSiteHeaderToneScript() {
|
|
36
50
|
return [
|
|
37
51
|
"(function(){try{",
|
|
38
52
|
...toneMeasureSource(),
|
|
39
|
-
...
|
|
53
|
+
...toneHoldSource(),
|
|
40
54
|
...toneListenerSource(),
|
|
55
|
+
...toneStoreSource(),
|
|
56
|
+
"}catch(e){}})();",
|
|
57
|
+
].join("");
|
|
58
|
+
}
|
|
59
|
+
function createSiteHeaderToneBootScript() {
|
|
60
|
+
return [
|
|
61
|
+
"(function(){try{",
|
|
62
|
+
`var K=${JSON.stringify(TONE_STORAGE_PREFIX)}+location.pathname+location.search,N='',T='';`,
|
|
63
|
+
"try{N=(performance.getEntriesByType('navigation')[0]||{}).type||''}catch(e){}",
|
|
64
|
+
"if(N==='reload'||N==='back_forward'){try{T=sessionStorage.getItem(K)||''}catch(e){}}",
|
|
65
|
+
`if(T==='dark'||T==='light')document.documentElement.setAttribute(${JSON.stringify(TONE_ATTRIBUTE)},T);`,
|
|
41
66
|
"}catch(e){}})();",
|
|
42
67
|
].join("");
|
|
43
68
|
}
|
|
44
|
-
export { createSiteHeaderToneScript };
|
|
69
|
+
export { createSiteHeaderToneBootScript, createSiteHeaderToneScript };
|
|
45
70
|
//# sourceMappingURL=tone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tone.js","sourceRoot":"","sources":["../../../../src/layout/header/tone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE1F,MAAM,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAC5D,MAAM,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAC5D,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAChD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAC3D,MAAM,aAAa,GAAG,aAAa,eAAe,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"tone.js","sourceRoot":"","sources":["../../../../src/layout/header/tone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE1F,MAAM,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAC5D,MAAM,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAC5D,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAChD,MAAM,eAAe,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAClD,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AACvD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAC3D,MAAM,aAAa,GAAG,aAAa,eAAe,EAAE,CAAC;AACrD,MAAM,mBAAmB,GAAG,kBAAkB,CAAC;AAE/C,SAAS,iBAAiB;IACxB,OAAO;QACL,SAAS,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;QAC/E,SAAS,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG;QAC9E,gEAAgE;QAChE,uGAAuG;QACvG,sGAAsG;QACtG,+EAA+E;QAC/E,mDAAmD;KACpD,CAAC;AACJ,CAAC;AAED,SAAS,cAAc;IACrB,OAAO;QACL,wCAAwC;QACxC,iBAAiB,IAAI,CAAC,SAAS,CAAC,GAAG,eAAe,IAAI,eAAe,uCAAuC,CAAC,GAAG;QAChH,2DAA2D;QAC3D,MAAM;QACN,gEAAgE;QAChE,oHAAoH;KACrH,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB;IACzB,OAAO;QACL,8CAA8C;QAC9C,8CAA8C;QAC9C,iCAAiC;QACjC,6BAA6B;QAC7B,6BAA6B,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,yCAAyC;KACxG,CAAC;AACJ,CAAC;AAED,SAAS,eAAe;IACtB,OAAO;QACL,SAAS,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,qCAAqC;QACjF,6CAA6C;QAC7C,gCAAgC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI;QACnE,gDAAgD,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,oBAAoB;QAClG,gBAAgB;KACjB,CAAC;AACJ,CAAC;AAED,SAAS,0BAA0B;IACjC,OAAO;QACL,kBAAkB;QAClB,GAAG,iBAAiB,EAAE;QACtB,GAAG,cAAc,EAAE;QACnB,GAAG,kBAAkB,EAAE;QACvB,GAAG,eAAe,EAAE;QACpB,kBAAkB;KACnB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC;AAED,SAAS,8BAA8B;IACrC,OAAO;QACL,kBAAkB;QAClB,SAAS,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,+CAA+C;QAC3F,+EAA+E;QAC/E,sFAAsF;QACtF,oEAAoE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM;QACxG,kBAAkB;KACnB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC;AAED,OAAO,EAAE,8BAA8B,EAAE,0BAA0B,EAAE,CAAC"}
|