@xiee/utils 1.14.18 → 1.14.20
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/css/article.css +2 -1
- package/css/article.min.css +1 -1
- package/css/article.min.css.map +1 -1
- package/js/appendix.js +8 -3
- package/js/appendix.min.js +1 -1
- package/js/appendix.min.js.map +1 -1
- package/package.json +1 -1
package/css/article.css
CHANGED
|
@@ -20,7 +20,7 @@ body, blockquote, .side { background: #fafafa; }
|
|
|
20
20
|
background: lightslategray;
|
|
21
21
|
color: #fff;
|
|
22
22
|
}
|
|
23
|
-
div:has(> table) { overflow-x: auto; }
|
|
23
|
+
div:not(.body):has(> table) { overflow-x: auto; }
|
|
24
24
|
|
|
25
25
|
/* left/right elements*/
|
|
26
26
|
.side {
|
|
@@ -148,6 +148,7 @@ div:has(> table) { overflow-x: auto; }
|
|
|
148
148
|
padding: initial;
|
|
149
149
|
main, .body { padding: 0 .5em 0; }
|
|
150
150
|
#TOC { columns: 1; }
|
|
151
|
+
:not(pre) > code { word-break: break-word; }
|
|
151
152
|
.quote-left, .quote-right {
|
|
152
153
|
width: inherit;
|
|
153
154
|
float: inherit;
|
package/css/article.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--side-width:200px;--side-gap:2em;--side-margin:calc(0px - var(--side-width) - var(--side-gap))}body,blockquote,.side{background:#fafafa}.body,.body~.appendix,.frontmatter,.fullwidth,.embed-left,.embed-right{background:#fff;margin-top:2em;padding:1em;box-shadow:0 0 8px #ccc}.appendix,.footnotes,.body .side{font-size:.9em}.body~.appendix,.frontmatter{background:0 0}.appendix h2{border-bottom:1px dashed #666}#TOC{top:0}.bg-number{color:#fff;background:#789;border-radius:5px;padding:1px 5px}div:has(>table){overflow-x:auto}.side{width:var(--side-width);max-height:100vh;margin:0 auto;overflow:auto}.side-left{float:left;clear:left;margin-left:var(--side-margin);&:not(.body>*){margin-left:calc(var(--side-margin) + 1em)}position:sticky}.side-right{float:right;clear:right;margin-right:var(--side-margin)}.quote-left,.quote-right{width:45%}.embed-left,.embed-right{margin-top:auto;padding:0}.quote-left,.embed-left{float:left;margin-right:1em}.quote-right,.embed-right{float:right;margin-left:1em}.embed-left{margin-left:var(--side-margin)}.embed-right{margin-right:var(--side-margin)}:is(.side,.embed-left,.embed-right)>:first-child{margin-top:0}:is(.embed-left,.embed-right)>:last-child{margin-bottom:0}:is(.quote-left,.quote-right){&>:first-child{padding-top:.1px}&>:last-child{padding-bottom:.1px}}.fullwidth{float:left;background:#fff;min-width:100%;max-width:calc(100vw - 2em);margin:1em 0 1em 50%;transform:translate(-50%);& *{max-width:calc(100vw - 4em);margin:auto 0}& :is(figcaption,.caption){width:800px;margin-left:calc(50% - 400px);padding:1em 1em 0}}.fullscroll{& *{max-width:initial}&,& figure,& .figure{overflow-x:auto}}@media (width>=1264.02px){#TOC.side{& .active{color:#32cd32}& li li .active{border-left:3px solid;margin-left:calc(-1em - 3px);padding-left:1em}&:has(.active) li:not(:has(.active)) ul{display:none}}.note-ref{cursor:pointer}.note-ref:hover+.side{z-index:1;box-sizing:content-box;background:#f8f8f8;margin-left:1em;padding:.5em;display:inline-block;position:absolute}}@media (width<=1264px){body:not(.pagesjs){& #TOC{position:initial;float:none;columns:2;border:1px solid #eee;border-radius:5px;padding:1em}& .side{width:100%}& :is(main,.body) .side{color:#2f4f4f;padding:0 2em}& .side-left,& .side-right{clear:both;background:0 0;margin:1em auto}& :not(.note-ref)+.side{float:none}& .footnote-ref+.footnotes{float:left}& .side>:last-child{margin-bottom:0}& .embed-left,& .embed-right{float:inherit;margin:auto;padding:1em}}}@media (width<=800px){body:not(.pagesjs){padding:initial;& main,& .body{padding:0 .5em}& #TOC{columns:1}& .quote-left,& .quote-right{width:inherit;float:inherit;margin:auto}& .fullwidth{margin:initial;transform:initial;float:none;min-width:initial;background:0 0;border:none;& :is(figcaption,.caption){margin:initial;padding:initial}&:not(.fullscroll) *{max-width:100%}}}}@media print{body{background:0 0}}
|
|
1
|
+
:root{--side-width:200px;--side-gap:2em;--side-margin:calc(0px - var(--side-width) - var(--side-gap))}body,blockquote,.side{background:#fafafa}.body,.body~.appendix,.frontmatter,.fullwidth,.embed-left,.embed-right{background:#fff;margin-top:2em;padding:1em;box-shadow:0 0 8px #ccc}.appendix,.footnotes,.body .side{font-size:.9em}.body~.appendix,.frontmatter{background:0 0}.appendix h2{border-bottom:1px dashed #666}#TOC{top:0}.bg-number{color:#fff;background:#789;border-radius:5px;padding:1px 5px}div:not(.body):has(>table){overflow-x:auto}.side{width:var(--side-width);max-height:100vh;margin:0 auto;overflow:auto}.side-left{float:left;clear:left;margin-left:var(--side-margin);&:not(.body>*){margin-left:calc(var(--side-margin) + 1em)}position:sticky}.side-right{float:right;clear:right;margin-right:var(--side-margin)}.quote-left,.quote-right{width:45%}.embed-left,.embed-right{margin-top:auto;padding:0}.quote-left,.embed-left{float:left;margin-right:1em}.quote-right,.embed-right{float:right;margin-left:1em}.embed-left{margin-left:var(--side-margin)}.embed-right{margin-right:var(--side-margin)}:is(.side,.embed-left,.embed-right)>:first-child{margin-top:0}:is(.embed-left,.embed-right)>:last-child{margin-bottom:0}:is(.quote-left,.quote-right){&>:first-child{padding-top:.1px}&>:last-child{padding-bottom:.1px}}.fullwidth{float:left;background:#fff;min-width:100%;max-width:calc(100vw - 2em);margin:1em 0 1em 50%;transform:translate(-50%);& *{max-width:calc(100vw - 4em);margin:auto 0}& :is(figcaption,.caption){width:800px;margin-left:calc(50% - 400px);padding:1em 1em 0}}.fullscroll{& *{max-width:initial}&,& figure,& .figure{overflow-x:auto}}@media (width>=1264.02px){#TOC.side{& .active{color:#32cd32}& li li .active{border-left:3px solid;margin-left:calc(-1em - 3px);padding-left:1em}&:has(.active) li:not(:has(.active)) ul{display:none}}.note-ref{cursor:pointer}.note-ref:hover+.side{z-index:1;box-sizing:content-box;background:#f8f8f8;margin-left:1em;padding:.5em;display:inline-block;position:absolute}}@media (width<=1264px){body:not(.pagesjs){& #TOC{position:initial;float:none;columns:2;border:1px solid #eee;border-radius:5px;padding:1em}& .side{width:100%}& :is(main,.body) .side{color:#2f4f4f;padding:0 2em}& .side-left,& .side-right{clear:both;background:0 0;margin:1em auto}& :not(.note-ref)+.side{float:none}& .footnote-ref+.footnotes{float:left}& .side>:last-child{margin-bottom:0}& .embed-left,& .embed-right{float:inherit;margin:auto;padding:1em}}}@media (width<=800px){body:not(.pagesjs){padding:initial;& main,& .body{padding:0 .5em}& #TOC{columns:1}& :not(pre)>code{word-break:break-word}& .quote-left,& .quote-right{width:inherit;float:inherit;margin:auto}& .fullwidth{margin:initial;transform:initial;float:none;min-width:initial;background:0 0;border:none;& :is(figcaption,.caption){margin:initial;padding:initial}&:not(.fullscroll) *{max-width:100%}}}}@media print{body{background:0 0}}
|
|
2
2
|
/*# sourceMappingURL=article.min.css.map */
|
package/css/article.min.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,sGAKA,yCACA,0IAMA,gDACA,4CACA,2CACA,WACA,wEAMA,
|
|
1
|
+
{"version":3,"mappings":"AAAA,sGAKA,yCACA,0IAMA,gDACA,4CACA,2CACA,WACA,wEAMA,2CAGA,2EAMA,gEAIE,0DAGS,gBAEX,oEAKA,mCACA,mDAIA,oDAIA,sDAIA,2CACA,6CACA,8DACA,0DACA,8BACE,gCACA,mCAIF,gIAOE,8CAIA,wFAMF,YACE,sBACA,sCAGF,0BACE,UACE,wBAGA,oFAKA,sDAIF,yBACA,+IAUF,uBACE,mBACE,iGAQA,mBACA,oDAIA,qEAKA,mCACA,sCACA,oCACA,qEAOJ,sBACE,mCAEE,8BACA,iBACA,uCACA,qEAKA,sGAOE,0DAIA,uCAKN,aACE","sources":["article.css"],"sourcesContent":[":root {\n --side-width: 200px;\n --side-gap: 2em;\n --side-margin: calc(0px - var(--side-width) - var(--side-gap));\n}\nbody, blockquote, .side { background: #fafafa; }\n.body, .body ~ .appendix, .frontmatter, .fullwidth, .embed-left, .embed-right {\n margin-top: 2em;\n padding: 1em;\n box-shadow: 0 0 8px #ccc;\n background: #fff;\n}\n.appendix, .footnotes, .body .side { font-size: .9em; }\n.body ~ .appendix, .frontmatter { background: none; }\n.appendix h2 { border-bottom: 1px dashed #666; }\n#TOC { top: 0; }\n.bg-number {\n padding: 1px 5px;\n border-radius: 5px;\n background: lightslategray;\n color: #fff;\n}\ndiv:not(.body):has(> table) { overflow-x: auto; }\n\n/* left/right elements*/\n.side {\n width: var(--side-width);\n margin: 0 auto;\n max-height: 100vh;\n overflow: auto;\n}\n.side-left {\n float: left;\n clear: left;\n margin-left: var(--side-margin);\n &:not(.body > *) {\n margin-left: calc(var(--side-margin) + 1em);\n }\n position: sticky;\n}\n.side-right {\n float: right;\n clear: right;\n margin-right: var(--side-margin);\n}\n.quote-left, .quote-right { width: 45%; }\n.embed-left, .embed-right {\n margin-top: auto;\n padding: 0;\n}\n.quote-left, .embed-left {\n float: left;\n margin-right: 1em;\n}\n.quote-right, .embed-right {\n float: right;\n margin-left: 1em;\n}\n.embed-left { margin-left: var(--side-margin); }\n.embed-right { margin-right: var(--side-margin); }\n:is(.side, .embed-left, .embed-right) > :first-child { margin-top: 0; }\n:is(.embed-left, .embed-right) > :last-child { margin-bottom: 0; }\n:is(.quote-left, .quote-right) {\n & > :first-child { padding-top: .1px; }\n & > :last-child { padding-bottom: .1px; }\n}\n\n/* wide elements */\n.fullwidth {\n max-width: calc(100vw - 2em);\n margin: 1em 0 1em 50%;\n transform: translateX(-50%);\n float: left;\n min-width: 100%;\n background: #fff;\n & * {\n max-width: calc(100vw - 4em);\n margin: auto 0;\n }\n & :is(figcaption, .caption) {\n margin-left: calc(50% - 400px);\n width: 800px;\n padding: 1em 1em 0;\n }\n}\n.fullscroll {\n & * { max-width: initial; }\n &, & figure, & .figure { overflow-x: auto; }\n}\n\n@media (min-width: 1264.02px) {\n #TOC.side {\n .active {\n color: limegreen;\n }\n li li .active {\n border-left: 3px solid;\n margin-left: calc(-1em - 3px);\n padding-left: 1em;\n }\n &:has(.active) li:not(:has(.active)) ul {\n display: none;\n }\n }\n .note-ref { cursor: pointer; }\n .note-ref:hover + .side {\n display: inline-block;\n background: #f8f8f8;\n position: absolute;\n z-index: 1;\n margin-left: 1em;\n padding: .5em;\n box-sizing: content-box;\n }\n}\n@media (max-width: 1264px) {\n body:not(.pagesjs) {\n #TOC {\n border: 1px solid #eee;\n border-radius: 5px;\n padding: 1em;\n position: initial;\n float: none;\n columns: 2;\n }\n .side { width: 100%; }\n :is(main, .body) .side {\n padding: 0 2em;\n color: darkslategray;\n }\n .side-left, .side-right {\n clear: both;\n margin: 1em auto;\n background: none;\n }\n :not(.note-ref) + .side { float: none; }\n .footnote-ref + .footnotes { float: left; }\n .side > :last-child { margin-bottom: 0; }\n .embed-left, .embed-right {\n float: inherit;\n margin: auto;\n padding: 1em;\n }\n }\n}\n@media (max-width: 800px) {\n body:not(.pagesjs) {\n padding: initial;\n main, .body { padding: 0 .5em 0; }\n #TOC { columns: 1; }\n :not(pre) > code { word-break: break-word; }\n .quote-left, .quote-right {\n width: inherit;\n float: inherit;\n margin: auto;\n }\n .fullwidth {\n margin: initial;\n transform: initial;\n float: none;\n min-width: initial;\n background: none;\n border: none;\n & :is(figcaption, .caption) {\n margin: initial;\n padding: initial;\n }\n &:not(.fullscroll) * { max-width: 100%; }\n }\n }\n}\n\n@media print {\n body {\n background: none;\n }\n}\n"],"names":[]}
|
package/js/appendix.js
CHANGED
|
@@ -5,11 +5,16 @@
|
|
|
5
5
|
const h = d.querySelector([1, 2, 3, 4, 5, 6].map(i => `h${i}.appendix`).join(','));
|
|
6
6
|
if (!h) return;
|
|
7
7
|
h.classList.remove('appendix');
|
|
8
|
-
// if
|
|
9
|
-
|
|
8
|
+
// test if two elements have same tag and class
|
|
9
|
+
function sameClass(e1, e2) {
|
|
10
|
+
return e1 && e2 && e1.tagName === e2.tagName && e1.className === e2.className;
|
|
11
|
+
}
|
|
12
|
+
// if h is in a wrapper whose prev/next sibling has the same class, simply add class to wrappers
|
|
13
|
+
const p1 = h.parentNode, p0 = p1.previousElementSibling;
|
|
14
|
+
let wrapper = sameClass(p1, p0), p2 = p1;
|
|
10
15
|
while (p1) {
|
|
11
16
|
p2 = p2.nextElementSibling;
|
|
12
|
-
if (!
|
|
17
|
+
if (!sameClass(p1, p2)) break;
|
|
13
18
|
p2.classList.add('appendix');
|
|
14
19
|
wrapper = true;
|
|
15
20
|
}
|
package/js/appendix.min.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(e=>{const
|
|
1
|
+
(e=>{const n=e.querySelector([1,2,3,4,5,6].map(e=>`h${e}.appendix`).join(","));if(!n)return;function a(e,n){return e&&n&&e.tagName===n.tagName&&e.className===n.className}n.classList.remove("appendix");const t=n.parentNode;let i=a(t,t.previousElementSibling),p=t;for(;t&&(p=p.nextElementSibling,a(t,p));)p.classList.add("appendix"),i=!0;if(i)return void t.classList.add("appendix");const d=e.createElement("div");for(d.className="appendix",d.append(n.cloneNode(!0));n.nextSibling;)d.append(n.nextSibling);"BODY"===n.parentNode.tagName?e.body.append(d):n.parentNode.after(d),n.remove()})(document);
|
|
2
2
|
//# sourceMappingURL=appendix.min.js.map
|
package/js/appendix.min.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["d","h","querySelector","map","i","join","classList","remove","p1","parentNode","
|
|
1
|
+
{"version":3,"names":["d","h","querySelector","map","i","join","sameClass","e1","e2","tagName","className","classList","remove","p1","parentNode","wrapper","previousElementSibling","p2","nextElementSibling","add","a","createElement","append","cloneNode","nextSibling","body","after","document"],"sources":["appendix.js"],"mappings":"AAGA,CAACA,IACC,MAAMC,EAAID,EAAEE,cAAc,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,GAAGC,IAAIC,GAAK,IAAIA,cAAcC,KAAK,MAC7E,IAAKJ,EAAG,OAGR,SAASK,EAAUC,EAAIC,GACrB,OAAOD,GAAMC,GAAMD,EAAGE,UAAYD,EAAGC,SAAWF,EAAGG,YAAcF,EAAGE,SACtE,CAJAT,EAAEU,UAAUC,OAAO,YAMnB,MAAMC,EAAKZ,EAAEa,WACb,IAAIC,EAAUT,EAAUO,EADMA,EAAGG,wBACAC,EAAKJ,EACtC,KAAOA,IACLI,EAAKA,EAAGC,mBACHZ,EAAUO,EAAII,KACnBA,EAAGN,UAAUQ,IAAI,YACjBJ,GAAU,EAEZ,GAAIA,EAEF,YADAF,EAAGF,UAAUQ,IAAI,YAInB,MAAMC,EAAIpB,EAAEqB,cAAc,OAG1B,IAFAD,EAAEV,UAAY,WACdU,EAAEE,OAAOrB,EAAEsB,WAAU,IACftB,EAAEuB,aACNJ,EAAEE,OAAOrB,EAAEuB,aAEY,SAAzBvB,EAAEa,WAAWL,QAAqBT,EAAEyB,KAAKH,OAAOF,GAAKnB,EAAEa,WAAWY,MAAMN,GACxEnB,EAAEW,QACH,EA9BD,CA8BGe","ignoreList":[]}
|