webc.com 0.1.20 → 0.1.21

package/Scroll/Scroll.js

@@ -0,0 +1,140 @@
+import { On } from "x/On.js";
+import { D, newEl } from "x/dom.js";
+
+(() => {
+  const { round, max, min } = Math,
+    PART = "part",
+    BAR = "bar",
+    SI = "si",
+    DRAG = "drag",
+    PX = "px",
+    mk = (tag, part, ...kids) => {
+      const e = newEl(tag);
+      if (part) e.setAttribute(PART, part);
+      e.append(...kids);
+      return e;
+    },
+    mkScroll = (size, pos, axis) => {
+      const style_size = size.toLowerCase(),
+        style_pos = pos.toLowerCase(),
+        client_size = "client" + size,
+        scroll_size = "scroll" + size,
+        scroll_pos = "scroll" + pos,
+        client_pos = "client" + axis;
+      return (ct) => {
+        let timer_bar,
+          ptr_unbind,
+          timer_resize,
+          pre_st = -1;
+        const m = ct.firstElementChild,
+          si = mk("i", SI),
+          bar = mk("b", BAR, si),
+          getGeo = (sih = si[client_size]) => {
+            const ch = ct[client_size],
+              sh = m[scroll_size];
+            return [sh - ch, max(1, ch - sih - 6), sih, ch, sh];
+          },
+          updateTop = (h) => {
+            if (!bar.parentNode) return;
+            const [ds, db] = getGeo(h),
+              st = max(0, min(ct[scroll_pos], ds));
+            if (pre_st != -1 && pre_st != st) {
+              bar.style.opacity = 1;
+              clearTimeout(timer_bar);
+              timer_bar = setTimeout(() => (bar.style.opacity = 0), 1e3);
+            }
+            pre_st = st;
+            si.style[style_pos] = 3 + round((db * st) / ds) + PX;
+          },
+          onDown = (e) => {
+            if (ptr_unbind) return;
+            const bd = D.body;
+            bd.setPointerCapture(e.pointerId);
+            bd.classList.add(DRAG);
+            bar.part.add(DRAG);
+            let pre = e[client_pos];
+            const detach = () => {
+                bd.classList.remove(DRAG);
+                bar.part.remove(DRAG);
+                un_ptr();
+                ptr_unbind = null;
+              },
+              un_ptr = On(bd, {
+                pointermove: (e) => {
+                  const [ds, db] = getGeo();
+                  ct[scroll_pos] += round((ds * (e[client_pos] - pre)) / db);
+                  pre = e[client_pos];
+                },
+                pointerup: detach,
+                lostpointercapture: detach,
+              });
+            ptr_unbind = detach;
+          },
+          onClick = (e) => {
+            const rect = bar.getBoundingClientRect(),
+              top = rect[style_pos],
+              [ds, db, sih] = getGeo();
+            ct[scroll_pos] = round(ds * max(min((e[client_pos] - top - 3 - sih / 2) / db, 1), 0));
+            onDown(e);
+          },
+          unbind = [
+            On(bar, { pointerdown: onClick }),
+            On(si, {
+              pointerdown: (e) => {
+                e.stopPropagation();
+                onDown(e);
+              },
+            }),
+            On(ct, { scroll: updateTop.bind(null, undefined) }),
+          ],
+          ob = new ResizeObserver(() => {
+            clearTimeout(timer_resize);
+            timer_resize = setTimeout(() => {
+              const [, , , ch, sh] = getGeo(),
+                is_turn = ch < sh;
+              if (is_turn) {
+                if (bar.parentNode != ct) ct.appendChild(bar);
+                const h = max(16, round((ch * ch) / sh));
+                si.style[style_size] = h + PX;
+                updateTop(h);
+              } else if (bar.parentNode) {
+                bar.remove();
+              }
+            }, 200);
+          }),
+          destroy = () => {
+            clearTimeout(timer_bar);
+            clearTimeout(timer_resize);
+            unbind.forEach((f) => f());
+            if (ptr_unbind) ptr_unbind();
+            ob.disconnect();
+            if (bar.parentNode) bar.remove();
+          };
+        bar.style.opacity = 0;
+        [ct, m].forEach((i) => ob.observe(i));
+        return destroy;
+      };
+    };
+
+  [
+    ["v", "Height", "Top", "Y", "flex-direction:column;width:100%;min-height:100%"],
+    ["h", "Width", "Left", "X", "min-width:100%;width:max-content;height:100%"],
+  ].map(([prefix, size, pos, axis, css]) => {
+    const initScroll = mkScroll(size, pos, axis);
+    customElements.define(
+      prefix + "-scroll",
+      class extends HTMLElement {
+        connectedCallback() {
+          const content = mk("b", "", mk("slot")),
+            wrapper = mk("b", "scroll", content);
+          content.style.cssText = "display:flex;" + css;
+          this.attachShadow({ mode: "open" }).appendChild(wrapper);
+          this._unbind = initScroll(wrapper);
+        }
+        disconnectedCallback() {
+          this._unbind?.();
+        }
+      },
+    );
+  });
+})();

package/Scroll/Scroll.styl

