@lemoncat7/dsh-knowledge 2.0.0 → 2.1.1

package/web/workspace-effects.js

@@ -0,0 +1,16 @@
+"use strict";(()=>{var M="http://www.w3.org/2000/svg",x=[".sidebar",".topbar",".note-tree-panel",".notes-browser",".notes-content-header",".notes-document-toolbar",".note-editor-toolbar",".dialog"].join(","),L=[".login-card",".metric",".panel",".library-detail-header",".mount-manager",".knowledge-card",".candidate",".api-access-card"].join(","),A=[".mount-table",".note-workspace",".notes-workspace",".dialog",L].join(","),R=[".button",".nav-button",".tab",".pane-toggle-button",".note-tree-base",".note-tree-document",".note-tree-new",".notes-tree-row",".notes-search-row",".notes-file-main"].join(","),G=[".note-tree",".notes-tree",".base-grid",".mount-table"].join(","),T="[data-knowledge-motion-key]",C=700,F=38,m=new Map,v=new Map,u=new Map,g=new Map,P=0,d,$=window.matchMedia("(prefers-reduced-motion: reduce)"),O=window.matchMedia("(prefers-reduced-transparency: reduce)");function b(e,t){let n=Array.from(e.querySelectorAll(t));return e instanceof HTMLElement&&e.matches(t)&&n.unshift(e),n}function H(){return d?.isConnected||(d=document.createElementNS(M,"svg"),d.classList.add("knowledge-glass-filter-bank"),d.setAttribute("aria-hidden","true"),d.setAttribute("focusable","false"),document.body.append(d)),d}function h(e,t){let n=document.createElementNS(M,e);for(let[o,s]of Object.entries(t))n.setAttribute(o,s);return n}function _(e){let t=h("filter",{id:e,x:"0%",y:"0%",width:"100%",height:"100%","color-interpolation-filters":"sRGB"}),n=h("feImage",{x:"0",y:"0",width:"100%",height:"100%",preserveAspectRatio:"none",result:"map"});return t.append(n,h("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"frosted"})),t.append(h("feDisplacementMap",{in:"frosted",in2:"map",scale:"-16",xChannelSelector:"R",yChannelSelector:"G",result:"refracted"}),h("feGaussianBlur",{in:"refracted",stdDeviation:".12"})),{filter:t,image:n}}function N(){if(O.matches)return!1;let e=navigator.userAgent;return/Firefox/i.test(e)||/Safari/i.test(e)&&!/(Chrome|Chromium|CriOS)/i.test(e)?!1:CSS.supports?.("backdrop-filter","url(#knowledge-glass-support)")||CSS.supports?.("-webkit-backdrop-filter","url(#knowledge-glass-support)")||!1}function I(e,t,n){let o=Number.parseFloat(getComputedStyle(e).borderTopLeftRadius);return Number.isFinite(o)?Math.max(0,Math.min(o,Math.min(t,n)/2)):Math.min(t,n)*.16}function D(e,t,n){let o=Math.min(12,Math.max(4,Math.min(e,t)*.08)),s=`<svg viewBox="0 0 ${e} ${t}" xmlns="${M}">
+    <defs>
+      <clipPath id="shape"><rect width="${e}" height="${t}" rx="${n}"/></clipPath>
+      <linearGradient id="left" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="rgb(92 128 128)"/><stop offset="100%" stop-color="rgb(128 128 128)"/></linearGradient>
+      <linearGradient id="right" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="rgb(128 128 128)"/><stop offset="100%" stop-color="rgb(164 128 128)"/></linearGradient>
+      <linearGradient id="top" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="rgb(128 92 128)"/><stop offset="100%" stop-color="rgb(128 128 128)"/></linearGradient>
+      <linearGradient id="bottom" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="rgb(128 128 128)"/><stop offset="100%" stop-color="rgb(128 164 128)"/></linearGradient>
+    </defs>
+    <g clip-path="url(#shape)">
+      <rect width="${e}" height="${t}" fill="rgb(128 128 128)"/>
+      <rect width="${o}" height="${t}" fill="url(#left)"/>
+      <rect x="${e-o}" width="${o}" height="${t}" fill="url(#right)"/>
+      <rect width="${e}" height="${o}" fill="url(#top)"/>
+      <rect y="${t-o}" width="${e}" height="${o}" fill="url(#bottom)"/>
+    </g>
+  </svg>`;return`data:image/svg+xml,${encodeURIComponent(s)}`}function B(e){if(m.has(e))return;if(e.classList.add("knowledge-glass-surface"),!N()){e.dataset.knowledgeGlass="fallback",m.set(e,{filter:void 0,observer:void 0,frame:0});return}let t=`knowledge-glass-filter-${++P}`,{filter:n,image:o}=_(t);H().append(n),e.dataset.knowledgeGlass="svg",e.style.setProperty("--knowledge-glass-filter",`url(#${t})`);let s={filter:n,observer:void 0,frame:0},c=()=>{if(s.frame=0,!e.isConnected)return;let a=e.getBoundingClientRect(),l=Math.max(1,Math.round(a.width)),i=Math.max(1,Math.round(a.height));o.setAttribute("href",D(l,i,I(e,l,i)))},r=()=>{s.frame===0&&(s.frame=requestAnimationFrame(c))};s.observer=typeof ResizeObserver>"u"?void 0:new ResizeObserver(r),s.observer?.observe(e),s.frame=requestAnimationFrame(c),m.set(e,s)}function V(e){if(v.has(e))return;e.classList.add("knowledge-border-surface"),e.style.setProperty("--knowledge-pointer-x","50%"),e.style.setProperty("--knowledge-pointer-y","50%");let t=0,n,o=()=>{if(t=0,n===void 0||!e.isConnected)return;let r=e.getBoundingClientRect(),a=Math.min(r.width,Math.max(0,n.x-r.left)),l=Math.min(r.height,Math.max(0,n.y-r.top)),i=Math.min(a,r.width-a,l,r.height-l),y=Math.min(1,Math.max(0,1-i/F)),w=Math.atan2(l-r.height/2,a-r.width/2)*(180/Math.PI)+90;e.style.setProperty("--knowledge-pointer-x",`${(a/Math.max(1,r.width)*100).toFixed(2)}%`),e.style.setProperty("--knowledge-pointer-y",`${(l/Math.max(1,r.height)*100).toFixed(2)}%`),e.style.setProperty("--knowledge-border-proximity",y.toFixed(3)),e.style.setProperty("--knowledge-border-angle",`${w.toFixed(2)}deg`)},s=r=>{n={x:r.clientX,y:r.clientY},t===0&&(t=requestAnimationFrame(o))},c=()=>{n=void 0,e.style.setProperty("--knowledge-border-proximity","0")};e.addEventListener("pointermove",s,{passive:!0}),e.addEventListener("pointerleave",c,{passive:!0}),v.set(e,()=>{t!==0&&cancelAnimationFrame(t),e.removeEventListener("pointermove",s),e.removeEventListener("pointerleave",c)})}function q(e,t){let n=e.dataset.knowledgeMotionKey;if(n===void 0)return!1;let o=g.get(n);return o!==void 0&&t-o<C}function K(e,t){let n=e.dataset.knowledgeMotionKey;if(n===void 0||(g.set(n,t),g.size<=4e3))return;let o=g.keys().next().value;o!==void 0&&g.delete(o)}function k(e){let t=e.scrollHeight-e.clientHeight-e.scrollTop;e.dataset.scrollTop=String(e.scrollTop<=2),e.dataset.scrollBottom=String(t<=2)}function j(e){if(u.has(e))return;let t=e.matches(".base-grid");e.classList.add("knowledge-animated-list"),e.dataset.knowledgeListLayout=t?"grid":"scroll",k(e);let n=()=>k(e);e.addEventListener("scroll",n,{passive:!0});let o=Array.from(e.querySelectorAll(T));if($.matches||typeof IntersectionObserver>"u"){for(let i of o)i.classList.add("knowledge-list-reveal","is-visible");u.set(e,()=>e.removeEventListener("scroll",n));return}let s=e.scrollHeight-e.clientHeight>2?e:null,c=new IntersectionObserver(i=>{let y=i.filter(f=>f.isIntersecting).sort((f,p)=>f.boundingClientRect.top-p.boundingClientRect.top),w=performance.now();y.forEach((f,p)=>{let E=f.target,S=t?52:38;E.style.setProperty("--knowledge-list-delay",`${Math.min(p,7)*S}ms`),E.classList.add("is-visible"),K(E,w)});for(let f of i){if(f.isIntersecting)continue;let p=f.target;p.classList.remove("is-visible"),p.style.setProperty("--knowledge-list-delay","0ms")}},{root:s,threshold:.12,rootMargin:"-4px 0px"}),r=performance.now();for(let i of o)i.classList.add("knowledge-list-reveal"),!t&&q(i,r)&&i.classList.add("is-visible");let a=0,l=0;a=requestAnimationFrame(()=>{a=0,l=requestAnimationFrame(()=>{l=0;for(let i of o)c.observe(i)})}),u.set(e,()=>{a!==0&&cancelAnimationFrame(a),l!==0&&cancelAnimationFrame(l),c.disconnect(),e.removeEventListener("scroll",n)})}function U(){for(let[e,t]of m)e.isConnected||(t.frame!==0&&cancelAnimationFrame(t.frame),t.observer?.disconnect(),t.filter?.remove(),m.delete(e));for(let[e,t]of v)e.isConnected||(t(),v.delete(e));for(let[e,t]of u)e.isConnected||(t(),u.delete(e))}function W(e=document){U();for(let t of b(e,x))B(t);for(let t of b(e,L))t.classList.add("knowledge-card-surface");for(let t of b(e,A))V(t);for(let t of b(e,R))t.classList.add("knowledge-glare-surface");for(let t of b(e,G))j(t)}function z(){for(let[e,t]of m)t.frame!==0&&cancelAnimationFrame(t.frame),t.observer?.disconnect(),t.filter?.remove(),e.classList.remove("knowledge-glass-surface"),e.removeAttribute("data-knowledge-glass"),e.style.removeProperty("--knowledge-glass-filter");for(let[e,t]of v)t(),e.classList.remove("knowledge-border-surface"),e.classList.remove("knowledge-card-surface"),e.style.removeProperty("--knowledge-pointer-x"),e.style.removeProperty("--knowledge-pointer-y");for(let[e,t]of u)t(),e.classList.remove("knowledge-animated-list");m.clear(),v.clear(),u.clear(),g.clear(),d?.remove(),d=void 0}window.DshKnowledgeEffects?.destroy();window.DshKnowledgeEffects={refresh:W,destroy:z};})();