From 5c601f775d4c92999def60b284dbd8545de8ccc7 Mon Sep 17 00:00:00 2001 From: sebnitu Date: Sat, 29 Jun 2024 14:01:19 -0700 Subject: [PATCH] Updates --- assets/index-BxcwmthJ.css | 1 - assets/index-C4t-2SiG.js | 1 - assets/index-DreJqMAu.css | 1 + assets/index-onhfN8ni.js | 1 + index.html | 4 ++-- 5 files changed, 4 insertions(+), 4 deletions(-) delete mode 100644 assets/index-BxcwmthJ.css delete mode 100644 assets/index-C4t-2SiG.js create mode 100644 assets/index-DreJqMAu.css create mode 100644 assets/index-onhfN8ni.js diff --git a/assets/index-BxcwmthJ.css b/assets/index-BxcwmthJ.css deleted file mode 100644 index 8febe24..0000000 --- a/assets/index-BxcwmthJ.css +++ /dev/null @@ -1 +0,0 @@ -.avatar{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background:var(--avatar-color, rgba(0, 0, 0, .1));border-radius:4rem;outline:1px solid rgba(0,0,0,.1);outline-offset:3px}.sortable{display:flex;flex-direction:column;gap:1rem;list-style:none}.sortable.event-dragging .sortable__item *{pointer-events:none}.sortable__item{position:relative;z-index:2}.sortable__item.is-dragging{z-index:1}.sortable__handle{display:flex;justify-content:center;align-items:center;position:absolute;inset:1px 1px 1px auto;width:3rem;border-left:1px solid rgba(0,0,0,.1);border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;cursor:grab}.sortable__handle:active{background-color:#0000000d;cursor:grabbing}.sortable__content{padding:1rem 4rem 1rem 1rem;border:1px solid rgba(0,0,0,.1);background-color:#fff;border-radius:.25rem;opacity:1;transition:background-color .25s ease .5s}.sortable__content>*{opacity:1}.is-dragging>.sortable__content{border-color:#00f;opacity:.5}.is-dragging>.sortable__content>*{transition:opacity .1s linear;opacity:0}.is-clicked>.sortable__content{transition:none;background-color:#ffffe0} diff --git a/assets/index-C4t-2SiG.js b/assets/index-C4t-2SiG.js deleted file mode 100644 index 3f7c660..0000000 --- a/assets/index-C4t-2SiG.js +++ /dev/null @@ -1 +0,0 @@ -import"https://unpkg.com/feather-icons";(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))a(r);new MutationObserver(r=>{for(const s of r)if(s.type==="childList")for(const i of s.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&a(i)}).observe(document,{childList:!0,subtree:!0});function n(r){const s={};return r.integrity&&(s.integrity=r.integrity),r.referrerPolicy&&(s.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?s.credentials="include":r.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function a(r){if(r.ep)return;r.ep=!0;const s=n(r);fetch(r.href,s)}})();const d=document.querySelector(".sortable"),h=document.querySelectorAll(".sortable__item"),L=150;let o=null,l=!1;h.forEach(e=>{const t=e.querySelector(".sortable__handle");t&&(e.setAttribute("draggable","false"),t.addEventListener("mousedown",()=>{e.setAttribute("draggable","true")}),t.addEventListener("mouseup",()=>{e.setAttribute("draggable","false")})),e.addEventListener("click",()=>{e.classList.contains("is-clicked")||(e.classList.add("is-clicked"),setTimeout(()=>{e.classList.remove("is-clicked")},1e3))}),e.addEventListener("dragstart",()=>{d.classList.add("event-dragging"),e.classList.add("is-dragging"),o=e}),e.addEventListener("dragend",()=>{d.classList.remove("event-dragging"),e.classList.remove("is-dragging"),o=null,l&&(console.log("Save order"),t&&e.setAttribute("draggable","false"),l=!1)}),e.addEventListener("dragenter",()=>{if(e===o||e.getAnimations().length)return;const n=o.getBoundingClientRect(),a=e.getBoundingClientRect();o.getBoundingClientRect().top>e.getBoundingClientRect().top+e.getBoundingClientRect().height/2?(e.before(o),c(o,n,a),g(e,a,n)):(e.after(o),c(e,a,n),g(o,n,a)),l=!0}),e.addEventListener("dragover",n=>{n.preventDefault()}),e.addEventListener("drop",n=>{n.preventDefault(),console.log("Save order"),t&&e.setAttribute("draggable","false"),l=!1}),t.addEventListener("touchstart",()=>{console.log("touchstart"),e.setAttribute("draggable","true"),d.classList.add("event-dragging"),e.classList.add("is-dragging"),o=e}),t.addEventListener("touchend",n=>{console.log("touchend",n,n.clientX,n.clientY),e.setAttribute("draggable","false"),d.classList.remove("event-dragging"),e.classList.remove("is-dragging"),o=null,l&&(console.log("Save order"),l=!1)}),t.addEventListener("touchmove",n=>{n.preventDefault(),console.log("touchmove")}),t.addEventListener("touchcancel",()=>{console.log("touchcancel")})});function c(...e){f(...e)}function g(...e){f(...e,"-")}function f(e,t,n,a=""){const r=e.offsetWidth+parseInt(getComputedStyle(e.parentElement).gap),s=e.offsetHeight+parseInt(getComputedStyle(e.parentElement).gap);let i=u(Math.abs(t.left-n.left),r),p=u(Math.abs(t.top-n.top),s);const v=[{transform:`translate3D(${a}${i}px, ${a}${p}px, 0)`},{transform:"translate3d(0, 0, 0)"}];e.animate(v,{duration:L,easing:"ease"})}function u(e,t){return e>t?t:e}feather.replace(); diff --git a/assets/index-DreJqMAu.css b/assets/index-DreJqMAu.css new file mode 100644 index 0000000..fab4b06 --- /dev/null +++ b/assets/index-DreJqMAu.css @@ -0,0 +1 @@ +.avatar{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background:var(--avatar-color, var(--vb-border-color));border-radius:4rem;outline:1px solid var(--vb-border-color-dark);outline-offset:3px;color:var(--vb-background)}.sortable{display:flex;flex-direction:column;gap:1rem;list-style:none}.sortable.event-dragging .sortable__item *{pointer-events:none}.sortable__item{position:relative;z-index:2}.sortable__item.is-dragging{z-index:1}.sortable__handle{display:flex;justify-content:center;align-items:center;position:absolute;inset:1px 1px 1px auto;width:3rem;border-left:1px solid var(--vb-border-color);border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;cursor:grab}.sortable__handle:active{background-color:#0000000d;cursor:grabbing}.sortable__content{padding:1rem 4rem 1rem 1rem;border:1px solid var(--vb-border-color);background-color:var(--vb-background);border-radius:.25rem;opacity:1;transition:background-color .25s ease .5s}.sortable__content>*{opacity:1}.is-dragging>.sortable__content{border-color:#00f;opacity:.5}.is-dragging>.sortable__content>*{transition:opacity .1s linear;opacity:0}.is-clicked>.sortable__content{transition:none;background-color:var(--vb-background-dark)} diff --git a/assets/index-onhfN8ni.js b/assets/index-onhfN8ni.js new file mode 100644 index 0000000..0cc16c2 --- /dev/null +++ b/assets/index-onhfN8ni.js @@ -0,0 +1 @@ +import"https://unpkg.com/feather-icons";(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))o(t);new MutationObserver(t=>{for(const s of t)if(s.type==="childList")for(const i of s.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&o(i)}).observe(document,{childList:!0,subtree:!0});function n(t){const s={};return t.integrity&&(s.integrity=t.integrity),t.referrerPolicy&&(s.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?s.credentials="include":t.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function o(t){if(t.ep)return;t.ep=!0;const s=n(t);fetch(t.href,s)}})();const d=document.querySelector(".sortable"),L=document.querySelectorAll(".sortable__item"),b=150;let a=null,l=!1;L.forEach(e=>{const r=e.querySelector(".sortable__handle");r&&(e.setAttribute("draggable","false"),r.addEventListener("mousedown",()=>{e.setAttribute("draggable","true")}),r.addEventListener("mouseup",()=>{e.setAttribute("draggable","false")})),e.addEventListener("click",()=>{e.classList.contains("is-clicked")||(e.classList.add("is-clicked"),setTimeout(()=>{e.classList.remove("is-clicked")},1e3))}),e.addEventListener("dragstart",()=>{d.classList.add("event-dragging"),e.classList.add("is-dragging"),a=e}),e.addEventListener("dragend",()=>{d.classList.remove("event-dragging"),e.classList.remove("is-dragging"),a=null,l&&(console.log("Save order"),r&&e.setAttribute("draggable","false"),l=!1)}),e.addEventListener("dragenter",()=>{if(e===a||e.getAnimations().length)return;const n=a.getBoundingClientRect(),o=e.getBoundingClientRect();a.getBoundingClientRect().top>e.getBoundingClientRect().top+e.getBoundingClientRect().height/2?(e.before(a),c(a,n,o),f(e,o,n)):(e.after(a),c(e,o,n),f(a,n,o)),l=!0}),e.addEventListener("dragover",n=>{n.preventDefault()}),e.addEventListener("drop",n=>{n.preventDefault(),console.log("Save order"),r&&e.setAttribute("draggable","false"),l=!1})});function c(...e){g(...e)}function f(...e){g(...e,"-")}function g(e,r,n,o=""){const t=e.offsetWidth+parseInt(getComputedStyle(e.parentElement).gap),s=e.offsetHeight+parseInt(getComputedStyle(e.parentElement).gap);let i=u(r.left-n.left,t),p=u(r.top-n.top,s);const h=[{transform:`translate3D(${o}${i}px, ${o}${p}px, 0)`},{transform:"translate3d(0, 0, 0)"}];e.animate(h,{duration:b,easing:"ease"})}function u(e,r){return e=Math.abs(e),e>r?r:e}feather.replace(); diff --git a/index.html b/index.html index caffd89..1de049f 100644 --- a/index.html +++ b/index.html @@ -8,8 +8,8 @@ - - + +