@wulechuan/css-stylus-markdown-themes 7.7.0 → 7.8.2

package/ReadMe.md

@@ -38,7 +38,7 @@
 | <span style="display:inline-block;width:180px;">提供仓库服务之组织</span> | <span style="display:inline-block;width:150px;">仓库组织之国别</span> | 仓库地址 |
 | ------------- | :----------: | ------- |
 | 码云           | 中华人民共和国 | [https://gitee.com/nanchang-wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns](https://gitee.com/nanchang-wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns) |
-| 阿里云之代码仓库 | 中华人民共和国 | [https://code.aliyun.com/wulechuan/wulechuan-themes-for-htmls-via-markdowns](https://code.aliyun.com/wulechuan/wulechuan-themes-for-htmls-via-markdowns) |
+| 阿里云之代码仓库 | 中华人民共和国 | [https://code.aliyun.com/wulechuan/wulechuan-themes-for-htmls-via-markdowns.git](https://code.aliyun.com/wulechuan/wulechuan-themes-for-htmls-via-markdowns.git) |
 | GitHub         | 美           | [https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns](https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns) |
 
 
@@ -353,7 +353,7 @@ declare type 范_吴乐川用于美化文章的层叠样式表集_拾取默认Ja
 ```
 
 
-#### 重大变更记录
+## 重大变更记录
 
 - 2022 年 4 月 27 日，本工具之版本从 `v7.4.2` 升迁至 `v7.5.0` 时， JavaScript 代码没有任何变动。**但针对 TypeScript 的类型定义全部更名。** 由原来的以“`类型定义之`”开头，统一变更为以“`范_`”开头。故而有此版本变动。
 
@@ -387,7 +387,7 @@ declare type 范_吴乐川用于美化文章的层叠样式表集_拾取默认Ja
 1.  旧版代码不复存在。
 2.  当前的范文截图常常与代码所能产出之真正面貌有所差异，因为范文更新进度多半时候落后于代码，也落后于 NPM 版本发布。
 
-    > 最末发布的截图系针对本工具之 `v7.6.0` 版，各图均制作于 2022 年 5 月 1 日。
+    > 最末发布的截图系针对本工具之 `v7.8.0` 版，各图均制作于 2022 年 5 月 8 日。
     >
     > 但若再有新图发布替换旧图，亦可因为本人遗漏对此文之修订而令上述版本、发布日期均不实。
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wulechuan/css-stylus-markdown-themes",
-  "version": "7.7.0",
+  "version": "7.8.2",
   "author": "吴乐川 <wulechuan@live.com>",
   "license": "WTFPL",
   "description": "此为吴乐川的《HTML 文章排版与配色之方案集与相关制作工具》。本工具可用于构建一组层叠样式表（即 CSS ）文件。本工具亦提供了一组现成的层叠样式表文件。凡这些样式表，均可用于美化超文本标记语言（即 HTML）格式的文章。于单一文章，不必同时取用多个样式表文件，仅取其一足矣。",
@@ -26,7 +26,7 @@
     "start-2": "gulp                 --silent  devSingleThemeOnce    &&    npm  run  open-dev-htmls    &&    gulp  --silent  devSingleTheme",
     "start": "gulp                             devSingleThemeOnce    &&    npm  run  open-dev-htmls    &&    gulp            devSingleTheme",
     "_test-package-interfaces": "node  ./测试集/用于测试本项目之-javascript-接口的测试代码集.js",
-    "_test-all-without-linting-without-browser": "npm  run  _test-package-interfaces                     &&    npm  run  _build-2    &&    npm  run  _update-example-htmls-2    &&    gulp  devSingleThemeOnce",
+    "_test-all-without-linting-without-browser": "npm  run  _build-2                                     &&    npm  run  _test-package-interfaces    &&    npm  run  _update-example-htmls-2    &&    gulp  devSingleThemeOnce",
     "update-example-htmls": "npm                       run  _update-example-htmls                        &&    npm  run  open-firefox-for-snapshots",
     "update-example-htmls-2": "npm                     run  _update-example-htmls-2                      &&    npm  run  open-firefox-for-snapshots",
     "test": "npm     run  eslint        &&        npm  run  _test-all-without-linting-without-browser    &&    npm  run  open-firefox-for-snapshots    &&    npm  run  open-dev-htmls",
@@ -40,13 +40,13 @@
     "globby": "^11.1.0"
   },
   "devDependencies": {
-    "@wulechuan/cli-scripts--git-push": "^2.0.3",
-    "@wulechuan/generate-html-via-markdown": "^3.2.3",
+    "@wulechuan/cli-scripts--git-push": "^3.0.4",
+    "@wulechuan/generate-html-via-markdown": "^3.2.5",
     "@wulechuan/gulp-classical-task-cycle": "^0.3.0",
     "chalk": "^4.1.2",
     "cssnano": "^5.1.7",
     "del": "^6.0.0",
-    "eslint": "^8.14.0",
+    "eslint": "^8.15.0",
     "esm": "^3.2.25",
     "fs-extra": "^10.1.0",
     "gulp": "^4.0.2",
@@ -56,7 +56,8 @@
     "gulp-rename": "^2.0.0",
     "gulp-stylus": "^2.7.1",
     "gulp-terser": "^2.1.0",
-    "postcss": "^8.4.13"
+    "postcss": "^8.4.13",
+    "stylus": "^0.57.0"
   },
   "homepage": "https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns#readme",
   "repository": {

package//346/226/207/346/241/243/351/233/206//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/225/210/346/236/234/347/244/272/344/276/213/351/233/206//345/216/237/345/247/213/347/232/204-markdown-/346/240/274/345/274/217/347/232/204/346/226/207/347/253/240/theming-example-article.en-US.md

@@ -16,14 +16,14 @@ A link to a section of the page itselfs should look a bit different from a link
 
 See some lists below:
 
-- Reprehenderit aute ea pariatur tempor labore. Ullamco do incididunt sint velit duis ipsum irure amet voluptate. Cupidatat et do occaecat `nulla`. Nulla voluptate enim aute `magna do` non nisi qui qui et et irure. Dolore mollit dolore adipisicing consectetur sit. Aliquip fugiat Lorem in sunt Lorem aliqua ex in sunt.
+- Reprehenderit aute ea pariatur tempor labore. Ullamco do incididunt sint velit duis ipsum irure amet voluptate. Cupidatat et do occaecat `nulla`. Nulla voluptate enim aute **emphasized texts _italic phrase_ nisi qui qui et et irure. Dolore mollit dolore adipisicing consectetur sit.** Aliquip fugiat Lorem in sunt Lorem aliqua ex in sunt.
 
-    Nisi minim nulla elit non ut labore **aliquip et deserunt** culpa. Sint amet est laborum eu irure voluptate. In id et proident nulla pariatur ex cupidatat labore aliqua.
+    Nisi minim nulla elit non ut labore **aliquip et deserunt** culpa. Sint amet est laborum eu irure voluptate. In id et proident nulla pariatur ex cupi-datat labore aliqua.
 
-- Non adipisicing consectetur laborum quis anim ea consequat.
+- Non adipisicing consectetur [`SOFTIMAGE.com`](https://www.softimage.com/) quis anim ea consequat.
 
     - Aliqua excepteur nostrud ad `ullamco` minim commodo esse
-    - elit elit ea nulla.
+    - elit ~~[a linkage that simply does not exist](https://www.1.2.3.4.org/)~~ nulla.
     - Sint est elit sint minim.
 
 - Sunt ex eiusmod reprehenderit ullamco _fugiat_ ex duis cupidatat velit. Cillum commodo mollit dolore occaecat. Nulla Lorem deserunt minim ea nostrud reprehenderit do qui anim duis dolor.

package//346/226/207/346/241/243/351/233/206//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/225/210/346/236/234/347/244/272/344/276/213/351/233/206//345/216/237/345/247/213/347/232/204-markdown-/346/240/274/345/274/217/347/232/204/346/226/207/347/253/240/theming-example-article.zh-hans-CN.md

@@ -1,6 +1,6 @@
 # 吴乐川的文章默认样式的示例<br><small>——样式均采用 stylus 语言编写</small>
 
-<p class="document-author">作者：吴乐川</p>
+<p class="article-author">作者：吴乐川</p>
 
 ---
 
@@ -158,21 +158,21 @@
 6.  第 1 级第 6 项。“`81192`，收到请返航。”
 
 
-### 多级标题（这是 h3）
+### 多级标题（这是 &lt;h3&gt;）
 
-#### 电影《哪吒之魔童降世》的剧情简介（这是 h4）
+#### 动画片《九色鹿》（这是 &lt;h4&gt;）
 
-天地灵气孕育出一颗能量巨大的混元珠，元始天尊将混元珠提炼成灵珠和魔丸，灵珠投胎为人，助周伐纣时可堪大用；而魔丸则会诞出魔王，为祸人间。元始天尊启动了天劫咒语，3 年后天雷将会降临，摧毁魔丸。太乙受命将灵珠托生于陈塘关李靖家的儿子哪吒身上。然而阴差阳错，灵珠和魔丸竟然被掉包。本应是灵珠英雄的哪吒却成了混世大魔王。调皮捣蛋顽劣不堪的哪吒却徒有一颗做英雄的心。然而面对众人对魔丸的误解和即将来临的天雷的降临，哪吒是否命中注定会立地成魔？他将何去何从？
+《九色鹿》是根据敦煌壁画《鹿王本生》故事改编，由中国上海美术电影制片厂 1981 年出品的动画美术作品。由钱家骏、戴铁郎担任导演，潘絜兹任编剧。该片采用敦煌壁画的形式，用中国古代佛教绘画的风格讲述了九色鹿经常帮助遇到困难的人，在帮助过弄蛇人后，弄蛇人向国王告密出卖九色鹿，九色鹿用神力化险，弄蛇人受到应有报应的故事。
 
-#### Web API 可以分为很多类（这是 h4）
+#### Web API 可以分为很多类（这是 &lt;h4&gt;）
 
-##### 文档对象模型（这是 h5）
+##### 假如某标题非常长，则该标题可能折行，即占据多行，尤其是在窄小的浏览器窗口中（这是 &lt;h5&gt;）
 
 文档对象模型（DOM）将 web 页面与到脚本或编程语言连接起来。通常是指  JavaScript，但将 HTML、SVG 或 XML 文档建模为对象并不是 JavaScript 语言的一部分。DOM 模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点（node），每个节点都包含着对象（object）。DOM 的方法（method）让你可以用特定方式操作这个树，用这些方法你可以改变文档的结构、样式或者内容。节点可以关联上事件处理器，一旦某一事件被触发了，那些事件处理器就会被执行。<sup>[1]</sup>
 
 
 
-##### 层叠样式表对象模型（这是 h5）
+##### 层叠样式表对象模型（这是 &lt;h5&gt;）
 
 CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 DOM 和 HTML API 之后，又一个操纵 CSS 的接口，使得我们能够动态地读取和修改 CSS 样式。<sup>[2]</sup>
 
@@ -197,6 +197,12 @@ CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 D
 
 > 学而时习之 不亦说乎 有朋自远方来 不亦乐乎 人不知而不愠 不亦君子乎
 
+由上例可以看出，如果引用的文字恰好仅为单一自然段，我故意采用 CSS 选择器识别之，并免去了段首的两个空格。不过，假如引用内容块内的自然段超过一段，则各段首的空格是保留的，除非某自然段的文字排列方案是“居中”或“居右”。即，凡居中或居右者，段首总是没有空格的。见下例。
+
+> 时间要打多久，我讲我们不要做决定。过去是由杜鲁门，以后是由艾森豪威尔，或者是美国的将来的什么总统，由他们去决定。就是说他们要打多久就打多久！一直打到完全胜利！
+>
+> <p class="texts-align-rightwards">——毛泽东</p>
+
 如果引用的文字很短，我目前的设计是令它们位于同一行中。例如：
 
 > circle ['sɜrk(ə)l] <i>n.</i> 圆。
@@ -287,7 +293,7 @@ CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 D
 
 ### 加载失败的插图
 
-![大美女](./images/beauty.jpg)
+![臭爸爸](./images/beauty.jpg)
 
 
 ---

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206/javascript/table-of-contents-and-back-to-top-anchor-behaviors.js

@@ -17,7 +17,7 @@ window.atBeginingShouldExpandTOCWhenWindowIsWideEnough = false
     const printDoubleLine = '='.repeat(fullWidth)
 
     const emailAddress = 'wulechuan@live.com'
-    const timeStamp = '北京时间 2022-05-06'
+    const timeStamp = '北京时间 2022-05-14'
 
     const welcomeZhHansCN = '欢迎使用吴乐川设计的用于“控制文章目录之交互”的控制器。'
     const welcomeEn = 'Welcome to wulechuan\'s article TOC controller.'
@@ -173,6 +173,7 @@ window.atBeginingShouldExpandTOCWhenWindowIsWideEnough = false
          */
 
 
+
         let tocTogglingButton = document.querySelector(`.${cssClassNameTOCTogglingButton}`)
 
         /**
@@ -336,3 +337,30 @@ window.atBeginingShouldExpandTOCWhenWindowIsWideEnough = false
         }
     }
 })()
+
+
+
+;(function 处理各级标题的永固链接于文本之间的空格 () {
+    const allH1ToH6Elements = Array.from(
+        document.querySelectorAll('h1, h2, h3, h4, h5, h6')
+    )
+
+    allH1ToH6Elements.forEach(hElement => {
+        const headeLinkAnchor = hElement.querySelector('.header-anchor')
+        if (headeLinkAnchor) {
+            const firstTextElement = headeLinkAnchor.nextSibling
+            // console.debug(`${hElement.tagName} "${firstTextElement.nodeValue}"`)
+            const firstTextElementContent = firstTextElement.nodeValue
+
+            if (/^ /.test(firstTextElementContent)) {
+                const singleSpacebar = document.createElement('span')
+                singleSpacebar.className = 'hidden-spacebar-between-head-linkage-and-head-text'
+                singleSpacebar.innerHTML = ' '
+
+                hElement.insertBefore(singleSpacebar, firstTextElement)
+
+                firstTextElement.nodeValue = firstTextElementContent.slice(1)
+            }
+        }
+    })
+})()

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206/javascript/table-of-contents-and-back-to-top-anchor-behaviors.min.js

@@ -1 +1 @@
-window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost=!1,window.atBeginingShouldCollapseAllTOCItemsOfLevelsGreaterThan=1,window.atBeginingShouldExpandTOCWhenWindowIsWideEnough=!1,function(){const e=["https://gitee.com/nanchang-wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git","https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git"],n=e.reduce(((e,n)=>Math.max(e,n.length)),0)+0,t=Math.floor(n/2)+6,o="-".repeat(n),l="=".repeat(n),s="wulechuan@live.com",i="北京时间 2022-05-06",c=[];"中国人——特别是汉族人，理应坚持广泛、规范地使用汉语。凡非必要之情形不说外国话、不用外国字。此乃天经地义！\n然则每当必要，亦不排斥采用外国之语言。不妨博世界之学问，养中国之精神。\n本人亦支持少数民族坚持采用自己民族的传统语言。仍须强调，凡中国人，皆应会用汉语、积极使用汉语，此乃中华各民族之大一统之必由。".split("\n").forEach((e=>{c.push(""),c.push("    "+e.slice(0,t-4));let n=e.slice(t-4);for(;n.length>0;){const e=n.match(/^(，|。|！|，”|。”|！”| 》，|》。| 》！| 》，”| 》。”| 》！”)/);if(e){const t=e[1],o=c[c.length-1];c[c.length-1]=o+t,n=n.slice(t.length)}const o=n.slice(0,t);o&&c.push(o),n=n.slice(o.length)}})),console.log(`\n${l}\n\n%c欢迎使用吴乐川设计的用于“控制文章目录之交互”的控制器。%c\n（ Welcome to wulechuan's article TOC controller. ）\n\n${" ".repeat(n-s.length)}${s}\n${" ".repeat(n-i.length-3)}${i}\n\n${o}\n\n${e.join("\n")}\n\n${o}\n${c.join("\n")}\n\n${l}\n\n\n`,["font-family: sans-serif;","font-size: 1.25em;","display: inline-block;","vertical-align: baseline;","color: #000;","text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.51);","background-color: #ffe0be;","border-radius: 3px;","margin: 0.5em 0;","padding: 0.5em 1em 0.5em 1.5em;"].join(""),null);const a="has-nested-toc-list",r="is-collapsed",d="is-expanded",u="markdown-article-toc-toggling-button",h=1e3,m=document.querySelector(".markdown-article");if(!m)return;const p=document.querySelector("nav.markdown-article-toc");if(!p)return;p.classList.toggle("should-show-2-levels-at-most",window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost);const f=document.querySelector(".markdown-article-back-to-top");f&&(f.onclick=function(){if(!O())return;k(!1)}),m.onclick=function(){if(!(window.innerWidth<=h))return;k(!1)};const w=document.body,g=w,y=w;let v;y.classList.add("markdown-article-toc-exists"),function e(n,t){const o=n.querySelector("ol, ul");if(!o)return;t||(t=1);o.classList.add(`toc-list-level-${t}`);Array.prototype.slice.apply(o.children).filter((e=>"li"===e.tagName.toLowerCase())).forEach((n=>{n.tocLevelId=t,n.classList.add(`toc-list-level-${t}-item`),e(n,t+1)}))}(p),function(){let e;if(Array.prototype.slice.apply(p.querySelectorAll("li")).forEach((e=>{if(e.querySelectorAll("li").length>0){const n=e.querySelector("a");e.classList.add(a),e.hasNestedList=!0,e.isCollapsible=!1,e.selfAnchor=n,e.onclick=b}})),window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost){const n=p.querySelector("ol, ul").children;e=n}else e=p.querySelectorAll("li.has-nested-toc-list");Array.prototype.slice.apply(e).forEach((e=>{e.isCollapsible=!0;C(e,e.tocLevelId<=window.atBeginingShouldCollapseAllTOCItemsOfLevelsGreaterThan)}))}(),function(){let e=document.querySelector(`.${u}`);e||(e=document.createElement("button"),e.className=u,g===w?g.insertBefore(e,document.scripts[0]):g.appendChild(e));null===e.onclick&&(e.onclick=S)}();let L="";function S(){k(!v)}function k(e){y.classList.toggle("markdown-article-toc-is-visible",e),v=e}function O(){return window.innerWidth<=600}function b(e){e.stopPropagation();const{srcElement:n}=e,t=this,{selfAnchor:o}=t;if(n!==t&&n!==o)return;const l=o.href;let s="";l.match(/#/)&&(s=`#${l.split("#").pop()}`);const i=!!s&&L!==s;L=s;let c=t.isCollapsible;if(O()&&(c=!1),c){const{classList:e}=t;C(t,e.contains(r)||i)}}function C(e,n){const{classList:t}=e;n?(t.contains(d)||t.add(d),t.contains(r)&&t.remove(r)):(t.contains(r)||t.add(r),t.contains(d)&&t.remove(d))}k(window.atBeginingShouldExpandTOCWhenWindowIsWideEnough&&window.innerWidth>=h)}();
+window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost=!1,window.atBeginingShouldCollapseAllTOCItemsOfLevelsGreaterThan=1,window.atBeginingShouldExpandTOCWhenWindowIsWideEnough=!1,function(){const e=["https://gitee.com/nanchang-wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git","https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git"],n=e.reduce(((e,n)=>Math.max(e,n.length)),0)+0,t=Math.floor(n/2)+6,o="-".repeat(n),l="=".repeat(n),s="wulechuan@live.com",i="北京时间 2022-05-14",c=[];"中国人——特别是汉族人，理应坚持广泛、规范地使用汉语。凡非必要之情形不说外国话、不用外国字。此乃天经地义！\n然则每当必要，亦不排斥采用外国之语言。不妨博世界之学问，养中国之精神。\n本人亦支持少数民族坚持采用自己民族的传统语言。仍须强调，凡中国人，皆应会用汉语、积极使用汉语，此乃中华各民族之大一统之必由。".split("\n").forEach((e=>{c.push(""),c.push("    "+e.slice(0,t-4));let n=e.slice(t-4);for(;n.length>0;){const e=n.match(/^(，|。|！|，”|。”|！”| 》，|》。| 》！| 》，”| 》。”| 》！”)/);if(e){const t=e[1],o=c[c.length-1];c[c.length-1]=o+t,n=n.slice(t.length)}const o=n.slice(0,t);o&&c.push(o),n=n.slice(o.length)}})),console.log(`\n${l}\n\n%c欢迎使用吴乐川设计的用于“控制文章目录之交互”的控制器。%c\n（ Welcome to wulechuan's article TOC controller. ）\n\n${" ".repeat(n-s.length)}${s}\n${" ".repeat(n-i.length-3)}${i}\n\n${o}\n\n${e.join("\n")}\n\n${o}\n${c.join("\n")}\n\n${l}\n\n\n`,["font-family: sans-serif;","font-size: 1.25em;","display: inline-block;","vertical-align: baseline;","color: #000;","text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.51);","background-color: #ffe0be;","border-radius: 3px;","margin: 0.5em 0;","padding: 0.5em 1em 0.5em 1.5em;"].join(""),null);const a="has-nested-toc-list",r="is-collapsed",d="is-expanded",h="markdown-article-toc-toggling-button",u=1e3,m=document.querySelector(".markdown-article");if(!m)return;const f=document.querySelector("nav.markdown-article-toc");if(!f)return;f.classList.toggle("should-show-2-levels-at-most",window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost);const p=document.querySelector(".markdown-article-back-to-top");p&&(p.onclick=function(){if(!k())return;L(!1)}),m.onclick=function(){if(!(window.innerWidth<=u))return;L(!1)};const w=document.body,g=w,y=w;let S;y.classList.add("markdown-article-toc-exists"),function e(n,t){const o=n.querySelector("ol, ul");if(!o)return;t||(t=1);o.classList.add(`toc-list-level-${t}`);Array.prototype.slice.apply(o.children).filter((e=>"li"===e.tagName.toLowerCase())).forEach((n=>{n.tocLevelId=t,n.classList.add(`toc-list-level-${t}-item`),e(n,t+1)}))}(f),function(){let e;if(Array.prototype.slice.apply(f.querySelectorAll("li")).forEach((e=>{if(e.querySelectorAll("li").length>0){const n=e.querySelector("a");e.classList.add(a),e.hasNestedList=!0,e.isCollapsible=!1,e.selfAnchor=n,e.onclick=O}})),window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost){const n=f.querySelector("ol, ul").children;e=n}else e=f.querySelectorAll("li.has-nested-toc-list");Array.prototype.slice.apply(e).forEach((e=>{e.isCollapsible=!0;A(e,e.tocLevelId<=window.atBeginingShouldCollapseAllTOCItemsOfLevelsGreaterThan)}))}(),function(){let e=document.querySelector(`.${h}`);e||(e=document.createElement("button"),e.className=h,g===w?g.insertBefore(e,document.scripts[0]):g.appendChild(e));null===e.onclick&&(e.onclick=v)}();let b="";function v(){L(!S)}function L(e){y.classList.toggle("markdown-article-toc-is-visible",e),S=e}function k(){return window.innerWidth<=600}function O(e){e.stopPropagation();const{srcElement:n}=e,t=this,{selfAnchor:o}=t;if(n!==t&&n!==o)return;const l=o.href;let s="";l.match(/#/)&&(s=`#${l.split("#").pop()}`);const i=!!s&&b!==s;b=s;let c=t.isCollapsible;if(k()&&(c=!1),c){const{classList:e}=t;A(t,e.contains(r)||i)}}function A(e,n){const{classList:t}=e;n?(t.contains(d)||t.add(d),t.contains(r)&&t.remove(r)):(t.contains(r)||t.add(r),t.contains(d)&&t.remove(d))}L(window.atBeginingShouldExpandTOCWhenWindowIsWideEnough&&window.innerWidth>=u)}(),Array.from(document.querySelectorAll("h1, h2, h3, h4, h5, h6")).forEach((e=>{const n=e.querySelector(".header-anchor");if(n){const t=n.nextSibling,o=t.nodeValue;if(/^ /.test(o)){const n=document.createElement("span");n.className="hidden-spacebar-between-head-linkage-and-head-text",n.innerHTML="&nbsp;",e.insertBefore(n,t),t.nodeValue=o.slice(1)}}}));