@@ -0,0 +1,105 @@
+v-scroll, h-scroll
+  display block
+
+  &::part(scroll)
+    display flex
+    height 100%
+    overflow auto
+    position relative
+    scrollbar-width none
+    width 100%
+
+    &::-webkit-scrollbar
+      display none
+
+  &::part(bar)
+    bottom 0
+    display block
+    position sticky
+    transition all 0.2s, opacity 1s, box-shadow 1s
+    user-select none
+    z-index 999
+    --si-anim none
+    --si-bg #7d7d7d99
+
+  &::part(bar):hover, &::part(drag)
+    background #0000000d
+    box-shadow inset 0 1px 6px #ffffffcc, inset 0 -2px 8px #0000000a, inset 0 0 0 1px #ffffff80
+    opacity 1 !important
+    --si-anim v-scroll-pop 0.4s ease-out
+    --si-bg #7d7d7dcc
+
+  &::part(si)
+    animation var(--si-anim)
+    background var(--si-bg)
+    border-radius 3px
+    display block
+    margin auto
+    position absolute
+    transition all 0.2s, opacity 1s, box-shadow 1s
+
+v-scroll
+  height 100%
+  width 100%
+  --sh inset 3px 0 3px -3px #0000004d, inset -3px 0 3px -3px #0000000d
+
+  &::part(scroll)
+    overflow-x hidden
+
+  &::part(bar)
+    height 100%
+    left 100%
+    margin-left -13px
+    top 0
+    width 13px
+
+  &::part(bar):hover, &::part(drag)
+    cursor var(--cursorScrollvSvg)
+    margin-left -21px
+    width 21px
+
+  &::part(si)
+    cursor var(--cursorScrollvSvg)
+    left 0
+    right 0
+    width 7px
+
+h-scroll
+  width 100%
+  --sh inset 0 3px 3px -3px #0000004d, inset 0 -3px 3px -3px #0000000d
+
+  &::part(scroll)
+    display block
+    overflow-y hidden
+    width 100%
+
+  &::part(bar)
+    height 13px
+    left 0
+    margin-top -13px
+    right 0
+    width 100%
+
+  &::part(bar):hover, &::part(drag)
+    cursor var(--cursorScrollhSvg)
+    height 21px
+    margin-top -21px
+
+  &::part(si)
+    bottom 0
+    cursor var(--cursorScrollhSvg)
+    height 7px
+    top 0
+
+@keyframes v-scroll-pop
+  0%
+    transform scale(1)
+
+  40%
+    transform scale(1.15)
+
+  100%
+    transform scale(1)
+
+body.drag
+  cursor var(--cursorGrabSvg) !important

package/Scroll/var.styl

@@ -0,0 +1,4 @@
+:root
+  --cursorGrabSvg url('./cursor/grab.svg') 8 7, grabbing
+  --cursorScrollhSvg url('./cursor/scrollh.svg') 10 10, ew-resize
+  --cursorScrollvSvg url('./cursor/scrollv.svg') 10 10, ns-resize

package/Wait/Wait.styl

@@ -0,0 +1,32 @@
+.wait, .ing
+  position relative
+
+  &:before
+    animation-duration 1s
+    animation-name fadeIn
+    background var(--waitSvg) 50% 50% / 64px no-repeat
+    bottom 0
+    content ''
+    cursor wait
+    left 0
+    position absolute
+    right 0
+    top 0
+    z-index 999
+
+.ing
+  &:before
+    background-color #ffffff99
+
+.wait
+  align-self center
+  display flex
+  height 64px
+  width 64px
+
+@keyframes fadeIn
+  from
+    opacity 0
+
+  to
+    opacity 1

package/Wait/var.styl

@@ -0,0 +1,2 @@
+:root
+  --waitSvg url('./svg/wait.svg')

package/index.js

@@ -0,0 +1,4 @@
+export default [
+  "Wait",
+  "Scroll"
+];

package/package.json

@@ -1 +1 @@
-{"name":"webc.com","version":"0.1.20","description":"","keywords":[],"homepage":"https://webc-zh.github.io","license":"MulanPSL-2.0","author":"i18n.site@gmail.com","repository":{"type":"git","url":"git+https://github.com/webc-zh/webc-zh.github.io.git"},"files":["./*"],"type":"module","exports":{"./*":"./*"},"scripts":{},"devDependencies":{}}
+{"name":"webc.com","version":"0.1.21","description":"","keywords":[],"homepage":"https://webc-zh.github.io","license":"MulanPSL-2.0","author":"i18n.site@gmail.com","repository":{"type":"git","url":"git+https://github.com/webc-zh/webc-zh.github.io.git"},"files":["./*"],"type":"module","exports":{"./*":"./*"},"scripts":{},"devDependencies":{}}

package/x/On.js

@@ -0,0 +1,13 @@
+export const On = (elem, dict) => {
+  let event, func;
+  for (event in dict) {
+    func = dict[event];
+    elem.addEventListener(event, func);
+  }
+  return () => {
+    for (event in dict) {
+      func = dict[event];
+      elem.removeEventListener(event, func);
+    }
+  };
+};

package/x/On.md

@@ -0,0 +1,8 @@
+# 绑定与解绑事件监听
+
+- `On(elem, dict)`
+  - `elem`: DOM 元素。
+  - `dict`: 事件与回调对象。键为事件名，值为回调函数。回调函数格式：
+    - 参数：`e`（事件对象）。
+    - 返回值：无。
+  - 返回值：解绑函数。格式为 `() => void`。

package/x/a.js

@@ -0,0 +1,26 @@
+import { goto } from "x/route.js";
+import { selfA } from "x/selfA.js";
+import { B } from "x/dom.js";
+
+B.addEventListener("click", (e) => {
+  var href, name, p;
+  p = e.target;
+  while (p) {
+    ({ nodeName: name } = p);
+    if (name === "A") {
+      ({ href } = p);
+      if (href) {
+        href = selfA(p, e);
+        if (href !== void 0) {
+          goto(href);
+        } else if (!p.target) {
+          p.target = "_blank";
+        }
+      }
+      break;
+    } else if (name === "BODY") {
+      break;
+    }
+    p = p.parentNode;
+  }
+});

package/x/a.md

