drab 5.4.2 → 6.1.0

package/index.iife.js

@@ -1,9 +0,0 @@
-"use strict";(()=>{var c=class extends HTMLElement{#t=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(t){this.setAttribute("event",t)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(t=HTMLElement){let e=this.querySelector(this.getAttribute("content")??"[data-content]");if(e instanceof t)return e;throw new Error("Content not found")}swapContent(t=!0,e=800){let i=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(i){let s=Array.from(this.getContent().childNodes),r=[];i instanceof HTMLTemplateElement?(r.push(i.content.cloneNode(!0)),i.content.replaceChildren(...s)):(r.push(...i.childNodes),i.replaceChildren(...s)),this.getContent().replaceChildren(...r),t&&setTimeout(()=>this.swapContent(!1),e)}}safeListener(t,e,i=document.body,s={}){s.signal=this.#t.signal,i.addEventListener(t,e,s)}triggerListener(t,e=this.event,i){for(let s of this.getTrigger())s.addEventListener(e,t,i)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#t.abort()}};var p=class extends c{constructor(){super()}get animationOptions(){let t={};for(let e of this.getAttributeNames())if(e.startsWith("animation-option-")){let i=this.getAttribute(e),[,,s]=e.split("-");i&&(s==="duration"||s==="delay"?t[s]=Number(i):s==="easing"&&(t[s]=i))}return t}async animateElement(t={element:this.getContent(),options:{}}){let{element:e=this.getContent(),options:i={}}=t,s=this.keyframes;if(s.length&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches){i=Object.assign(this.animationOptions,i),i.duration||(i.duration=200),i.easing||(i.easing="ease-in-out");let r=s.at(0),n=s.at(-1);if(r&&n){let u=["composite","easing","offset"];for(let l of u)delete r[l],delete n[l]}i.direction?.includes("reverse")&&([r,n]=[n,r]),Object.assign(e.style,r),await e.animate(s,i).finished,Object.assign(e.style,n)}}get keyframes(){let t=[];for(let e of this.getAttributeNames()){let i=this.getAttribute(e),[,,s,...r]=e.split("-");if(e.startsWith("animation-keyframe-")){let n=r.map((o,u)=>u<1?o:o.at(0)?.toUpperCase()+o.slice(1)).join("");if(s&&n){s==="from"?s="0":s==="to"?s="1":s=String(parseInt(s)*.01);let o=Number(s),u=t.find(l=>l.offset===o);u?u[n]=i:t.push({[n]:i,offset:o})}}}return t.sort((e,i)=>Number(e.offset)-Number(i.offset)),t}};var y=class extends c{breakpoints=[{name:"sm",width:640},{name:"md",width:768},{name:"lg",width:1024},{name:"xl",width:1280},{name:"2xl",width:1536}];constructor(){super();let t=[];for(let e of this.getAttributeNames())if(e.startsWith("breakpoint-")){let[,...i]=e.split("-");i&&t.push({name:i.join("-"),width:Number(this.getAttribute(e))})}t.length&&(this.breakpoints=t),this.breakpoints.sort((e,i)=>i.width-e.width)}get breakpoint(){for(let t=0;t<this.breakpoints.length;t++){let e=this.breakpoints[t];if(e&&window.innerWidth>e.width)return e.name}return"none"}mount(){let t=()=>this.getContent().innerHTML=`${this.breakpoint}:${window.innerWidth}`;t(),this.safeListener("resize",t,window)}};var A=class extends p{#t;constructor(){super()}set#e(t){this.getContent().style.left=`${t.x}px`,this.getContent().style.top=`${t.y}px`}async show(t){let e=window.scrollY,i=window.scrollX,s=t instanceof MouseEvent?t.clientX:t.touches[0]?.clientX??0,r=t instanceof MouseEvent?t.clientY:t.touches[0]?.clientY??0,n=s+i,o=r+e;this.getContent().style.position="absolute",this.getContent().style.display="block";let u=this.getContent().offsetWidth+24,l=this.getContent().offsetHeight+6,h=window.innerWidth,m=window.innerHeight;n+u>i+h&&(n=i+h-u),o+l>e+m&&(o=e+m-l),this.#e={x:n,y:o},await this.animateElement()}async hide(){this.getContent().style.display!=="none"&&(await this.animateElement({options:{direction:"reverse"}}),this.getContent().style.display="none")}mount(){this.triggerListener(e=>{e.preventDefault(),this.show(e)},"contextmenu"),this.safeListener("click",()=>this.hide()),this.triggerListener(e=>{this.#t=setTimeout(()=>{this.show(e)},800)},"touchstart",{passive:!0});let t=()=>clearTimeout(this.#t);this.triggerListener(t,"touchend",{passive:!0}),this.triggerListener(t,"touchcancel",{passive:!0}),this.safeListener("keydown",e=>{e.key==="Escape"&&this.hide()})}};var f=class extends c{constructor(){super()}get value(){return this.getAttribute("value")??""}set value(t){this.setAttribute("value",t)}async copy(t=this.value){await navigator.clipboard.writeText(t),this.swapContent()}};var k=class extends f{constructor(){super()}mount(){this.triggerListener(async()=>await this.copy())}};var v=class extends p{constructor(){super()}get details(){let t=this.getContent(HTMLElement).parentElement;if(!(t instanceof HTMLDetailsElement))throw new Error("Details: HTMLDetailsElement not found.");return t}async open(){this.details.open=!0,await this.animateElement()}async close(){await this.animateElement({options:{direction:"reverse"}}),this.details.open=!1}toggle(){this.details.open?this.close():this.open()}mount(){this.triggerListener(t=>{t.preventDefault(),this.toggle()})}};var x=class extends p{#t=parseInt(getComputedStyle(document.body).marginRight);constructor(){super()}get dialog(){return this.getContent(HTMLDialogElement)}#e(t){this.hasAttribute("remove-body-scroll")&&(document.body.style.marginRight=`${t?this.#t+window.innerWidth-document.documentElement.clientWidth:this.#t}px`,document.body.style.overflow=t?"hidden":"")}async show(){this.dialog.showModal(),this.#e(!0),await this.animateElement()}async close(){await this.animateElement({options:{direction:"reverse"}}),this.#e(!1),this.dialog.close()}async toggle(){this.dialog.open?this.close():this.show()}mount(){this.triggerListener(()=>this.toggle()),this.safeListener("keydown",t=>{t.key==="Escape"&&this.dialog.open&&(t.preventDefault(),this.close())}),this.hasAttribute("click-outside-close")&&this.dialog.addEventListener("click",t=>{let e=this.dialog.getBoundingClientRect();(t.clientX<e.left||t.clientX>e.right||t.clientY<e.top||t.clientY>e.bottom)&&this.close()})}};var E=class extends c{#t=[];keyPairs={"(":")","{":"}","[":"]","<":">",'"':'"',"`":"`"};constructor(){super();for(let t of this.#e)t.type==="wrap"&&(this.keyPairs[t.value]=t.value)}get textArea(){return this.getContent(HTMLTextAreaElement)}get text(){return this.textArea.value}set text(t){this.textArea.value=t}get#e(){let t=[];for(let e of this.getTrigger())t.push(this.#l(e));return t}get#n(){let t=this.text.split("```"),e=0;for(let[i,s]of t.entries())if(e+=s.length+3,this.#i<e)return i;return 0}get#s(){return this.textArea.selectionEnd}get#i(){return this.textArea.selectionStart}#r(t,e){this.textArea.setSelectionRange(t,e)}#l(t){let e=t.dataset.type,i=t.dataset.value,s=t.dataset.key??void 0;return{type:e,value:i,key:s}}async#c(t,e,i){if(t.type==="inline")this.text=`${this.text.slice(0,i)}${t.value}${this.text.slice(i)}`;else if(t.type==="wrap")this.text=P(this.text,t.value,e),this.text=P(this.text,this.keyPairs[t.value],i+t.value.length),t.value.length<2&&this.#t.push(t.value);else if(t.type==="block"){let{lines:s,lineNumber:r}=this.#a(),n=t.value.at(0);n&&s[r]?.startsWith(n)?s[r]=t.value.trim()+s[r]:s[r]=t.value+s[r],this.text=s.join(`
-`)}}async#h(t,e,i){let s=0,r=0;if(/[a-z]/i.test(t)){for(let n=i;n<this.text.length;n++)if(this.text[n]?.match(/[a-z]/i))s?r=n+1:s=n;else if(s)break}else s=e+t.length,r=i+t.length;this.#r(s,r),this.textArea.focus()}async#o(t){let e=this.#s,i=this.#i;await this.#c(t,i,e),this.#h(t.value,i,e)}#p(t){if(t){let e=[];this.#e.forEach(s=>{s.type==="block"&&e.push(s.value)});for(let s=0;s<e.length;s++){let r=e[s];if(r&&t.startsWith(r))return r}let i=w(t);if(i)return`${i}. `}return""}#a(){let t=this.text.split(`
-`),e=0;for(let i=0;i<t.length;i++){let s=t.at(i)?.length??0;if(e++,e+=s,e>this.#s)return{lines:t,lineNumber:i,columnNumber:this.#s-(e-s-1)}}return{lines:t,lineNumber:0,columnNumber:0}}#u(t,e=!1){let{lines:i}=this.#a();for(let s=t+1;s<i.length;s++){let r=i[s];if(r){let n=w(r);if(n){let o;if(e)if(n>1)o=n-1;else break;else o=n+1;i[s]=r.slice(String(n).length),i[s]=String(o)+i[s]}else break}}this.text=i.join(`
-`)}mount(){this.textArea.addEventListener("keydown",async t=>{let e=["ArrowUp","ArrowDown","Delete"],i=this.text[this.#s]??"";if(e.includes(t.key))this.#t=[];else if(t.key==="Backspace"){let s=this.text[this.#i-1];if(s&&s in this.keyPairs&&i===this.keyPairs[s]){t.preventDefault();let r=this.#i-1,n=this.#s-1;this.text=d(this.text,r),this.text=d(this.text,n),setTimeout(()=>{this.#r(r,n)},0),this.#t.pop()}if(s===`
-`&&this.#i===this.#s){t.preventDefault();let r=this.#i-1,{lineNumber:n}=this.#a();this.#u(n,!0),this.text=d(this.text,r),setTimeout(async()=>{this.#r(r,r)},0)}}else if(t.key==="Tab")this.#n%2!==0&&(t.preventDefault(),await this.#o({type:"inline",value:"	"}));else if(t.key==="Enter"){let{lines:s,lineNumber:r,columnNumber:n}=this.#a(),o=s.at(r),u=this.#p(o),l=u,h=w(u);if(h&&(u=`${h+1}. `),u&&l.length<n)t.preventDefault(),h&&this.#u(r),await this.#o({type:"inline",value:`
-${u}`});else if(u&&l.length===n){t.preventDefault();let m=this.#s,g=m-l.length;for(let b=0;b<l.length;b++)this.text=d(this.text,m-(b+1));setTimeout(async()=>{this.#r(g,g),this.textArea.focus(),await this.#o({type:"inline",value:`
-`})},0)}}else{let s=Object.values(this.keyPairs).includes(i),r=this.#i!==this.#s;if((t.ctrlKey||t.metaKey)&&this.#i===this.#s&&(t.key==="c"||t.key==="x")){t.preventDefault();let{lines:n,lineNumber:o,columnNumber:u}=this.#a();if(await navigator.clipboard.writeText(`${o===0&&t.key==="x"?"":`
-`}${n[o]}`),t.key==="x"){let l=this.#i-u;n.splice(o,1),this.text=n.join(`
-`),setTimeout(()=>{this.#r(l,l)},0)}}if((t.ctrlKey||t.metaKey)&&t.key){let n=this.#e.find(o=>o.key===t.key);n&&this.#o(n)}else s&&(i===t.key||t.key==="ArrowRight")&&this.#t.length&&!r?(t.preventDefault(),this.#r(this.#i+1,this.#s+1),this.#t.pop()):t.key in this.keyPairs&&(t.preventDefault(),await this.#o({type:"wrap",value:t.key}),this.#t.push(t.key))}}),this.textArea.addEventListener("dblclick",()=>{this.#i!==this.#s&&(this.text[this.#i]===" "&&this.#r(this.#i+1,this.#s),this.text[this.#s-1]===" "&&this.#r(this.#i,this.#s-1))}),this.textArea.addEventListener("click",()=>this.#t=[]);for(let t of this.getTrigger())t.addEventListener(this.event,()=>{this.#o(this.#l(t))})}},w=a=>{let t=a.match(/^(\d+)\./);return t?Number(t[1]):null},P=(a,t,e)=>a.slice(0,e)+t+a.slice(e),d=(a,t)=>a.slice(0,t)+a.slice(t+1);var T=class extends c{constructor(){super()}isFullscreen(){return document.fullscreenElement!==null}fullscreenSupported(){return!!document.documentElement.requestFullscreen}toggle(){if(this.isFullscreen())document.exitFullscreen();else try{this.getContent(HTMLElement).requestFullscreen()}catch{document.documentElement.requestFullscreen()}}mount(){this.triggerListener(()=>this.toggle());for(let t of this.getTrigger())!this.fullscreenSupported()&&"disabled"in t&&(t.disabled=!0)}};var L=class extends c{#t=[];#e=[];constructor(){super()}get#n(){return Number(this.getAttribute("threshold")??0)}onIntersect(t){this.#t.push(t)}onExit(t){this.#e.push(t)}mount(){let t=new IntersectionObserver(e=>{let i="data-intersect";for(let s of e)if(s.isIntersecting){this.getContent().setAttribute(i,"");for(let r of this.#t)r()}else{this.getContent().removeAttribute(i);for(let r of this.#e)r()}},{threshold:this.#n});for(let e of this.getTrigger())t.observe(e)}};var C=class extends p{constructor(){super()}get open(){return this.hasAttribute("open")}set open(t){t?this.setAttribute("open",""):this.removeAttribute("open")}async show(){this.getContent().showPopover(),await this.animateElement()}async hide(){await this.animateElement({options:{direction:"reverse"}}),this.getContent().hidePopover()}async toggle(){this.open?this.hide():this.show()}mount(){this.triggerListener(t=>{t.preventDefault(),this.toggle()}),this.getContent().addEventListener("toggle",t=>{t.newState==="open"?this.open=!0:this.open=!1}),this.safeListener("keydown",t=>{t.key==="Escape"&&this.open&&(t.preventDefault(),this.hide())})}};var M=class extends c{#t=[];constructor(){super()}get#e(){return this.getAttribute("strategy")??"hover"}get#n(){return this.hasAttribute("prerender")}get#s(){return this.getAttribute("url")}appendTag(t){let{url:e,prerender:i}=t;if(e!==window.location.href&&!this.#t.includes(e))if(this.#t.push(e),HTMLScriptElement.supports&&HTMLScriptElement.supports("speculationrules")){let s={prefetch:[{source:"list",urls:[e]}]};i&&(s.prerender=s.prefetch);let r=document.createElement("script");r.type="speculationrules",r.textContent=JSON.stringify(s),document.head.append(r)}else{let s=document.createElement("link");s.rel="prefetch",s.as="document",s.href=e,document.head.append(s)}}prefetch(t={anchors:this.getTrigger(),prerender:this.#n,strategy:this.#e}){let{anchors:e=this.getTrigger(),prerender:i=this.#n,strategy:s=this.#e}=t,r,n=(l=200)=>h=>{let{href:m}=h.currentTarget;r=setTimeout(()=>this.appendTag({url:m,prerender:i}),l)},o=()=>clearTimeout(r),u=new IntersectionObserver(l=>{for(let h of l)h.isIntersecting&&this.appendTag({url:h.target.href,prerender:i})});for(let l of e)s==="load"?this.appendTag({url:l.href,prerender:i}):s==="visible"?u.observe(l):(l.addEventListener("mouseover",n()),l.addEventListener("mouseout",o),l.addEventListener("focus",n()),l.addEventListener("focusout",o),l.addEventListener("touchstart",n(0),{passive:!0}))}mount(){this.#s&&this.appendTag({url:this.#s,prerender:this.#n}),this.prefetch()}};var S=class extends f{constructor(){super()}async share(t=this.value){if(navigator.canShare&&navigator.canShare({url:t}))try{await navigator.share({url:t})}catch(e){e?.name!=="AbortError"&&console.error(e)}else this.copy()}mount(){this.triggerListener(async()=>await this.share())}};var H=class extends c{constructor(){super()}#t(t){let e="data-asc",i="data-desc";for(let s of this.getTrigger())s!==t&&(s.removeAttribute(e),s.removeAttribute(i));return t.hasAttribute(e)?(t.removeAttribute(e),t.setAttribute(i,""),!1):(t.removeAttribute(i),t.setAttribute(e,""),!0)}mount(){let t=this.getContent(HTMLTableSectionElement);for(let e of this.getTrigger())e.addEventListener(this.event,()=>{Array.from(t.querySelectorAll("tr")).sort(W(e,this.#t(e))).forEach(i=>t.appendChild(i))})}},W=(a,t)=>(i,s)=>{let r=Array.from(a.parentNode?.children??[]).indexOf(a);return((o,u)=>{let l=a.dataset.type??"string";if(l==="string")return new Intl.Collator().compare(o,u);if(l==="boolean"){let h=m=>["0","false","null","undefined"].includes(m)?!1:!!m;return h(o)===h(u)?0:h(o)?-1:1}else return Number(o)-Number(u)})(B(t?i:s,r),B(t?s:i,r))},B=(a,t)=>{let e=a.children[t];return e instanceof HTMLElement?e.dataset.value??e.textContent??"":""};var N=class extends c{wakeLock=null;constructor(){super()}#t(){return"wakeLock"in navigator}get#e(){return this.hasAttribute("auto-lock")}async request(){this.#t()&&document.visibilityState==="visible"&&(this.wakeLock=await navigator.wakeLock.request("screen"),this.setAttribute("locked",""),this.swapContent(!1),this.wakeLock.addEventListener("release",()=>{this.removeAttribute("locked"),this.swapContent(!1),this.#e||(this.wakeLock=null)}))}async release(){await this.wakeLock?.release(),this.wakeLock=null}mount(){this.hasAttribute("locked")&&this.request(),this.triggerListener(()=>{this.wakeLock?this.release():this.request()});for(let t of this.getTrigger())!this.#t()&&"disabled"in t&&(t.disabled=!0);this.#e&&this.safeListener("visibilitychange",()=>{this.wakeLock&&this.request()},document)}destroy(){this.release()}};var D=class extends c{static observedAttributes=["autoplay","start","uid"];constructor(){super()}get iframe(){return this.getContent(HTMLIFrameElement)}get autoplay(){return this.hasAttribute("autoplay")}set autoplay(t){t?this.setAttribute("autoplay",""):this.removeAttribute("autoplay")}get start(){return this.getAttribute("start")??"0"}set start(t){this.setAttribute("start",t)}get uid(){let t=this.getAttribute("uid");if(!t)throw new Error("YouTube: missing `uid` attribute.");return t}set uid(t){this.setAttribute("uid",t)}mount(){this.iframe.allowFullscreen=!0,this.iframe.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"}attributeChangedCallback(){queueMicrotask(()=>{this.iframe.src=`https://www.youtube-nocookie.com/embed/${this.uid}?start=${this.start}${this.autoplay?"&autoplay=1":""}`})}};})();

package/index.js

@@ -1,17 +0,0 @@
-import { Base } from "./base/index.js";
-import { Animate } from "./animate/index.js";
-import { Breakpoint } from "./breakpoint/index.js";
-import { ContextMenu, } from "./contextmenu/index.js";
-import { Copy } from "./copy/index.js";
-import { Details } from "./details/index.js";
-import { Dialog } from "./dialog/index.js";
-import { Editor } from "./editor/index.js";
-import { Fullscreen } from "./fullscreen/index.js";
-import { Intersect } from "./intersect/index.js";
-import { Popover } from "./popover/index.js";
-import { Prefetch } from "./prefetch/index.js";
-import { Share } from "./share/index.js";
-import { TableSort } from "./tablesort/index.js";
-import { WakeLock } from "./wakelock/index.js";
-import { YouTube } from "./youtube/index.js";
-export { Base, Animate, Breakpoint, ContextMenu, Copy, Details, Dialog, Editor, Fullscreen, Intersect, Popover, Prefetch, Share, TableSort, WakeLock, YouTube, };

package/intersect/define.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var o=class extends HTMLElement{#t=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(t){this.setAttribute("event",t)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(t=HTMLElement){let n=this.querySelector(this.getAttribute("content")??"[data-content]");if(n instanceof t)return n;throw new Error("Content not found")}swapContent(t=!0,n=800){let e=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(e){let r=Array.from(this.getContent().childNodes),s=[];e instanceof HTMLTemplateElement?(s.push(e.content.cloneNode(!0)),e.content.replaceChildren(...r)):(s.push(...e.childNodes),e.replaceChildren(...r)),this.getContent().replaceChildren(...s),t&&setTimeout(()=>this.swapContent(!1),n)}}safeListener(t,n,e=document.body,r={}){r.signal=this.#t.signal,e.addEventListener(t,n,r)}triggerListener(t,n=this.event,e){for(let r of this.getTrigger())r.addEventListener(n,t,e)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#t.abort()}};var i=class extends o{#t=[];#e=[];constructor(){super()}get#n(){return Number(this.getAttribute("threshold")??0)}onIntersect(t){this.#t.push(t)}onExit(t){this.#e.push(t)}mount(){let t=new IntersectionObserver(n=>{let e="data-intersect";for(let r of n)if(r.isIntersecting){this.getContent().setAttribute(e,"");for(let s of this.#t)s()}else{this.getContent().removeAttribute(e);for(let s of this.#e)s()}},{threshold:this.#n});for(let n of this.getTrigger())t.observe(n)}};customElements.define("drab-intersect",i);})();

package/intersect/define.js

@@ -1,2 +0,0 @@
-import { Intersect } from "./index.js";
-customElements.define("drab-intersect", Intersect);

package/intersect/index.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var o=class extends HTMLElement{#t=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(t){this.setAttribute("event",t)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(t=HTMLElement){let n=this.querySelector(this.getAttribute("content")??"[data-content]");if(n instanceof t)return n;throw new Error("Content not found")}swapContent(t=!0,n=800){let e=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(e){let r=Array.from(this.getContent().childNodes),s=[];e instanceof HTMLTemplateElement?(s.push(e.content.cloneNode(!0)),e.content.replaceChildren(...r)):(s.push(...e.childNodes),e.replaceChildren(...r)),this.getContent().replaceChildren(...s),t&&setTimeout(()=>this.swapContent(!1),n)}}safeListener(t,n,e=document.body,r={}){r.signal=this.#t.signal,e.addEventListener(t,n,r)}triggerListener(t,n=this.event,e){for(let r of this.getTrigger())r.addEventListener(n,t,e)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#t.abort()}};var i=class extends o{#t=[];#e=[];constructor(){super()}get#n(){return Number(this.getAttribute("threshold")??0)}onIntersect(t){this.#t.push(t)}onExit(t){this.#e.push(t)}mount(){let t=new IntersectionObserver(n=>{let e="data-intersect";for(let r of n)if(r.isIntersecting){this.getContent().setAttribute(e,"");for(let s of this.#t)s()}else{this.getContent().removeAttribute(e);for(let s of this.#e)s()}},{threshold:this.#n});for(let n of this.getTrigger())t.observe(n)}};})();

package/popover/define.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var l=class extends HTMLElement{#e=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(e){this.setAttribute("event",e)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(e=HTMLElement){let i=this.querySelector(this.getAttribute("content")??"[data-content]");if(i instanceof e)return i;throw new Error("Content not found")}swapContent(e=!0,i=800){let t=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(t){let n=Array.from(this.getContent().childNodes),s=[];t instanceof HTMLTemplateElement?(s.push(t.content.cloneNode(!0)),t.content.replaceChildren(...n)):(s.push(...t.childNodes),t.replaceChildren(...n)),this.getContent().replaceChildren(...s),e&&setTimeout(()=>this.swapContent(!1),i)}}safeListener(e,i,t=document.body,n={}){n.signal=this.#e.signal,t.addEventListener(e,i,n)}triggerListener(e,i=this.event,t){for(let n of this.getTrigger())n.addEventListener(i,e,t)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var f=class extends l{constructor(){super()}get animationOptions(){let e={};for(let i of this.getAttributeNames())if(i.startsWith("animation-option-")){let t=this.getAttribute(i),[,,n]=i.split("-");t&&(n==="duration"||n==="delay"?e[n]=Number(t):n==="easing"&&(e[n]=t))}return e}async animateElement(e={element:this.getContent(),options:{}}){let{element:i=this.getContent(),options:t={}}=e,n=this.keyframes;if(n.length&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches){t=Object.assign(this.animationOptions,t),t.duration||(t.duration=200),t.easing||(t.easing="ease-in-out");let s=n.at(0),o=n.at(-1);if(s&&o){let a=["composite","easing","offset"];for(let m of a)delete s[m],delete o[m]}t.direction?.includes("reverse")&&([s,o]=[o,s]),Object.assign(i.style,s),await i.animate(n,t).finished,Object.assign(i.style,o)}}get keyframes(){let e=[];for(let i of this.getAttributeNames()){let t=this.getAttribute(i),[,,n,...s]=i.split("-");if(i.startsWith("animation-keyframe-")){let o=s.map((r,a)=>a<1?r:r.at(0)?.toUpperCase()+r.slice(1)).join("");if(n&&o){n==="from"?n="0":n==="to"?n="1":n=String(parseInt(n)*.01);let r=Number(n),a=e.find(m=>m.offset===r);a?a[o]=t:e.push({[o]:t,offset:r})}}}return e.sort((i,t)=>Number(i.offset)-Number(t.offset)),e}};var p=class extends f{constructor(){super()}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}async show(){this.getContent().showPopover(),await this.animateElement()}async hide(){await this.animateElement({options:{direction:"reverse"}}),this.getContent().hidePopover()}async toggle(){this.open?this.hide():this.show()}mount(){this.triggerListener(e=>{e.preventDefault(),this.toggle()}),this.getContent().addEventListener("toggle",e=>{e.newState==="open"?this.open=!0:this.open=!1}),this.safeListener("keydown",e=>{e.key==="Escape"&&this.open&&(e.preventDefault(),this.hide())})}};customElements.define("drab-popover",p);})();

package/popover/define.js

@@ -1,2 +0,0 @@
-import { Popover } from "./index.js";
-customElements.define("drab-popover", Popover);

package/popover/index.d.ts

@@ -1,25 +0,0 @@
-import { Animate, type AnimateAttributes } from "../animate/index.js";
-import type { Attributes } from "../types/index.js";
-export type PopoverAttributes = Attributes<Popover> & AnimateAttributes;
-/**
- * Provides animations for the Popover API.
- *
- * This component can be deprecated once it can be animated with CSS only,
- * currently [only available in Chrome](https://developer.chrome.com/blog/introducing-popover-api#interactive_entry_and_exit).
- */
-export declare class Popover extends Animate {
-    constructor();
-    /**
-     * Whether the popover is open or closed. This doesn't get set
-     * automatically on the element like with the `HTMLDialogElement`.
-     */
-    get open(): boolean;
-    set open(value: boolean);
-    /** `HTMLElement.showPopover()` with animation. */
-    show(): Promise<void>;
-    /** `HTMLElement.hidePopover()` with animation. */
-    hide(): Promise<void>;
-    /** `show` or `hide` depending on the current state. */
-    toggle(): Promise<void>;
-    mount(): void;
-}

package/popover/index.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var m=class extends HTMLElement{#e=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(e){this.setAttribute("event",e)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(e=HTMLElement){let i=this.querySelector(this.getAttribute("content")??"[data-content]");if(i instanceof e)return i;throw new Error("Content not found")}swapContent(e=!0,i=800){let t=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(t){let n=Array.from(this.getContent().childNodes),s=[];t instanceof HTMLTemplateElement?(s.push(t.content.cloneNode(!0)),t.content.replaceChildren(...n)):(s.push(...t.childNodes),t.replaceChildren(...n)),this.getContent().replaceChildren(...s),e&&setTimeout(()=>this.swapContent(!1),i)}}safeListener(e,i,t=document.body,n={}){n.signal=this.#e.signal,t.addEventListener(e,i,n)}triggerListener(e,i=this.event,t){for(let n of this.getTrigger())n.addEventListener(i,e,t)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var f=class extends m{constructor(){super()}get animationOptions(){let e={};for(let i of this.getAttributeNames())if(i.startsWith("animation-option-")){let t=this.getAttribute(i),[,,n]=i.split("-");t&&(n==="duration"||n==="delay"?e[n]=Number(t):n==="easing"&&(e[n]=t))}return e}async animateElement(e={element:this.getContent(),options:{}}){let{element:i=this.getContent(),options:t={}}=e,n=this.keyframes;if(n.length&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches){t=Object.assign(this.animationOptions,t),t.duration||(t.duration=200),t.easing||(t.easing="ease-in-out");let s=n.at(0),o=n.at(-1);if(s&&o){let a=["composite","easing","offset"];for(let l of a)delete s[l],delete o[l]}t.direction?.includes("reverse")&&([s,o]=[o,s]),Object.assign(i.style,s),await i.animate(n,t).finished,Object.assign(i.style,o)}}get keyframes(){let e=[];for(let i of this.getAttributeNames()){let t=this.getAttribute(i),[,,n,...s]=i.split("-");if(i.startsWith("animation-keyframe-")){let o=s.map((r,a)=>a<1?r:r.at(0)?.toUpperCase()+r.slice(1)).join("");if(n&&o){n==="from"?n="0":n==="to"?n="1":n=String(parseInt(n)*.01);let r=Number(n),a=e.find(l=>l.offset===r);a?a[o]=t:e.push({[o]:t,offset:r})}}}return e.sort((i,t)=>Number(i.offset)-Number(t.offset)),e}};var c=class extends f{constructor(){super()}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}async show(){this.getContent().showPopover(),await this.animateElement()}async hide(){await this.animateElement({options:{direction:"reverse"}}),this.getContent().hidePopover()}async toggle(){this.open?this.hide():this.show()}mount(){this.triggerListener(e=>{e.preventDefault(),this.toggle()}),this.getContent().addEventListener("toggle",e=>{e.newState==="open"?this.open=!0:this.open=!1}),this.safeListener("keydown",e=>{e.key==="Escape"&&this.open&&(e.preventDefault(),this.hide())})}};})();

package/popover/index.js

@@ -1,72 +0,0 @@
-import { Animate } from "../animate/index.js";
-/**
- * Provides animations for the Popover API.
- *
- * This component can be deprecated once it can be animated with CSS only,
- * currently [only available in Chrome](https://developer.chrome.com/blog/introducing-popover-api#interactive_entry_and_exit).
- */
-export class Popover extends Animate {
-    constructor() {
-        super();
-    }
-    /**
-     * Whether the popover is open or closed. This doesn't get set
-     * automatically on the element like with the `HTMLDialogElement`.
-     */
-    get open() {
-        return this.hasAttribute("open");
-    }
-    set open(value) {
-        if (value) {
-            this.setAttribute("open", "");
-        }
-        else {
-            this.removeAttribute("open");
-        }
-    }
-    /** `HTMLElement.showPopover()` with animation. */
-    async show() {
-        // @ts-ignore - not supported in FF
-        this.getContent().showPopover();
-        await this.animateElement();
-    }
-    /** `HTMLElement.hidePopover()` with animation. */
-    async hide() {
-        await this.animateElement({
-            options: {
-                direction: "reverse",
-            },
-        });
-        // @ts-ignore - not supported in FF
-        this.getContent().hidePopover();
-    }
-    /** `show` or `hide` depending on the current state. */
-    async toggle() {
-        if (this.open)
-            this.hide();
-        else
-            this.show();
-    }
-    mount() {
-        this.triggerListener((e) => {
-            e.preventDefault();
-            this.toggle();
-        });
-        this.getContent().addEventListener("toggle", (e) => {
-            //@ts-expect-error - not supported in FF as of 1/23/24
-            if (e.newState === "open") {
-                this.open = true;
-            }
-            else {
-                this.open = false;
-            }
-        });
-        this.safeListener("keydown", (e) => {
-            if (e.key === "Escape" && this.open) {
-                // to execute animation
-                e.preventDefault();
-                this.hide();
-            }
-        });
-    }
-}

package/prefetch/define.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var a=class extends HTMLElement{#e=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(n){this.setAttribute("event",n)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(n=HTMLElement){let t=this.querySelector(this.getAttribute("content")??"[data-content]");if(t instanceof n)return t;throw new Error("Content not found")}swapContent(n=!0,t=800){let r=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(r){let e=Array.from(this.getContent().childNodes),o=[];r instanceof HTMLTemplateElement?(o.push(r.content.cloneNode(!0)),r.content.replaceChildren(...e)):(o.push(...r.childNodes),r.replaceChildren(...e)),this.getContent().replaceChildren(...o),n&&setTimeout(()=>this.swapContent(!1),t)}}safeListener(n,t,r=document.body,e={}){e.signal=this.#e.signal,r.addEventListener(n,t,e)}triggerListener(n,t=this.event,r){for(let e of this.getTrigger())e.addEventListener(t,n,r)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var c=class extends a{#e=[];constructor(){super()}get#r(){return this.getAttribute("strategy")??"hover"}get#t(){return this.hasAttribute("prerender")}get#n(){return this.getAttribute("url")}appendTag(n){let{url:t,prerender:r}=n;if(t!==window.location.href&&!this.#e.includes(t))if(this.#e.push(t),HTMLScriptElement.supports&&HTMLScriptElement.supports("speculationrules")){let e={prefetch:[{source:"list",urls:[t]}]};r&&(e.prerender=e.prefetch);let o=document.createElement("script");o.type="speculationrules",o.textContent=JSON.stringify(e),document.head.append(o)}else{let e=document.createElement("link");e.rel="prefetch",e.as="document",e.href=t,document.head.append(e)}}prefetch(n={anchors:this.getTrigger(),prerender:this.#t,strategy:this.#r}){let{anchors:t=this.getTrigger(),prerender:r=this.#t,strategy:e=this.#r}=n,o,l=(s=200)=>i=>{let{href:p}=i.currentTarget;o=setTimeout(()=>this.appendTag({url:p,prerender:r}),s)},u=()=>clearTimeout(o),h=new IntersectionObserver(s=>{for(let i of s)i.isIntersecting&&this.appendTag({url:i.target.href,prerender:r})});for(let s of t)e==="load"?this.appendTag({url:s.href,prerender:r}):e==="visible"?h.observe(s):(s.addEventListener("mouseover",l()),s.addEventListener("mouseout",u),s.addEventListener("focus",l()),s.addEventListener("focusout",u),s.addEventListener("touchstart",l(0),{passive:!0}))}mount(){this.#n&&this.appendTag({url:this.#n,prerender:this.#t}),this.prefetch()}};customElements.define("drab-prefetch",c);})();

package/prefetch/define.js

@@ -1,2 +0,0 @@
-import { Prefetch } from "./index.js";
-customElements.define("drab-prefetch", Prefetch);

package/prefetch/index.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var a=class extends HTMLElement{#e=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(n){this.setAttribute("event",n)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(n=HTMLElement){let t=this.querySelector(this.getAttribute("content")??"[data-content]");if(t instanceof n)return t;throw new Error("Content not found")}swapContent(n=!0,t=800){let r=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(r){let e=Array.from(this.getContent().childNodes),o=[];r instanceof HTMLTemplateElement?(o.push(r.content.cloneNode(!0)),r.content.replaceChildren(...e)):(o.push(...r.childNodes),r.replaceChildren(...e)),this.getContent().replaceChildren(...o),n&&setTimeout(()=>this.swapContent(!1),t)}}safeListener(n,t,r=document.body,e={}){e.signal=this.#e.signal,r.addEventListener(n,t,e)}triggerListener(n,t=this.event,r){for(let e of this.getTrigger())e.addEventListener(t,n,r)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var u=class extends a{#e=[];constructor(){super()}get#r(){return this.getAttribute("strategy")??"hover"}get#t(){return this.hasAttribute("prerender")}get#n(){return this.getAttribute("url")}appendTag(n){let{url:t,prerender:r}=n;if(t!==window.location.href&&!this.#e.includes(t))if(this.#e.push(t),HTMLScriptElement.supports&&HTMLScriptElement.supports("speculationrules")){let e={prefetch:[{source:"list",urls:[t]}]};r&&(e.prerender=e.prefetch);let o=document.createElement("script");o.type="speculationrules",o.textContent=JSON.stringify(e),document.head.append(o)}else{let e=document.createElement("link");e.rel="prefetch",e.as="document",e.href=t,document.head.append(e)}}prefetch(n={anchors:this.getTrigger(),prerender:this.#t,strategy:this.#r}){let{anchors:t=this.getTrigger(),prerender:r=this.#t,strategy:e=this.#r}=n,o,l=(s=200)=>i=>{let{href:p}=i.currentTarget;o=setTimeout(()=>this.appendTag({url:p,prerender:r}),s)},c=()=>clearTimeout(o),h=new IntersectionObserver(s=>{for(let i of s)i.isIntersecting&&this.appendTag({url:i.target.href,prerender:r})});for(let s of t)e==="load"?this.appendTag({url:s.href,prerender:r}):e==="visible"?h.observe(s):(s.addEventListener("mouseover",l()),s.addEventListener("mouseout",c),s.addEventListener("focus",l()),s.addEventListener("focusout",c),s.addEventListener("touchstart",l(0),{passive:!0}))}mount(){this.#n&&this.appendTag({url:this.#n,prerender:this.#t}),this.prefetch()}};})();

package/share/define.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var s=class extends HTMLElement{#e=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(e){this.setAttribute("event",e)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(e=HTMLElement){let t=this.querySelector(this.getAttribute("content")??"[data-content]");if(t instanceof e)return t;throw new Error("Content not found")}swapContent(e=!0,t=800){let n=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(n){let r=Array.from(this.getContent().childNodes),a=[];n instanceof HTMLTemplateElement?(a.push(n.content.cloneNode(!0)),n.content.replaceChildren(...r)):(a.push(...n.childNodes),n.replaceChildren(...r)),this.getContent().replaceChildren(...a),e&&setTimeout(()=>this.swapContent(!1),t)}}safeListener(e,t,n=document.body,r={}){r.signal=this.#e.signal,n.addEventListener(e,t,r)}triggerListener(e,t=this.event,n){for(let r of this.getTrigger())r.addEventListener(t,e,n)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var o=class extends s{constructor(){super()}get value(){return this.getAttribute("value")??""}set value(e){this.setAttribute("value",e)}async copy(e=this.value){await navigator.clipboard.writeText(e),this.swapContent()}};var i=class extends o{constructor(){super()}async share(e=this.value){if(navigator.canShare&&navigator.canShare({url:e}))try{await navigator.share({url:e})}catch(t){t?.name!=="AbortError"&&console.error(t)}else this.copy()}mount(){this.triggerListener(async()=>await this.share())}};customElements.define("drab-share",i);})();

package/share/define.js

@@ -1,2 +0,0 @@
-import { Share } from "./index.js";
-customElements.define("drab-share", Share);

package/share/index.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var s=class extends HTMLElement{#e=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(e){this.setAttribute("event",e)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(e=HTMLElement){let t=this.querySelector(this.getAttribute("content")??"[data-content]");if(t instanceof e)return t;throw new Error("Content not found")}swapContent(e=!0,t=800){let n=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(n){let r=Array.from(this.getContent().childNodes),i=[];n instanceof HTMLTemplateElement?(i.push(n.content.cloneNode(!0)),n.content.replaceChildren(...r)):(i.push(...n.childNodes),n.replaceChildren(...r)),this.getContent().replaceChildren(...i),e&&setTimeout(()=>this.swapContent(!1),t)}}safeListener(e,t,n=document.body,r={}){r.signal=this.#e.signal,n.addEventListener(e,t,r)}triggerListener(e,t=this.event,n){for(let r of this.getTrigger())r.addEventListener(t,e,n)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var o=class extends s{constructor(){super()}get value(){return this.getAttribute("value")??""}set value(e){this.setAttribute("value",e)}async copy(e=this.value){await navigator.clipboard.writeText(e),this.swapContent()}};var c=class extends o{constructor(){super()}async share(e=this.value){if(navigator.canShare&&navigator.canShare({url:e}))try{await navigator.share({url:e})}catch(t){t?.name!=="AbortError"&&console.error(t)}else this.copy()}mount(){this.triggerListener(async()=>await this.share())}};})();

package/tablesort/define.d.ts

@@ -1 +0,0 @@
-export {};

package/tablesort/define.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var r=class extends HTMLElement{#t=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(t){this.setAttribute("event",t)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(t=HTMLElement){let e=this.querySelector(this.getAttribute("content")??"[data-content]");if(e instanceof t)return e;throw new Error("Content not found")}swapContent(t=!0,e=800){let s=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(s){let i=Array.from(this.getContent().childNodes),o=[];s instanceof HTMLTemplateElement?(o.push(s.content.cloneNode(!0)),s.content.replaceChildren(...i)):(o.push(...s.childNodes),s.replaceChildren(...i)),this.getContent().replaceChildren(...o),t&&setTimeout(()=>this.swapContent(!1),e)}}safeListener(t,e,s=document.body,i={}){i.signal=this.#t.signal,s.addEventListener(t,e,i)}triggerListener(t,e=this.event,s){for(let i of this.getTrigger())i.addEventListener(e,t,s)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#t.abort()}};var a=class extends r{constructor(){super()}#t(t){let e="data-asc",s="data-desc";for(let i of this.getTrigger())i!==t&&(i.removeAttribute(e),i.removeAttribute(s));return t.hasAttribute(e)?(t.removeAttribute(e),t.setAttribute(s,""),!1):(t.removeAttribute(s),t.setAttribute(e,""),!0)}mount(){let t=this.getContent(HTMLTableSectionElement);for(let e of this.getTrigger())e.addEventListener(this.event,()=>{Array.from(t.querySelectorAll("tr")).sort(g(e,this.#t(e))).forEach(s=>t.appendChild(s))})}},g=(n,t)=>(s,i)=>{let o=Array.from(n.parentNode?.children??[]).indexOf(n);return((l,h)=>{let p=n.dataset.type??"string";if(p==="string")return new Intl.Collator().compare(l,h);if(p==="boolean"){let u=m=>["0","false","null","undefined"].includes(m)?!1:!!m;return u(l)===u(h)?0:u(l)?-1:1}else return Number(l)-Number(h)})(f(t?s:i,o),f(t?i:s,o))},f=(n,t)=>{let e=n.children[t];return e instanceof HTMLElement?e.dataset.value??e.textContent??"":""};customElements.define("drab-tablesort",a);})();

package/tablesort/define.js

@@ -1,2 +0,0 @@
-import { TableSort } from "./index.js";
-customElements.define("drab-tablesort", TableSort);

package/tablesort/index.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var r=class extends HTMLElement{#t=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(t){this.setAttribute("event",t)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(t=HTMLElement){let e=this.querySelector(this.getAttribute("content")??"[data-content]");if(e instanceof t)return e;throw new Error("Content not found")}swapContent(t=!0,e=800){let s=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(s){let i=Array.from(this.getContent().childNodes),o=[];s instanceof HTMLTemplateElement?(o.push(s.content.cloneNode(!0)),s.content.replaceChildren(...i)):(o.push(...s.childNodes),s.replaceChildren(...i)),this.getContent().replaceChildren(...o),t&&setTimeout(()=>this.swapContent(!1),e)}}safeListener(t,e,s=document.body,i={}){i.signal=this.#t.signal,s.addEventListener(t,e,i)}triggerListener(t,e=this.event,s){for(let i of this.getTrigger())i.addEventListener(e,t,s)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#t.abort()}};var h=class extends r{constructor(){super()}#t(t){let e="data-asc",s="data-desc";for(let i of this.getTrigger())i!==t&&(i.removeAttribute(e),i.removeAttribute(s));return t.hasAttribute(e)?(t.removeAttribute(e),t.setAttribute(s,""),!1):(t.removeAttribute(s),t.setAttribute(e,""),!0)}mount(){let t=this.getContent(HTMLTableSectionElement);for(let e of this.getTrigger())e.addEventListener(this.event,()=>{Array.from(t.querySelectorAll("tr")).sort(g(e,this.#t(e))).forEach(s=>t.appendChild(s))})}},g=(n,t)=>(s,i)=>{let o=Array.from(n.parentNode?.children??[]).indexOf(n);return((a,c)=>{let p=n.dataset.type??"string";if(p==="string")return new Intl.Collator().compare(a,c);if(p==="boolean"){let l=m=>["0","false","null","undefined"].includes(m)?!1:!!m;return l(a)===l(c)?0:l(a)?-1:1}else return Number(a)-Number(c)})(f(t?s:i,o),f(t?i:s,o))},f=(n,t)=>{let e=n.children[t];return e instanceof HTMLElement?e.dataset.value??e.textContent??"":""};})();

package/types/index.d.ts

@@ -1,11 +0,0 @@
-type BaseAttributes = {
-    trigger: string;
-    content: string;
-    swap: string;
-};
-/**
- * Creates a partial of the custom element's type. Makes some attributes required
- * if passed in.
- */
-export type Attributes<CustomElement, Required extends keyof CustomElement = never> = Pick<CustomElement, Required> & Partial<Omit<CustomElement, Required>> & Partial<BaseAttributes>;
-export {};

package/types/index.js

@@ -1 +0,0 @@
-export {};

package/wakelock/define.d.ts

@@ -1 +0,0 @@
-export {};

package/wakelock/define.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var i=class extends HTMLElement{#e=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(e){this.setAttribute("event",e)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(e=HTMLElement){let n=this.querySelector(this.getAttribute("content")??"[data-content]");if(n instanceof e)return n;throw new Error("Content not found")}swapContent(e=!0,n=800){let t=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(t){let s=Array.from(this.getContent().childNodes),o=[];t instanceof HTMLTemplateElement?(o.push(t.content.cloneNode(!0)),t.content.replaceChildren(...s)):(o.push(...t.childNodes),t.replaceChildren(...s)),this.getContent().replaceChildren(...o),e&&setTimeout(()=>this.swapContent(!1),n)}}safeListener(e,n,t=document.body,s={}){s.signal=this.#e.signal,t.addEventListener(e,n,s)}triggerListener(e,n=this.event,t){for(let s of this.getTrigger())s.addEventListener(n,e,t)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var r=class extends i{wakeLock=null;constructor(){super()}#e(){return"wakeLock"in navigator}get#t(){return this.hasAttribute("auto-lock")}async request(){this.#e()&&document.visibilityState==="visible"&&(this.wakeLock=await navigator.wakeLock.request("screen"),this.setAttribute("locked",""),this.swapContent(!1),this.wakeLock.addEventListener("release",()=>{this.removeAttribute("locked"),this.swapContent(!1),this.#t||(this.wakeLock=null)}))}async release(){await this.wakeLock?.release(),this.wakeLock=null}mount(){this.hasAttribute("locked")&&this.request(),this.triggerListener(()=>{this.wakeLock?this.release():this.request()});for(let e of this.getTrigger())!this.#e()&&"disabled"in e&&(e.disabled=!0);this.#t&&this.safeListener("visibilitychange",()=>{this.wakeLock&&this.request()},document)}destroy(){this.release()}};customElements.define("drab-wakelock",r);})();

package/wakelock/define.js

@@ -1,2 +0,0 @@
-import { WakeLock } from "./index.js";
-customElements.define("drab-wakelock", WakeLock);

package/wakelock/index.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var i=class extends HTMLElement{#e=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(e){this.setAttribute("event",e)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(e=HTMLElement){let n=this.querySelector(this.getAttribute("content")??"[data-content]");if(n instanceof e)return n;throw new Error("Content not found")}swapContent(e=!0,n=800){let t=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(t){let s=Array.from(this.getContent().childNodes),r=[];t instanceof HTMLTemplateElement?(r.push(t.content.cloneNode(!0)),t.content.replaceChildren(...s)):(r.push(...t.childNodes),t.replaceChildren(...s)),this.getContent().replaceChildren(...r),e&&setTimeout(()=>this.swapContent(!1),n)}}safeListener(e,n,t=document.body,s={}){s.signal=this.#e.signal,t.addEventListener(e,n,s)}triggerListener(e,n=this.event,t){for(let s of this.getTrigger())s.addEventListener(n,e,t)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var o=class extends i{wakeLock=null;constructor(){super()}#e(){return"wakeLock"in navigator}get#t(){return this.hasAttribute("auto-lock")}async request(){this.#e()&&document.visibilityState==="visible"&&(this.wakeLock=await navigator.wakeLock.request("screen"),this.setAttribute("locked",""),this.swapContent(!1),this.wakeLock.addEventListener("release",()=>{this.removeAttribute("locked"),this.swapContent(!1),this.#t||(this.wakeLock=null)}))}async release(){await this.wakeLock?.release(),this.wakeLock=null}mount(){this.hasAttribute("locked")&&this.request(),this.triggerListener(()=>{this.wakeLock?this.release():this.request()});for(let e of this.getTrigger())!this.#e()&&"disabled"in e&&(e.disabled=!0);this.#t&&this.safeListener("visibilitychange",()=>{this.wakeLock&&this.request()},document)}destroy(){this.release()}};})();

package/youtube/define.d.ts

@@ -1 +0,0 @@
-export {};

package/youtube/define.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var s=class extends HTMLElement{#t=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(t){this.setAttribute("event",t)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(t=HTMLElement){let r=this.querySelector(this.getAttribute("content")??"[data-content]");if(r instanceof t)return r;throw new Error("Content not found")}swapContent(t=!0,r=800){let e=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(e){let n=Array.from(this.getContent().childNodes),o=[];e instanceof HTMLTemplateElement?(o.push(e.content.cloneNode(!0)),e.content.replaceChildren(...n)):(o.push(...e.childNodes),e.replaceChildren(...n)),this.getContent().replaceChildren(...o),t&&setTimeout(()=>this.swapContent(!1),r)}}safeListener(t,r,e=document.body,n={}){n.signal=this.#t.signal,e.addEventListener(t,r,n)}triggerListener(t,r=this.event,e){for(let n of this.getTrigger())n.addEventListener(r,t,e)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#t.abort()}};var i=class extends s{static observedAttributes=["autoplay","start","uid"];constructor(){super()}get iframe(){return this.getContent(HTMLIFrameElement)}get autoplay(){return this.hasAttribute("autoplay")}set autoplay(t){t?this.setAttribute("autoplay",""):this.removeAttribute("autoplay")}get start(){return this.getAttribute("start")??"0"}set start(t){this.setAttribute("start",t)}get uid(){let t=this.getAttribute("uid");if(!t)throw new Error("YouTube: missing `uid` attribute.");return t}set uid(t){this.setAttribute("uid",t)}mount(){this.iframe.allowFullscreen=!0,this.iframe.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"}attributeChangedCallback(){queueMicrotask(()=>{this.iframe.src=`https://www.youtube-nocookie.com/embed/${this.uid}?start=${this.start}${this.autoplay?"&autoplay=1":""}`})}};customElements.define("drab-youtube",i);})();

package/youtube/define.js

@@ -1,2 +0,0 @@
-import { YouTube } from "./index.js";
-customElements.define("drab-youtube", YouTube);

package/youtube/index.iife.js

@@ -1 +0,0 @@
-"use strict";(()=>{var s=class extends HTMLElement{#t=new AbortController;constructor(){super()}get event(){return this.getAttribute("event")??"click"}set event(t){this.setAttribute("event",t)}getTrigger(){return this.querySelectorAll(this.getAttribute("trigger")??"[data-trigger]")}getContent(t=HTMLElement){let r=this.querySelector(this.getAttribute("content")??"[data-content]");if(r instanceof t)return r;throw new Error("Content not found")}swapContent(t=!0,r=800){let e=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(e){let n=Array.from(this.getContent().childNodes),i=[];e instanceof HTMLTemplateElement?(i.push(e.content.cloneNode(!0)),e.content.replaceChildren(...n)):(i.push(...e.childNodes),e.replaceChildren(...n)),this.getContent().replaceChildren(...i),t&&setTimeout(()=>this.swapContent(!1),r)}}safeListener(t,r,e=document.body,n={}){n.signal=this.#t.signal,e.addEventListener(t,r,n)}triggerListener(t,r=this.event,e){for(let n of this.getTrigger())n.addEventListener(r,t,e)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#t.abort()}};var o=class extends s{static observedAttributes=["autoplay","start","uid"];constructor(){super()}get iframe(){return this.getContent(HTMLIFrameElement)}get autoplay(){return this.hasAttribute("autoplay")}set autoplay(t){t?this.setAttribute("autoplay",""):this.removeAttribute("autoplay")}get start(){return this.getAttribute("start")??"0"}set start(t){this.setAttribute("start",t)}get uid(){let t=this.getAttribute("uid");if(!t)throw new Error("YouTube: missing `uid` attribute.");return t}set uid(t){this.setAttribute("uid",t)}mount(){this.iframe.allowFullscreen=!0,this.iframe.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"}attributeChangedCallback(){queueMicrotask(()=>{this.iframe.src=`https://www.youtube-nocookie.com/embed/${this.uid}?start=${this.start}${this.autoplay?"&autoplay=1":""}`})}};})();