@@ -0,0 +1,3 @@
+# 拦截链接点击实现无刷新跳转
+
+无导出函数。导入时自动在 `document.body` 监听点击事件。点击同站链接时阻止默认行为并调用 `goto` 跳转，点击外链且无 `target` 属性时将其设为 `_blank`。

package/x/delayRoute.js

@@ -0,0 +1,17 @@
+import { route } from "./route.js";
+
+// 避免 onMount 之前，route 被触发，导致重复加载数据
+export const delayRoute = (loadUrl) => {
+  let t;
+  const unbind = route((url, preUrl) => {
+    t = setTimeout(() => {
+      loadUrl(url, preUrl);
+    });
+  });
+  return () => {
+    unbind();
+    clearTimeout(t);
+  };
+};
+
+export default delayRoute;

package/x/delayRoute.md

@@ -0,0 +1,11 @@
+# 延迟路由触发避免重复加载数据
+
+用于 Svelte，避免组件被卸载前触发路由导致重复加载数据。
+
+- `delayRoute(loadUrl)`
+  - `loadUrl`: 路由变化时的回调函数。格式：
+    - 参数：
+      - `url`: 字符串，新 URL 路径。
+      - `preUrl`: 字符串（可选），旧 URL 路径。
+    - 返回值：无。
+  - 返回值：取消路由订阅并清除定时器的函数，格式为 `() => void`。

package/x/dom.js

@@ -0,0 +1,3 @@
+export const D = document,
+  B = D.body,
+  newEl = D.createElement.bind(D);

package/x/dom.md

@@ -0,0 +1,7 @@
+# DOM 属性与方法简写
+
+- `D`: `document` 实例。
+- `B`: `document.body` 元素。
+- `newEl(tagName)`
+  - `tagName`: 字符串，HTML 标签名。
+  - 返回值：新创建的 DOM 元素。

package/x/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@3-/x",
+  "version": "0.2.0",
+  "description": "",
+  "keywords": [],
+  "homepage": "https://webc-zh.github.io",
+  "license": "MulanPSL-2.0",
+  "author": "i18n.site@gmail.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/webc-zh/webc-zh.github.io.git"
+  },
+  "files": [
+    "./*"
+  ],
+  "type": "module",
+  "exports": {
+    "./*": "./*"
+  },
+  "scripts": {},
+  "devDependencies": {}
+}

package/x/rmWait.js

@@ -0,0 +1,2 @@
+import { D } from "./dom.js";
+D.getElementById("W").remove();

package/x/rmWait.md

@@ -0,0 +1,3 @@
+# 移除加载等待元素
+
+无导出函数。导入时自动从 DOM 中移除 ID 为 `W` 的元素。

package/x/route.js

@@ -0,0 +1,60 @@
+import { On } from "x/On.js";
+
+export const nowUrl = () => location.pathname.slice(1),
+  [route, setPre, preUrl, refresh, removeSlash, split, setUrl, goto] = (() => {
+    let PRE = nowUrl(),
+      HOOK = [];
+    if (location.hash) PRE += location.hash;
+
+    const HASH = "#",
+      route = (hook) => {
+        HOOK.push(hook);
+        hook(nowUrl());
+        return () => {
+          HOOK = HOOK.filter((f) => f !== hook);
+        };
+      },
+      setPre = (url) => {
+        PRE = url;
+      },
+      preUrl = () => PRE,
+      refresh = (url) => {
+        url = url || nowUrl();
+        for (const f of HOOK) f(url, PRE);
+        setPre(url);
+      },
+      removeSlash = (url) => (url[0] === "/" ? url.slice(1) : url),
+      split = (str, s) => {
+        const p = str.indexOf(s);
+        return p >= 0 ? [str.slice(0, p), str.slice(p + 1)] : [str, ""];
+      },
+      setUrl = (url) => {
+        url = removeSlash(url);
+        if (url !== PRE) {
+          const [path, hash] = split(url, HASH),
+            [p] = split(PRE, HASH);
+          setPre(url);
+          if (path !== p) {
+            history.pushState(null, "", "/" + url);
+            return 1;
+          }
+          if (location.hash.slice(1) !== hash) {
+            location.hash = hash;
+            return;
+          }
+        }
+        window.dispatchEvent(new HashChangeEvent("hashchange"));
+      },
+      goto = (url) => {
+        if (setUrl(url)) refresh(url);
+      };
+
+    On(window, {
+      popstate: () => {
+        const url = nowUrl();
+        if (url !== split(PRE, HASH)[0]) refresh(url);
+      },
+    });
+
+    return [route, setPre, preUrl, refresh, removeSlash, split, setUrl, goto];
+  })();

package/x/route.md

@@ -0,0 +1,37 @@
+# 路由管理与跳转
+
+- `nowUrl()`
+  - 返回值：当前 URL 路径（不含首部斜杠）。
+
+- `route(hook)`
+  - `hook`: 路由变化时执行的回调函数。格式：
+    - 参数：
+      - `url`: 字符串，新 URL 路径。
+      - `preUrl`: 字符串（可选），旧 URL 路径。
+    - 返回值：无。
+  - 返回值：取消订阅的函数，格式为 `() => void`。
+
+- `setPre(url)`
+  - `url`: 字符串，新的前一次 URL 路径。
+
+- `preUrl()`
+  - 返回值：前一次的 URL 路径。
+
+- `refresh(url)`
+  - `url`: 字符串（可选），要触发回调的 URL 路径，默认是当前 URL。
+
+- `removeSlash(url)`
+  - `url`: 字符串。
+  - 返回值：移除首部斜杠后的字符串。
+
+- `split(str, s)`
+  - `str`: 待拆分字符串。
+  - `s`: 分隔符。
+  - 返回值：包含两个元素的数组 `[前部, 后部]`。
+
+- `setUrl(url)`
+  - `url`: 目标 URL 路径。
+  - 返回值：若路径改变返回 `1`，若仅 hash 改变不返回值。
+
+- `goto(url)`
+  - `url`: 目标 URL 路径。

package/x/selfA.js

@@ -0,0 +1,13 @@
+// 判断A标签的href是否为当前网站的, 如果是, 返回url, 以实现不刷新跳转
+export const selfA = (p, e) => {
+  var hash, url;
+  if (p.host === location.host) {
+    ({ hash } = p);
+    url = p.pathname.slice(1) + p.search;
+    if (hash) {
+      url += hash;
+    }
+    e.preventDefault();
+    return url;
+  }
+};

package/x/selfA.md

@@ -0,0 +1,6 @@
+# 同站链接点击校验与处理
+
+- `selfA(p, e)`
+  - `p`: `<a>` 元素。
+  - `e`: 点击事件对象。
+  - 返回值：若是同站链接，阻止默认行为并返回包含 search/hash 的相对路径，否则返回 `undefined`。

package/Scroll._.css

@@ -1 +0,0 @@
-v-scroll,h-scroll{display:block}v-scroll::part(scroll),h-scroll::part(scroll){scrollbar-width:none;width:100%;height:100%;display:flex;position:relative;overflow:auto}v-scroll::part(scroll)::-webkit-scrollbar,h-scroll::part(scroll)::-webkit-scrollbar{display:none}v-scroll::part(bar),h-scroll::part(bar){user-select:none;z-index:999;--si-anim:none;--si-bg:#7d7d7d99;transition:all .2s,opacity 1s,box-shadow 1s;display:block;position:sticky;bottom:0}v-scroll::part(bar):hover,h-scroll::part(bar):hover,v-scroll::part(drag),h-scroll::part(drag){--si-anim:v-scroll-pop .4s ease-out;--si-bg:#7d7d7dcc;background:#0000000d;box-shadow:inset 0 1px 6px #fffc,inset 0 -2px 8px #0000000a,inset 0 0 0 1px #ffffff80;opacity:1!important}v-scroll::part(si),h-scroll::part(si){animation:var(--si-anim);background:var(--si-bg);border-radius:3px;margin:auto;transition:all .2s,opacity 1s,box-shadow 1s;display:block;position:absolute}v-scroll{--sh:inset 3px 0 3px -3px #0000004d, inset -3px 0 3px -3px #0000000d;width:100%;height:100%}v-scroll::part(scroll){overflow-x:hidden}v-scroll::part(bar){width:13px;height:100%;margin-left:-13px;top:0;left:100%}v-scroll::part(bar):hover,v-scroll::part(drag){cursor:var(--cursorScrollvSvg);width:21px;margin-left:-21px}v-scroll::part(si){cursor:var(--cursorScrollvSvg);width:7px;left:0;right:0}h-scroll{--sh:inset 0 3px 3px -3px #0000004d, inset 0 -3px 3px -3px #0000000d;width:100%}h-scroll::part(scroll){width:100%;display:block;overflow-y:hidden}h-scroll::part(bar){width:100%;height:13px;margin-top:-13px;left:0;right:0}h-scroll::part(bar):hover,h-scroll::part(drag){cursor:var(--cursorScrollhSvg);height:21px;margin-top:-21px}h-scroll::part(si){cursor:var(--cursorScrollhSvg);height:7px;top:0;bottom:0}body.drag{cursor:var(--cursorGrabSvg)!important}@-webkit-keyframes v-scroll-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@-moz-keyframes v-scroll-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@-o-keyframes v-scroll-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes v-scroll-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}

package/Scroll._.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":null,"mappings":"AAAA,gCAIA,uIASA,iGAIA,yLAWA,mRAUA,iMAUA,qGAKA,yCAGA,6EAOA,2GAMA,2EAMA,yFAIA,kEAKA,2EAOA,2GAMA,4EAMA,gDAGA","sources":["Users/z/git/webc-zh/lib/Scroll._.css"],"sourcesContent":["v-scroll,\nh-scroll {\n  display: block;\n}\nv-scroll::part(scroll),\nh-scroll::part(scroll) {\n  display: flex;\n  height: 100%;\n  overflow: auto;\n  position: relative;\n  scrollbar-width: none;\n  width: 100%;\n}\nv-scroll::part(scroll)::-webkit-scrollbar,\nh-scroll::part(scroll)::-webkit-scrollbar {\n  display: none;\n}\nv-scroll::part(bar),\nh-scroll::part(bar) {\n  bottom: 0;\n  display: block;\n  position: sticky;\n  transition: all 0.2s, opacity 1s, box-shadow 1s;\n  user-select: none;\n  z-index: 999;\n  --si-anim: none;\n  --si-bg: rgba(125,125,125,0.6);\n}\nv-scroll::part(bar):hover,\nh-scroll::part(bar):hover,\nv-scroll::part(drag),\nh-scroll::part(drag) {\n  background: rgba(0,0,0,0.051);\n  box-shadow: inset 0 1px 6px rgba(255,255,255,0.8), inset 0 -2px 8px rgba(0,0,0,0.039), inset 0 0 0 1px rgba(255,255,255,0.502);\n  opacity: 1 !important;\n  --si-anim: v-scroll-pop 0.4s ease-out;\n  --si-bg: rgba(125,125,125,0.8);\n}\nv-scroll::part(si),\nh-scroll::part(si) {\n  animation: var(--si-anim);\n  background: var(--si-bg);\n  border-radius: 3px;\n  display: block;\n  margin: auto;\n  position: absolute;\n  transition: all 0.2s, opacity 1s, box-shadow 1s;\n}\nv-scroll {\n  height: 100%;\n  width: 100%;\n  --sh: inset 3px 0 3px -3px rgba(0,0,0,0.302), inset -3px 0 3px -3px rgba(0,0,0,0.051);\n}\nv-scroll::part(scroll) {\n  overflow-x: hidden;\n}\nv-scroll::part(bar) {\n  height: 100%;\n  left: 100%;\n  margin-left: -13px;\n  top: 0;\n  width: 13px;\n}\nv-scroll::part(bar):hover,\nv-scroll::part(drag) {\n  cursor: var(--cursorScrollvSvg);\n  margin-left: -21px;\n  width: 21px;\n}\nv-scroll::part(si) {\n  cursor: var(--cursorScrollvSvg);\n  left: 0;\n  right: 0;\n  width: 7px;\n}\nh-scroll {\n  width: 100%;\n  --sh: inset 0 3px 3px -3px rgba(0,0,0,0.302), inset 0 -3px 3px -3px rgba(0,0,0,0.051);\n}\nh-scroll::part(scroll) {\n  display: block;\n  overflow-y: hidden;\n  width: 100%;\n}\nh-scroll::part(bar) {\n  height: 13px;\n  left: 0;\n  margin-top: -13px;\n  right: 0;\n  width: 100%;\n}\nh-scroll::part(bar):hover,\nh-scroll::part(drag) {\n  cursor: var(--cursorScrollhSvg);\n  height: 21px;\n  margin-top: -21px;\n}\nh-scroll::part(si) {\n  bottom: 0;\n  cursor: var(--cursorScrollhSvg);\n  height: 7px;\n  top: 0;\n}\nbody.drag {\n  cursor: var(--cursorGrabSvg) !important;\n}\n@-moz-keyframes v-scroll-pop {\n  0% {\n    transform: scale(1);\n  }\n  40% {\n    transform: scale(1.15);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@-webkit-keyframes v-scroll-pop {\n  0% {\n    transform: scale(1);\n  }\n  40% {\n    transform: scale(1.15);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@-o-keyframes v-scroll-pop {\n  0% {\n    transform: scale(1);\n  }\n  40% {\n    transform: scale(1.15);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes v-scroll-pop {\n  0% {\n    transform: scale(1);\n  }\n  40% {\n    transform: scale(1.15);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n"],"names":[]}

package/Scroll.css

@@ -1 +0,0 @@
-:root{--cursorGrabSvg:url(./svg/giUzPhnYmbjOG3VzqseH5g.svg) 8 7, grabbing;--cursorScrollhSvg:url(./svg/yhI9x3s8u28j5vUN45useQ.svg) 10 10, ew-resize;--cursorScrollvSvg:url(./svg/sgoOOaKyF_KnkUoRKxWczw.svg) 10 10, ns-resize}v-scroll,h-scroll{display:block}v-scroll::part(scroll),h-scroll::part(scroll){scrollbar-width:none;width:100%;height:100%;display:flex;position:relative;overflow:auto}v-scroll::part(scroll)::-webkit-scrollbar,h-scroll::part(scroll)::-webkit-scrollbar{display:none}v-scroll::part(bar),h-scroll::part(bar){user-select:none;z-index:999;--si-anim:none;--si-bg:#7d7d7d99;transition:all .2s,opacity 1s,box-shadow 1s;display:block;position:sticky;bottom:0}v-scroll::part(bar):hover,h-scroll::part(bar):hover,v-scroll::part(drag),h-scroll::part(drag){--si-anim:v-scroll-pop .4s ease-out;--si-bg:#7d7d7dcc;background:#0000000d;box-shadow:inset 0 1px 6px #fffc,inset 0 -2px 8px #0000000a,inset 0 0 0 1px #ffffff80;opacity:1!important}v-scroll::part(si),h-scroll::part(si){animation:var(--si-anim);background:var(--si-bg);border-radius:3px;margin:auto;transition:all .2s,opacity 1s,box-shadow 1s;display:block;position:absolute}v-scroll{--sh:inset 3px 0 3px -3px #0000004d, inset -3px 0 3px -3px #0000000d;width:100%;height:100%}v-scroll::part(scroll){overflow-x:hidden}v-scroll::part(bar){width:13px;height:100%;margin-left:-13px;top:0;left:100%}v-scroll::part(bar):hover,v-scroll::part(drag){cursor:var(--cursorScrollvSvg);width:21px;margin-left:-21px}v-scroll::part(si){cursor:var(--cursorScrollvSvg);width:7px;left:0;right:0}h-scroll{--sh:inset 0 3px 3px -3px #0000004d, inset 0 -3px 3px -3px #0000000d;width:100%}h-scroll::part(scroll){width:100%;display:block;overflow-y:hidden}h-scroll::part(bar){width:100%;height:13px;margin-top:-13px;left:0;right:0}h-scroll::part(bar):hover,h-scroll::part(drag){cursor:var(--cursorScrollhSvg);height:21px;margin-top:-21px}h-scroll::part(si){cursor:var(--cursorScrollhSvg);height:7px;top:0;bottom:0}body.drag{cursor:var(--cursorGrabSvg)!important}@-webkit-keyframes v-scroll-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@-moz-keyframes v-scroll-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@-o-keyframes v-scroll-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes v-scroll-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}

package/Scroll.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":null,"mappings":"AAAA,8NAKA,gCAIA,uIASA,iGAIA,yLAWA,mRAUA,iMAUA,qGAKA,yCAGA,6EAOA,2GAMA,2EAMA,yFAIA,kEAKA,2EAOA,2GAMA,4EAMA,gDAGA","sources":["Users/z/git/webc-zh/lib/Scroll.css"],"sourcesContent":[":root {\n  --cursorGrabSvg: url(\"./svg/giUzPhnYmbjOG3VzqseH5g.svg\") 8 7, grabbing;\n  --cursorScrollhSvg: url(\"./svg/yhI9x3s8u28j5vUN45useQ.svg\") 10 10, ew-resize;\n  --cursorScrollvSvg: url(\"./svg/sgoOOaKyF_KnkUoRKxWczw.svg\") 10 10, ns-resize;\n}\nv-scroll,\nh-scroll {\n  display: block;\n}\nv-scroll::part(scroll),\nh-scroll::part(scroll) {\n  display: flex;\n  height: 100%;\n  overflow: auto;\n  position: relative;\n  scrollbar-width: none;\n  width: 100%;\n}\nv-scroll::part(scroll)::-webkit-scrollbar,\nh-scroll::part(scroll)::-webkit-scrollbar {\n  display: none;\n}\nv-scroll::part(bar),\nh-scroll::part(bar) {\n  bottom: 0;\n  display: block;\n  position: sticky;\n  transition: all 0.2s, opacity 1s, box-shadow 1s;\n  user-select: none;\n  z-index: 999;\n  --si-anim: none;\n  --si-bg: rgba(125,125,125,0.6);\n}\nv-scroll::part(bar):hover,\nh-scroll::part(bar):hover,\nv-scroll::part(drag),\nh-scroll::part(drag) {\n  background: rgba(0,0,0,0.051);\n  box-shadow: inset 0 1px 6px rgba(255,255,255,0.8), inset 0 -2px 8px rgba(0,0,0,0.039), inset 0 0 0 1px rgba(255,255,255,0.502);\n  opacity: 1 !important;\n  --si-anim: v-scroll-pop 0.4s ease-out;\n  --si-bg: rgba(125,125,125,0.8);\n}\nv-scroll::part(si),\nh-scroll::part(si) {\n  animation: var(--si-anim);\n  background: var(--si-bg);\n  border-radius: 3px;\n  display: block;\n  margin: auto;\n  position: absolute;\n  transition: all 0.2s, opacity 1s, box-shadow 1s;\n}\nv-scroll {\n  height: 100%;\n  width: 100%;\n  --sh: inset 3px 0 3px -3px rgba(0,0,0,0.302), inset -3px 0 3px -3px rgba(0,0,0,0.051);\n}\nv-scroll::part(scroll) {\n  overflow-x: hidden;\n}\nv-scroll::part(bar) {\n  height: 100%;\n  left: 100%;\n  margin-left: -13px;\n  top: 0;\n  width: 13px;\n}\nv-scroll::part(bar):hover,\nv-scroll::part(drag) {\n  cursor: var(--cursorScrollvSvg);\n  margin-left: -21px;\n  width: 21px;\n}\nv-scroll::part(si) {\n  cursor: var(--cursorScrollvSvg);\n  left: 0;\n  right: 0;\n  width: 7px;\n}\nh-scroll {\n  width: 100%;\n  --sh: inset 0 3px 3px -3px rgba(0,0,0,0.302), inset 0 -3px 3px -3px rgba(0,0,0,0.051);\n}\nh-scroll::part(scroll) {\n  display: block;\n  overflow-y: hidden;\n  width: 100%;\n}\nh-scroll::part(bar) {\n  height: 13px;\n  left: 0;\n  margin-top: -13px;\n  right: 0;\n  width: 100%;\n}\nh-scroll::part(bar):hover,\nh-scroll::part(drag) {\n  cursor: var(--cursorScrollhSvg);\n  height: 21px;\n  margin-top: -21px;\n}\nh-scroll::part(si) {\n  bottom: 0;\n  cursor: var(--cursorScrollhSvg);\n  height: 7px;\n  top: 0;\n}\nbody.drag {\n  cursor: var(--cursorGrabSvg) !important;\n}\n@-moz-keyframes v-scroll-pop {\n  0% {\n    transform: scale(1);\n  }\n  40% {\n    transform: scale(1.15);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@-webkit-keyframes v-scroll-pop {\n  0% {\n    transform: scale(1);\n  }\n  40% {\n    transform: scale(1.15);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@-o-keyframes v-scroll-pop {\n  0% {\n    transform: scale(1);\n  }\n  40% {\n    transform: scale(1.15);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes v-scroll-pop {\n  0% {\n    transform: scale(1);\n  }\n  40% {\n    transform: scale(1.15);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n"],"names":[]}

package/Scroll.js

@@ -1,3 +0,0 @@
-import { On as A, D as I, newEl as H } from "./x.js";(()=>{let{round:h,max:b,min:D}=Math,a=(r,l,...p)=>{let c=H(r);if(l)c.setAttribute("part",l);return c.append(...p),c},k=(r,l,p)=>{let c=r.toLowerCase(),f=l.toLowerCase(),_="client"+r,y="scroll"+r,d="scroll"+l,w="client"+p;return(s)=>{let C,m,g,v=-1,P=s.firstElementChild,u=a("i","si"),o=a("b","bar",u),T=(e=u[_])=>{let t=s[_],i=P[y];return[i-t,b(1,t-e-6),e,t,i]},E=(e)=>{if(!o.parentNode)return;let[t,i]=T(e),n=b(0,D(s[d],t));if(v!=-1&&v!=n)o.style.opacity=1,clearTimeout(C),C=setTimeout(()=>o.style.opacity=0,1000);v=n,u.style[f]=3+h(i*n/t)+"px"},G=(e)=>{if(m)return;let t=I.body;t.setPointerCapture(e.pointerId),t.classList.add("drag"),o.part.add("drag");let i=e[w],n=()=>{t.classList.remove("drag"),o.part.remove("drag"),x(),m=null},x=A(t,{pointermove:(R)=>{let[z,B]=T();s[d]+=h(z*(R[w]-i)/B),i=R[w]},pointerup:n,lostpointercapture:n});m=n},S=(e)=>{let t=o.getBoundingClientRect(),i=t[f],[n,x,R]=T();s[d]=h(n*b(D((e[w]-i-3-R/2)/x,1),0)),G(e)},N=[A(o,{pointerdown:S}),A(u,{pointerdown:(e)=>{e.stopPropagation(),G(e)}}),A(s,{scroll:E.bind(null,void 0)})],L=new ResizeObserver(()=>{clearTimeout(g),g=setTimeout(()=>{let[,,,e,t]=T();if(e<t){if(o.parentNode!=s)s.appendChild(o);let n=b(16,h(e*e/t));u.style[c]=n+"px",E(n)}else if(o.parentNode)o.remove()},200)}),X=()=>{if(clearTimeout(C),clearTimeout(g),N.forEach((e)=>e()),m)m();if(L.disconnect(),o.parentNode)o.remove()};return o.style.opacity=0,[s,P].forEach((e)=>L.observe(e)),X}};[["v","Height","Top","Y","flex-direction:column;width:100%;min-height:100%"],["h","Width","Left","X","min-width:100%;width:max-content;height:100%"]].map(([r,l,p,c,f])=>{let _=k(l,p,c);customElements.define(r+"-scroll",class extends HTMLElement{connectedCallback(){let y=a("b","",a("slot")),d=a("b","scroll",y);y.style.cssText="display:flex;"+f,this.attachShadow({mode:"open"}).appendChild(d),this._unbind=_(d)}disconnectedCallback(){this._unbind?.()}})})})();
-
-

package/Scroll.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../com/Scroll/Scroll.js"],
-  "sourcesContent": [
-    "import { On } from \"x/On.js\";\nimport { D, newEl } from \"x/dom.js\";\n\n(() => {\n  const { round, max, min } = Math,\n    PART = \"part\",\n    BAR = \"bar\",\n    SI = \"si\",\n    DRAG = \"drag\",\n    PX = \"px\",\n    mk = (tag, part, ...kids) => {\n      const e = newEl(tag);\n      if (part) e.setAttribute(PART, part);\n      e.append(...kids);\n      return e;\n    },\n    mkScroll = (size, pos, axis) => {\n      const style_size = size.toLowerCase(),\n        style_pos = pos.toLowerCase(),\n        client_size = \"client\" + size,\n        scroll_size = \"scroll\" + size,\n        scroll_pos = \"scroll\" + pos,\n        client_pos = \"client\" + axis;\n      return (ct) => {\n        let timer_bar,\n          ptr_unbind,\n          timer_resize,\n          pre_st = -1;\n        const m = ct.firstElementChild,\n          si = mk(\"i\", SI),\n          bar = mk(\"b\", BAR, si),\n          getGeo = (sih = si[client_size]) => {\n            const ch = ct[client_size],\n              sh = m[scroll_size];\n            return [sh - ch, max(1, ch - sih - 6), sih, ch, sh];\n          },\n          updateTop = (h) => {\n            if (!bar.parentNode) return;\n            const [ds, db] = getGeo(h),\n              st = max(0, min(ct[scroll_pos], ds));\n            if (pre_st != -1 && pre_st != st) {\n              bar.style.opacity = 1;\n              clearTimeout(timer_bar);\n              timer_bar = setTimeout(() => (bar.style.opacity = 0), 1e3);\n            }\n            pre_st = st;\n            si.style[style_pos] = 3 + round((db * st) / ds) + PX;\n          },\n          onDown = (e) => {\n            if (ptr_unbind) return;\n            const bd = D.body;\n            bd.setPointerCapture(e.pointerId);\n            bd.classList.add(DRAG);\n            bar.part.add(DRAG);\n            let pre = e[client_pos];\n            const detach = () => {\n                bd.classList.remove(DRAG);\n                bar.part.remove(DRAG);\n                un_ptr();\n                ptr_unbind = null;\n              },\n              un_ptr = On(bd, {\n                pointermove: (e) => {\n                  const [ds, db] = getGeo();\n                  ct[scroll_pos] += round((ds * (e[client_pos] - pre)) / db);\n                  pre = e[client_pos];\n                },\n                pointerup: detach,\n                lostpointercapture: detach,\n              });\n            ptr_unbind = detach;\n          },\n          onClick = (e) => {\n            const rect = bar.getBoundingClientRect(),\n              top = rect[style_pos],\n              [ds, db, sih] = getGeo();\n            ct[scroll_pos] = round(ds * max(min((e[client_pos] - top - 3 - sih / 2) / db, 1), 0));\n            onDown(e);\n          },\n          unbind = [\n            On(bar, { pointerdown: onClick }),\n            On(si, {\n              pointerdown: (e) => {\n                e.stopPropagation();\n                onDown(e);\n              },\n            }),\n            On(ct, { scroll: updateTop.bind(null, undefined) }),\n          ],\n          ob = new ResizeObserver(() => {\n            clearTimeout(timer_resize);\n            timer_resize = setTimeout(() => {\n              const [, , , ch, sh] = getGeo(),\n                is_turn = ch < sh;\n              if (is_turn) {\n                if (bar.parentNode != ct) ct.appendChild(bar);\n                const h = max(16, round((ch * ch) / sh));\n                si.style[style_size] = h + PX;\n                updateTop(h);\n              } else if (bar.parentNode) {\n                bar.remove();\n              }\n            }, 200);\n          }),\n          destroy = () => {\n            clearTimeout(timer_bar);\n            clearTimeout(timer_resize);\n            unbind.forEach((f) => f());\n            if (ptr_unbind) ptr_unbind();\n            ob.disconnect();\n            if (bar.parentNode) bar.remove();\n          };\n        bar.style.opacity = 0;\n        [ct, m].forEach((i) => ob.observe(i));\n        return destroy;\n      };\n    };\n\n  [\n    [\"v\", \"Height\", \"Top\", \"Y\", \"flex-direction:column;width:100%;min-height:100%\"],\n    [\"h\", \"Width\", \"Left\", \"X\", \"min-width:100%;width:max-content;height:100%\"],\n  ].map(([prefix, size, pos, axis, css]) => {\n    const initScroll = mkScroll(size, pos, axis);\n    customElements.define(\n      prefix + \"-scroll\",\n      class extends HTMLElement {\n        connectedCallback() {\n          const content = mk(\"b\", \"\", mk(\"slot\")),\n            wrapper = mk(\"b\", \"scroll\", content);\n          content.style.cssText = \"display:flex;\" + css;\n          this.attachShadow({ mode: \"open\" }).appendChild(wrapper);\n          this._unbind = initScroll(wrapper);\n        }\n        disconnectedCallback() {\n          this._unbind?.();\n        }\n      },\n    );\n  });\n})();\n"
-  ],
-  "mappings": "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",
-  "debugId": "5DD6B8D33029FF4A64756E2164756E21",
-  "names": []
-}

package/Wait._.css

@@ -1 +0,0 @@
-.wait,.ing{position:relative}.wait:before,.ing:before{background:var(--waitSvg) 50% 50%/64px no-repeat;content:"";cursor:wait;z-index:999;animation-name:fadeIn;animation-duration:1s;position:absolute;inset:0}.ing:before{background-color:#fff9}.wait{align-self:center;width:64px;height:64px;display:flex}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

package/Wait._.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":null,"mappings":"AAAA,6BAIA,mLAcA,mCAGA,4DAMA","sources":["Users/z/git/webc-zh/lib/Wait._.css"],"sourcesContent":[".wait,\n.ing {\n  position: relative;\n}\n.wait:before,\n.ing:before {\n  animation-duration: 1s;\n  animation-name: fadeIn;\n  background: var(--waitSvg) 50% 50%/64px no-repeat;\n  bottom: 0;\n  content: '';\n  cursor: wait;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 999;\n}\n.ing:before {\n  background-color: rgba(255,255,255,0.6);\n}\n.wait {\n  align-self: center;\n  display: flex;\n  height: 64px;\n  width: 64px;\n}\n@-moz-keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@-webkit-keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@-o-keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n"],"names":[]}

package/Wait.css

@@ -1 +0,0 @@
-:root{--waitSvg:url(./svg/-oloHJiPWtJPJs8g_0WIaA.svg)}.wait,.ing{position:relative}.wait:before,.ing:before{background:var(--waitSvg) 50% 50%/64px no-repeat;content:"";cursor:wait;z-index:999;animation-name:fadeIn;animation-duration:1s;position:absolute;inset:0}.ing:before{background-color:#fff9}.wait{align-self:center;width:64px;height:64px;display:flex}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

package/Wait.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":null,"mappings":"AAAA,sDAGA,6BAIA,mLAcA,mCAGA,4DAMA","sources":["Users/z/git/webc-zh/lib/Wait.css"],"sourcesContent":[":root {\n  --waitSvg: url(\"./svg/-oloHJiPWtJPJs8g_0WIaA.svg\");\n}\n.wait,\n.ing {\n  position: relative;\n}\n.wait:before,\n.ing:before {\n  animation-duration: 1s;\n  animation-name: fadeIn;\n  background: var(--waitSvg) 50% 50%/64px no-repeat;\n  bottom: 0;\n  content: '';\n  cursor: wait;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 999;\n}\n.ing:before {\n  background-color: rgba(255,255,255,0.6);\n}\n.wait {\n  align-self: center;\n  display: flex;\n  height: 64px;\n  width: 64px;\n}\n@-moz-keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@-webkit-keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@-o-keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n"],"names":[]}

package/x.js

@@ -1 +0,0 @@
-const e=(e,t)=>{let n,r;for(n in t)r=t[n],e.addEventListener(n,r);return()=>{for(n in t)r=t[n],e.removeEventListener(n,r)}},t=document,n=t.body,r=t.createElement.bind(t);export{n as B,t as D,e as On,r as newEl};

package/x.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"x.js","names":[],"sources":["../../importmap/x/On.js","../../importmap/x/dom.js"],"sourcesContent":["export const On = (elem, dict) => {\n  let event, func;\n  for (event in dict) {\n    func = dict[event];\n    elem.addEventListener(event, func);\n  }\n  return () => {\n    for (event in dict) {\n      func = dict[event];\n      elem.removeEventListener(event, func);\n    }\n  };\n};\n","export const D = document,\n  B = D.body,\n  newEl = D.createElement.bind(D);\n"],"mappings":"AAAA,MAAa,GAAM,EAAM,IAAS,CAChC,IAAI,EAAO,EACX,IAAK,KAAS,EACZ,EAAO,EAAK,GACZ,EAAK,iBAAiB,EAAO,CAAI,EAEnC,UAAa,CACX,IAAK,KAAS,EACZ,EAAO,EAAK,GACZ,EAAK,oBAAoB,EAAO,CAAI,CAExC,CACF,ECZa,EAAI,SACf,EAAI,EAAE,KACN,EAAQ,EAAE,cAAc,KAAK,CAAC"}