drab 5.2.2 → 5.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/define.iife.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";(()=>{var B=Object.defineProperty;var $=(o,t)=>{for(var e in t)B(o,e,{get:t[e],enumerable:!0})};var S={};$(S,{Animate:()=>p,Base:()=>c,Breakpoint:()=>d,ContextMenu:()=>g,Copy:()=>y,Details:()=>b,Dialog:()=>A,Editor:()=>k,Fullscreen:()=>v,Popover:()=>w,Prefetch:()=>E,Share:()=>T,TableSort:()=>L,WakeLock:()=>C,YouTube:()=>M});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 s=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(s){let i=Array.from(this.getContent().childNodes),n=[];s instanceof HTMLTemplateElement?(n.push(s.content.cloneNode(!0)),s.content.replaceChildren(...i)):(n.push(...s.childNodes),s.replaceChildren(...i)),this.getContent().replaceChildren(...n),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){for(let s of this.getTrigger())s.addEventListener(e,t)}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 s=this.getAttribute(e),[,,i]=e.split("-");s&&(i==="duration"||i==="delay"?t[i]=Number(s):i==="easing"&&(t[i]=s))}return t}async animateElement(t={element:this.getContent(),options:{}}){let{element:e=this.getContent(),options:s={}}=t,i=this.keyframes;if(i.length&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches){s=Object.assign(this.animationOptions,s),s.duration||(s.duration=200),s.easing||(s.easing="ease-in-out");let n=i.at(0),r=i.at(-1);if(n&&r){let u=["composite","easing","offset"];for(let l of u)delete n[l],delete r[l]}s.direction?.includes("reverse")&&([n,r]=[r,n]),Object.assign(e.style,n),await e.animate(i,s).finished,Object.assign(e.style,r)}}get keyframes(){let t=[];for(let e of this.getAttributeNames()){let s=this.getAttribute(e),[,,i,...n]=e.split("-");if(e.startsWith("animation-keyframe-")){let r=n.map((a,u)=>u<1?a:a.at(0)?.toUpperCase()+a.slice(1)).join("");if(i&&r){i==="from"?i="0":i==="to"?i="1":i=String(parseInt(i)*.01);let a=Number(i),u=t.find(l=>l.offset===a);u?u[r]=s:t.push({[r]:s,offset:a})}}}return t.sort((e,s)=>Number(e.offset)-Number(s.offset)),t}};var d=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[,...s]=e.split("-");s&&t.push({name:s.join("-"),width:Number(this.getAttribute(e))})}t.length&&(this.breakpoints=t),this.breakpoints.sort((e,s)=>s.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 g=class extends p{#t;constructor(){super()}set#i(t){this.getContent().style.left=`${t.x}px`,this.getContent().style.top=`${t.y}px`}async show(t){let e=window.scrollY,s=window.scrollX,i=t instanceof MouseEvent?t.clientX:t.touches[0]?.clientX??0,n=t instanceof MouseEvent?t.clientY:t.touches[0]?.clientY??0,r=i+s,a=n+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;r+u>s+h&&(r=s+h-u),a+l>e+m&&(a=e+m-l),this.#i={x:r,y:a},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");let t=()=>clearTimeout(this.#t);this.triggerListener(t,"touchend"),this.triggerListener(t,"touchcancel"),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 y=class extends f{constructor(){super()}mount(){this.triggerListener(async()=>await this.copy())}};var b=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 A=class extends p{constructor(){super()}get dialog(){return this.getContent(HTMLDialogElement)}async show(){this.dialog.showModal(),await this.animateElement()}async close(){await this.animateElement({options:{direction:"reverse"}}),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())})}};var k=class extends c{#t=[];keyPairs={"(":")","{":"}","[":"]","<":">",'"':'"',"`":"`"};constructor(){super();for(let t of this.#i)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#i(){let t=[];for(let e of this.getTrigger())t.push(this.#l(e));return t}get#a(){let t=this.text.split("```"),e=0;for(let[s,i]of t.entries())if(e+=i.length+3,this.#s<e)return s;return 0}get#e(){return this.textArea.selectionEnd}get#s(){return this.textArea.selectionStart}#r(t,e){this.textArea.setSelectionRange(t,e)}#l(t){let e=t.dataset.type,s=t.dataset.value,i=t.dataset.key??void 0;return{type:e,value:s,key:i}}async#c(t,e,s){if(t.type==="inline")this.text=`${this.text.slice(0,s)}${t.value}${this.text.slice(s)}`;else if(t.type==="wrap")this.text=P(this.text,t.value,e),this.text=P(this.text,this.keyPairs[t.value],s+t.value.length),t.value.length<2&&this.#t.push(t.value);else if(t.type==="block"){let{lines:i,lineNumber:n}=this.#o(),r=t.value.at(0);r&&i[n]?.startsWith(r)?i[n]=t.value.trim()+i[n]:i[n]=t.value+i[n],this.text=i.join(`
1
+ "use strict";(()=>{var j=Object.defineProperty;var B=(o,t)=>{for(var e in t)j(o,e,{get:t[e],enumerable:!0})};var S={};B(S,{Animate:()=>p,Base:()=>c,Breakpoint:()=>d,ContextMenu:()=>g,Copy:()=>y,Details:()=>b,Dialog:()=>A,Editor:()=>k,Fullscreen:()=>v,Popover:()=>w,Prefetch:()=>E,Share:()=>T,TableSort:()=>L,WakeLock:()=>C,YouTube:()=>M});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 s=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(s){let i=Array.from(this.getContent().childNodes),n=[];s instanceof HTMLTemplateElement?(n.push(s.content.cloneNode(!0)),s.content.replaceChildren(...i)):(n.push(...s.childNodes),s.replaceChildren(...i)),this.getContent().replaceChildren(...n),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){for(let s of this.getTrigger())s.addEventListener(e,t)}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 s=this.getAttribute(e),[,,i]=e.split("-");s&&(i==="duration"||i==="delay"?t[i]=Number(s):i==="easing"&&(t[i]=s))}return t}async animateElement(t={element:this.getContent(),options:{}}){let{element:e=this.getContent(),options:s={}}=t,i=this.keyframes;if(i.length&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches){s=Object.assign(this.animationOptions,s),s.duration||(s.duration=200),s.easing||(s.easing="ease-in-out");let n=i.at(0),r=i.at(-1);if(n&&r){let u=["composite","easing","offset"];for(let l of u)delete n[l],delete r[l]}s.direction?.includes("reverse")&&([n,r]=[r,n]),Object.assign(e.style,n),await e.animate(i,s).finished,Object.assign(e.style,r)}}get keyframes(){let t=[];for(let e of this.getAttributeNames()){let s=this.getAttribute(e),[,,i,...n]=e.split("-");if(e.startsWith("animation-keyframe-")){let r=n.map((a,u)=>u<1?a:a.at(0)?.toUpperCase()+a.slice(1)).join("");if(i&&r){i==="from"?i="0":i==="to"?i="1":i=String(parseInt(i)*.01);let a=Number(i),u=t.find(l=>l.offset===a);u?u[r]=s:t.push({[r]:s,offset:a})}}}return t.sort((e,s)=>Number(e.offset)-Number(s.offset)),t}};var d=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[,...s]=e.split("-");s&&t.push({name:s.join("-"),width:Number(this.getAttribute(e))})}t.length&&(this.breakpoints=t),this.breakpoints.sort((e,s)=>s.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 g=class extends p{#t;constructor(){super()}set#i(t){this.getContent().style.left=`${t.x}px`,this.getContent().style.top=`${t.y}px`}async show(t){let e=window.scrollY,s=window.scrollX,i=t instanceof MouseEvent?t.clientX:t.touches[0]?.clientX??0,n=t instanceof MouseEvent?t.clientY:t.touches[0]?.clientY??0,r=i+s,a=n+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;r+u>s+h&&(r=s+h-u),a+l>e+m&&(a=e+m-l),this.#i={x:r,y:a},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");let t=()=>clearTimeout(this.#t);this.triggerListener(t,"touchend"),this.triggerListener(t,"touchcancel"),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 y=class extends f{constructor(){super()}mount(){this.triggerListener(async()=>await this.copy())}};var b=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 A=class extends p{constructor(){super()}get dialog(){return this.getContent(HTMLDialogElement)}async show(){this.dialog.showModal(),await this.animateElement()}async close(){await this.animateElement({options:{direction:"reverse"}}),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())})}};var k=class extends c{#t=[];keyPairs={"(":")","{":"}","[":"]","<":">",'"':'"',"`":"`"};constructor(){super();for(let t of this.#i)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#i(){let t=[];for(let e of this.getTrigger())t.push(this.#l(e));return t}get#a(){let t=this.text.split("```"),e=0;for(let[s,i]of t.entries())if(e+=i.length+3,this.#s<e)return s;return 0}get#e(){return this.textArea.selectionEnd}get#s(){return this.textArea.selectionStart}#r(t,e){this.textArea.setSelectionRange(t,e)}#l(t){let e=t.dataset.type,s=t.dataset.value,i=t.dataset.key??void 0;return{type:e,value:s,key:i}}async#c(t,e,s){if(t.type==="inline")this.text=`${this.text.slice(0,s)}${t.value}${this.text.slice(s)}`;else if(t.type==="wrap")this.text=P(this.text,t.value,e),this.text=P(this.text,this.keyPairs[t.value],s+t.value.length),t.value.length<2&&this.#t.push(t.value);else if(t.type==="block"){let{lines:i,lineNumber:n}=this.#o(),r=t.value.at(0);r&&i[n]?.startsWith(r)?i[n]=t.value.trim()+i[n]:i[n]=t.value+i[n],this.text=i.join(`
2
2
  `)}}async#h(t,e,s){let i=0,n=0;if(/[a-z]/i.test(t)){for(let r=s;r<this.text.length;r++)if(this.text[r]?.match(/[a-z]/i))i?n=r+1:i=r;else if(i)break}else i=e+t.length,n=s+t.length;this.#r(i,n),this.textArea.focus()}async#n(t){let e=this.#e,s=this.#s;await this.#c(t,s,e),this.#h(t.value,s,e)}#p(t){if(t){let e=[];this.#i.forEach(i=>{i.type==="block"&&e.push(i.value)});for(let i=0;i<e.length;i++){let n=e[i];if(n&&t.startsWith(n))return n}let s=D(t);if(s)return`${s}. `}return""}#o(){let t=this.text.split(`
3
3
  `),e=0;for(let s=0;s<t.length;s++){let i=t.at(s)?.length??0;if(e++,e+=i,e>this.#e)return{lines:t,lineNumber:s,columnNumber:this.#e-(e-i-1)}}return{lines:t,lineNumber:0,columnNumber:0}}#u(t,e=!1){let{lines:s}=this.#o();for(let i=t+1;i<s.length;i++){let n=s[i];if(n){let r=D(n);if(r){let a;if(e)if(r>1)a=r-1;else break;else a=r+1;s[i]=n.slice(String(r).length),s[i]=String(a)+s[i]}else break}}this.text=s.join(`
4
4
  `)}mount(){this.textArea.addEventListener("keydown",async t=>{let e=["ArrowUp","ArrowDown","Delete"],s=this.text[this.#e]??"";if(e.includes(t.key))this.#t=[];else if(t.key==="Backspace"){let i=this.text[this.#s-1];if(i&&i in this.keyPairs&&s===this.keyPairs[i]){t.preventDefault();let n=this.#s-1,r=this.#e-1;this.text=x(this.text,n),this.text=x(this.text,r),setTimeout(()=>{this.#r(n,r)},0),this.#t.pop()}if(i===`
@@ -6,4 +6,4 @@
6
6
  ${u}`});else if(u&&l.length===r){t.preventDefault();let m=this.#e,H=m-l.length;for(let N=0;N<l.length;N++)this.text=x(this.text,m-(N+1));setTimeout(async()=>{this.#r(H,H),this.textArea.focus(),await this.#n({type:"inline",value:`
7
7
  `})},0)}}else{let i=Object.values(this.keyPairs).includes(s),n=this.#s!==this.#e;if((t.ctrlKey||t.metaKey)&&this.#s===this.#e&&(t.key==="c"||t.key==="x")){t.preventDefault();let{lines:r,lineNumber:a,columnNumber:u}=this.#o();if(await navigator.clipboard.writeText(`${a===0&&t.key==="x"?"":`
8
8
  `}${r[a]}`),t.key==="x"){let l=this.#s-u;r.splice(a,1),this.text=r.join(`
9
- `),setTimeout(()=>{this.#r(l,l)},0)}}if((t.ctrlKey||t.metaKey)&&t.key){let r=this.#i.find(a=>a.key===t.key);r&&this.#n(r)}else i&&(s===t.key||t.key==="ArrowRight")&&this.#t.length&&!n?(t.preventDefault(),this.#r(this.#s+1,this.#e+1),this.#t.pop()):t.key in this.keyPairs&&(t.preventDefault(),await this.#n({type:"wrap",value:t.key}),this.#t.push(t.key))}}),this.textArea.addEventListener("dblclick",()=>{this.#s!==this.#e&&(this.text[this.#s]===" "&&this.#r(this.#s+1,this.#e),this.text[this.#e-1]===" "&&this.#r(this.#s,this.#e-1))}),this.textArea.addEventListener("click",()=>this.#t=[]);for(let t of this.getTrigger())t.addEventListener(this.event,()=>{this.#n(this.#l(t))})}},D=o=>{let t=o.match(/^(\d+)\./);return t?Number(t[1]):null},P=(o,t,e)=>o.slice(0,e)+t+o.slice(e),x=(o,t)=>o.slice(0,t)+o.slice(t+1);var v=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 w=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 E=class extends c{constructor(){super()}get#t(){return this.getAttribute("strategy")??"hover"}get#i(){return this.hasAttribute("prerender")}get#a(){return this.getAttribute("url")}appendTag(t){let{url:e,prerender:s}=t;if(e!==window.location.href){let i="speculationrules";if(!(r=>{if(document.querySelector(`link[href='${r}']`))return!0;let a=document.querySelectorAll(`script[type='${i}']`);for(let u of a)if(JSON.parse(u.textContent??"{}").prerender?.at(0)?.urls?.includes(r))return!0;return!1})(e))if(s&&HTMLScriptElement.supports&&HTMLScriptElement.supports(i)){let r=document.createElement("script");r.type=i,r.textContent=JSON.stringify({prerender:[{source:"list",urls:[e]}]}),document.head.append(r)}else{let r=document.createElement("link");r.rel="prefetch",r.as="document",r.href=e,document.head.append(r)}}}prefetch(t={anchors:this.getTrigger(),prerender:this.#i,strategy:this.#t}){let{anchors:e=this.getTrigger(),prerender:s=this.#i,strategy:i=this.#t}=t,n,r=(l=200)=>h=>{let{href:m}=h.currentTarget;n=setTimeout(()=>this.appendTag({url:m,prerender:s}),l)},a=()=>clearTimeout(n),u=new IntersectionObserver(l=>{for(let h of l)h.isIntersecting&&this.appendTag({url:h.target.href,prerender:s})});for(let l of e)i==="load"?this.appendTag({url:l.href,prerender:s}):i==="visible"?u.observe(l):(l.addEventListener("mouseover",r()),l.addEventListener("mouseout",a),l.addEventListener("focus",r()),l.addEventListener("focusout",a),l.addEventListener("touchstart",r(0)))}mount(){this.#a&&this.appendTag({url:this.#a,prerender:this.#i}),this.prefetch()}};var T=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 L=class extends c{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(K(e,this.#t(e))).forEach(s=>t.appendChild(s))})}},K=(o,t)=>(s,i)=>{let n=Array.from(o.parentNode?.children??[]).indexOf(o);return((a,u)=>{let l=o.dataset.type??"string";if(l==="string")return new Intl.Collator().compare(a,u);if(l==="boolean"){let h=m=>["0","false","null","undefined"].includes(m)?!1:!!m;return h(a)===h(u)?0:h(a)?-1:1}else return Number(a)-Number(u)})(j(t?s:i,n),j(t?i:s,n))},j=(o,t)=>{let e=o.children[t];return e instanceof HTMLElement?e.dataset.value??e.textContent??"":""};var C=class extends c{wakeLock=null;constructor(){super()}#t(){return"wakeLock"in navigator}get#i(){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.#i||(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.#i&&this.safeListener("visibilitychange",()=>{this.wakeLock&&this.request()},document)}destroy(){this.release()}};var M=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":""}`})}};for(let o in S)customElements.define(`drab-${o.toLowerCase()}`,S[o]);})();
9
+ `),setTimeout(()=>{this.#r(l,l)},0)}}if((t.ctrlKey||t.metaKey)&&t.key){let r=this.#i.find(a=>a.key===t.key);r&&this.#n(r)}else i&&(s===t.key||t.key==="ArrowRight")&&this.#t.length&&!n?(t.preventDefault(),this.#r(this.#s+1,this.#e+1),this.#t.pop()):t.key in this.keyPairs&&(t.preventDefault(),await this.#n({type:"wrap",value:t.key}),this.#t.push(t.key))}}),this.textArea.addEventListener("dblclick",()=>{this.#s!==this.#e&&(this.text[this.#s]===" "&&this.#r(this.#s+1,this.#e),this.text[this.#e-1]===" "&&this.#r(this.#s,this.#e-1))}),this.textArea.addEventListener("click",()=>this.#t=[]);for(let t of this.getTrigger())t.addEventListener(this.event,()=>{this.#n(this.#l(t))})}},D=o=>{let t=o.match(/^(\d+)\./);return t?Number(t[1]):null},P=(o,t,e)=>o.slice(0,e)+t+o.slice(e),x=(o,t)=>o.slice(0,t)+o.slice(t+1);var v=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 w=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 E=class extends c{constructor(){super()}get#t(){return this.getAttribute("strategy")??"hover"}get#i(){return this.hasAttribute("prerender")}get#a(){return this.getAttribute("url")}appendTag(t){let{url:e,prerender:s}=t;if(e!==window.location.href){let i="speculationrules";if(!(r=>{if(document.querySelector(`link[href='${r}']`))return!0;let a=document.querySelectorAll(`script[type='${i}']`);for(let u of a)if(JSON.parse(u.textContent??"{}").prerender?.some(h=>"urls"in h&&h.urls?.includes(r)))return!0;return!1})(e))if(s&&HTMLScriptElement.supports&&HTMLScriptElement.supports(i)){let r=document.createElement("script");r.type=i,r.textContent=JSON.stringify({prerender:[{source:"list",urls:[e]}]}),document.head.append(r)}else{let r=document.createElement("link");r.rel="prefetch",r.as="document",r.href=e,document.head.append(r)}}}prefetch(t={anchors:this.getTrigger(),prerender:this.#i,strategy:this.#t}){let{anchors:e=this.getTrigger(),prerender:s=this.#i,strategy:i=this.#t}=t,n,r=(l=200)=>h=>{let{href:m}=h.currentTarget;n=setTimeout(()=>this.appendTag({url:m,prerender:s}),l)},a=()=>clearTimeout(n),u=new IntersectionObserver(l=>{for(let h of l)h.isIntersecting&&this.appendTag({url:h.target.href,prerender:s})});for(let l of e)i==="load"?this.appendTag({url:l.href,prerender:s}):i==="visible"?u.observe(l):(l.addEventListener("mouseover",r()),l.addEventListener("mouseout",a),l.addEventListener("focus",r()),l.addEventListener("focusout",a),l.addEventListener("touchstart",r(0)))}mount(){this.#a&&this.appendTag({url:this.#a,prerender:this.#i}),this.prefetch()}};var T=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 L=class extends c{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(R(e,this.#t(e))).forEach(s=>t.appendChild(s))})}},R=(o,t)=>(s,i)=>{let n=Array.from(o.parentNode?.children??[]).indexOf(o);return((a,u)=>{let l=o.dataset.type??"string";if(l==="string")return new Intl.Collator().compare(a,u);if(l==="boolean"){let h=m=>["0","false","null","undefined"].includes(m)?!1:!!m;return h(a)===h(u)?0:h(a)?-1:1}else return Number(a)-Number(u)})(W(t?s:i,n),W(t?i:s,n))},W=(o,t)=>{let e=o.children[t];return e instanceof HTMLElement?e.dataset.value??e.textContent??"":""};var C=class extends c{wakeLock=null;constructor(){super()}#t(){return"wakeLock"in navigator}get#i(){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.#i||(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.#i&&this.safeListener("visibilitychange",()=>{this.wakeLock&&this.request()},document)}destroy(){this.release()}};var M=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":""}`})}};for(let o in S)customElements.define(`drab-${o.toLowerCase()}`,S[o]);})();
package/index.iife.js CHANGED
@@ -6,4 +6,4 @@
6
6
  ${u}`});else if(u&&a.length===r){t.preventDefault();let m=this.#e,g=m-a.length;for(let y=0;y<a.length;y++)this.text=d(this.text,m-(y+1));setTimeout(async()=>{this.#r(g,g),this.textArea.focus(),await this.#n({type:"inline",value:`
7
7
  `})},0)}}else{let i=Object.values(this.keyPairs).includes(s),n=this.#s!==this.#e;if((t.ctrlKey||t.metaKey)&&this.#s===this.#e&&(t.key==="c"||t.key==="x")){t.preventDefault();let{lines:r,lineNumber:o,columnNumber:u}=this.#o();if(await navigator.clipboard.writeText(`${o===0&&t.key==="x"?"":`
8
8
  `}${r[o]}`),t.key==="x"){let a=this.#s-u;r.splice(o,1),this.text=r.join(`
9
- `),setTimeout(()=>{this.#r(a,a)},0)}}if((t.ctrlKey||t.metaKey)&&t.key){let r=this.#i.find(o=>o.key===t.key);r&&this.#n(r)}else i&&(s===t.key||t.key==="ArrowRight")&&this.#t.length&&!n?(t.preventDefault(),this.#r(this.#s+1,this.#e+1),this.#t.pop()):t.key in this.keyPairs&&(t.preventDefault(),await this.#n({type:"wrap",value:t.key}),this.#t.push(t.key))}}),this.textArea.addEventListener("dblclick",()=>{this.#s!==this.#e&&(this.text[this.#s]===" "&&this.#r(this.#s+1,this.#e),this.text[this.#e-1]===" "&&this.#r(this.#s,this.#e-1))}),this.textArea.addEventListener("click",()=>this.#t=[]);for(let t of this.getTrigger())t.addEventListener(this.event,()=>{this.#n(this.#l(t))})}},w=l=>{let t=l.match(/^(\d+)\./);return t?Number(t[1]):null},D=(l,t,e)=>l.slice(0,e)+t+l.slice(e),d=(l,t)=>l.slice(0,t)+l.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 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 C=class extends c{constructor(){super()}get#t(){return this.getAttribute("strategy")??"hover"}get#i(){return this.hasAttribute("prerender")}get#a(){return this.getAttribute("url")}appendTag(t){let{url:e,prerender:s}=t;if(e!==window.location.href){let i="speculationrules";if(!(r=>{if(document.querySelector(`link[href='${r}']`))return!0;let o=document.querySelectorAll(`script[type='${i}']`);for(let u of o)if(JSON.parse(u.textContent??"{}").prerender?.at(0)?.urls?.includes(r))return!0;return!1})(e))if(s&&HTMLScriptElement.supports&&HTMLScriptElement.supports(i)){let r=document.createElement("script");r.type=i,r.textContent=JSON.stringify({prerender:[{source:"list",urls:[e]}]}),document.head.append(r)}else{let r=document.createElement("link");r.rel="prefetch",r.as="document",r.href=e,document.head.append(r)}}}prefetch(t={anchors:this.getTrigger(),prerender:this.#i,strategy:this.#t}){let{anchors:e=this.getTrigger(),prerender:s=this.#i,strategy:i=this.#t}=t,n,r=(a=200)=>h=>{let{href:m}=h.currentTarget;n=setTimeout(()=>this.appendTag({url:m,prerender:s}),a)},o=()=>clearTimeout(n),u=new IntersectionObserver(a=>{for(let h of a)h.isIntersecting&&this.appendTag({url:h.target.href,prerender:s})});for(let a of e)i==="load"?this.appendTag({url:a.href,prerender:s}):i==="visible"?u.observe(a):(a.addEventListener("mouseover",r()),a.addEventListener("mouseout",o),a.addEventListener("focus",r()),a.addEventListener("focusout",o),a.addEventListener("touchstart",r(0)))}mount(){this.#a&&this.appendTag({url:this.#a,prerender:this.#i}),this.prefetch()}};var M=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 S=class extends c{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(j(e,this.#t(e))).forEach(s=>t.appendChild(s))})}},j=(l,t)=>(s,i)=>{let n=Array.from(l.parentNode?.children??[]).indexOf(l);return((o,u)=>{let a=l.dataset.type??"string";if(a==="string")return new Intl.Collator().compare(o,u);if(a==="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)})(P(t?s:i,n),P(t?i:s,n))},P=(l,t)=>{let e=l.children[t];return e instanceof HTMLElement?e.dataset.value??e.textContent??"":""};var H=class extends c{wakeLock=null;constructor(){super()}#t(){return"wakeLock"in navigator}get#i(){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.#i||(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.#i&&this.safeListener("visibilitychange",()=>{this.wakeLock&&this.request()},document)}destroy(){this.release()}};var N=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":""}`})}};})();
9
+ `),setTimeout(()=>{this.#r(a,a)},0)}}if((t.ctrlKey||t.metaKey)&&t.key){let r=this.#i.find(o=>o.key===t.key);r&&this.#n(r)}else i&&(s===t.key||t.key==="ArrowRight")&&this.#t.length&&!n?(t.preventDefault(),this.#r(this.#s+1,this.#e+1),this.#t.pop()):t.key in this.keyPairs&&(t.preventDefault(),await this.#n({type:"wrap",value:t.key}),this.#t.push(t.key))}}),this.textArea.addEventListener("dblclick",()=>{this.#s!==this.#e&&(this.text[this.#s]===" "&&this.#r(this.#s+1,this.#e),this.text[this.#e-1]===" "&&this.#r(this.#s,this.#e-1))}),this.textArea.addEventListener("click",()=>this.#t=[]);for(let t of this.getTrigger())t.addEventListener(this.event,()=>{this.#n(this.#l(t))})}},w=l=>{let t=l.match(/^(\d+)\./);return t?Number(t[1]):null},D=(l,t,e)=>l.slice(0,e)+t+l.slice(e),d=(l,t)=>l.slice(0,t)+l.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 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 C=class extends c{constructor(){super()}get#t(){return this.getAttribute("strategy")??"hover"}get#i(){return this.hasAttribute("prerender")}get#a(){return this.getAttribute("url")}appendTag(t){let{url:e,prerender:s}=t;if(e!==window.location.href){let i="speculationrules";if(!(r=>{if(document.querySelector(`link[href='${r}']`))return!0;let o=document.querySelectorAll(`script[type='${i}']`);for(let u of o)if(JSON.parse(u.textContent??"{}").prerender?.some(h=>"urls"in h&&h.urls?.includes(r)))return!0;return!1})(e))if(s&&HTMLScriptElement.supports&&HTMLScriptElement.supports(i)){let r=document.createElement("script");r.type=i,r.textContent=JSON.stringify({prerender:[{source:"list",urls:[e]}]}),document.head.append(r)}else{let r=document.createElement("link");r.rel="prefetch",r.as="document",r.href=e,document.head.append(r)}}}prefetch(t={anchors:this.getTrigger(),prerender:this.#i,strategy:this.#t}){let{anchors:e=this.getTrigger(),prerender:s=this.#i,strategy:i=this.#t}=t,n,r=(a=200)=>h=>{let{href:m}=h.currentTarget;n=setTimeout(()=>this.appendTag({url:m,prerender:s}),a)},o=()=>clearTimeout(n),u=new IntersectionObserver(a=>{for(let h of a)h.isIntersecting&&this.appendTag({url:h.target.href,prerender:s})});for(let a of e)i==="load"?this.appendTag({url:a.href,prerender:s}):i==="visible"?u.observe(a):(a.addEventListener("mouseover",r()),a.addEventListener("mouseout",o),a.addEventListener("focus",r()),a.addEventListener("focusout",o),a.addEventListener("touchstart",r(0)))}mount(){this.#a&&this.appendTag({url:this.#a,prerender:this.#i}),this.prefetch()}};var M=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 S=class extends c{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(W(e,this.#t(e))).forEach(s=>t.appendChild(s))})}},W=(l,t)=>(s,i)=>{let n=Array.from(l.parentNode?.children??[]).indexOf(l);return((o,u)=>{let a=l.dataset.type??"string";if(a==="string")return new Intl.Collator().compare(o,u);if(a==="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)})(P(t?s:i,n),P(t?i:s,n))},P=(l,t)=>{let e=l.children[t];return e instanceof HTMLElement?e.dataset.value??e.textContent??"":""};var H=class extends c{wakeLock=null;constructor(){super()}#t(){return"wakeLock"in navigator}get#i(){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.#i||(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.#i&&this.safeListener("visibilitychange",()=>{this.wakeLock&&this.request()},document)}destroy(){this.release()}};var N=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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "drab",
3
3
  "description": "A headless custom element library",
4
- "version": "5.2.2",
4
+ "version": "5.2.3",
5
5
  "homepage": "https://drab.robino.dev",
6
6
  "license": "MIT",
7
7
  "author": {
@@ -177,7 +177,7 @@
177
177
  "@tailwindcss/typography": "^0.5.10",
178
178
  "@types/node": "^20.11.19",
179
179
  "autoprefixer": "^10.4.17",
180
- "domco": "^0.5.1",
180
+ "domco": "^0.5.2",
181
181
  "prettier": "^3.2.5",
182
182
  "prettier-plugin-tailwindcss": "^0.5.11",
183
183
  "robino": "^0.1.0",
@@ -187,6 +187,6 @@
187
187
  "typedoc-plugin-markdown": "^3.17.1",
188
188
  "typescript": "^5.3.3",
189
189
  "uico": "^0.2.2",
190
- "vite": "^5.1.3"
190
+ "vite": "^5.1.4"
191
191
  }
192
192
  }
@@ -1 +1 @@
1
- "use strict";(()=>{var c=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 e=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(e){let s=Array.from(this.getContent().childNodes),i=[];e instanceof HTMLTemplateElement?(i.push(e.content.cloneNode(!0)),e.content.replaceChildren(...s)):(i.push(...e.childNodes),e.replaceChildren(...s)),this.getContent().replaceChildren(...i),n&&setTimeout(()=>this.swapContent(!1),t)}}safeListener(n,t,e=document.body,s={}){s.signal=this.#e.signal,e.addEventListener(n,t,s)}triggerListener(n,t=this.event){for(let e of this.getTrigger())e.addEventListener(t,n)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var u=class extends c{constructor(){super()}get#e(){return this.getAttribute("strategy")??"hover"}get#t(){return this.hasAttribute("prerender")}get#r(){return this.getAttribute("url")}appendTag(n){let{url:t,prerender:e}=n;if(t!==window.location.href){let s="speculationrules";if(!(r=>{if(document.querySelector(`link[href='${r}']`))return!0;let a=document.querySelectorAll(`script[type='${s}']`);for(let d of a)if(JSON.parse(d.textContent??"{}").prerender?.at(0)?.urls?.includes(r))return!0;return!1})(t))if(e&&HTMLScriptElement.supports&&HTMLScriptElement.supports(s)){let r=document.createElement("script");r.type=s,r.textContent=JSON.stringify({prerender:[{source:"list",urls:[t]}]}),document.head.append(r)}else{let r=document.createElement("link");r.rel="prefetch",r.as="document",r.href=t,document.head.append(r)}}}prefetch(n={anchors:this.getTrigger(),prerender:this.#t,strategy:this.#e}){let{anchors:t=this.getTrigger(),prerender:e=this.#t,strategy:s=this.#e}=n,i,r=(o=200)=>l=>{let{href:h}=l.currentTarget;i=setTimeout(()=>this.appendTag({url:h,prerender:e}),o)},a=()=>clearTimeout(i),d=new IntersectionObserver(o=>{for(let l of o)l.isIntersecting&&this.appendTag({url:l.target.href,prerender:e})});for(let o of t)s==="load"?this.appendTag({url:o.href,prerender:e}):s==="visible"?d.observe(o):(o.addEventListener("mouseover",r()),o.addEventListener("mouseout",a),o.addEventListener("focus",r()),o.addEventListener("focusout",a),o.addEventListener("touchstart",r(0)))}mount(){this.#r&&this.appendTag({url:this.#r,prerender:this.#t}),this.prefetch()}};customElements.define("drab-prefetch",u);})();
1
+ "use strict";(()=>{var c=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 e=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(e){let s=Array.from(this.getContent().childNodes),i=[];e instanceof HTMLTemplateElement?(i.push(e.content.cloneNode(!0)),e.content.replaceChildren(...s)):(i.push(...e.childNodes),e.replaceChildren(...s)),this.getContent().replaceChildren(...i),n&&setTimeout(()=>this.swapContent(!1),t)}}safeListener(n,t,e=document.body,s={}){s.signal=this.#e.signal,e.addEventListener(n,t,s)}triggerListener(n,t=this.event){for(let e of this.getTrigger())e.addEventListener(t,n)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var u=class extends c{constructor(){super()}get#e(){return this.getAttribute("strategy")??"hover"}get#t(){return this.hasAttribute("prerender")}get#r(){return this.getAttribute("url")}appendTag(n){let{url:t,prerender:e}=n;if(t!==window.location.href){let s="speculationrules";if(!(r=>{if(document.querySelector(`link[href='${r}']`))return!0;let a=document.querySelectorAll(`script[type='${s}']`);for(let d of a)if(JSON.parse(d.textContent??"{}").prerender?.some(l=>"urls"in l&&l.urls?.includes(r)))return!0;return!1})(t))if(e&&HTMLScriptElement.supports&&HTMLScriptElement.supports(s)){let r=document.createElement("script");r.type=s,r.textContent=JSON.stringify({prerender:[{source:"list",urls:[t]}]}),document.head.append(r)}else{let r=document.createElement("link");r.rel="prefetch",r.as="document",r.href=t,document.head.append(r)}}}prefetch(n={anchors:this.getTrigger(),prerender:this.#t,strategy:this.#e}){let{anchors:t=this.getTrigger(),prerender:e=this.#t,strategy:s=this.#e}=n,i,r=(o=200)=>l=>{let{href:h}=l.currentTarget;i=setTimeout(()=>this.appendTag({url:h,prerender:e}),o)},a=()=>clearTimeout(i),d=new IntersectionObserver(o=>{for(let l of o)l.isIntersecting&&this.appendTag({url:l.target.href,prerender:e})});for(let o of t)s==="load"?this.appendTag({url:o.href,prerender:e}):s==="visible"?d.observe(o):(o.addEventListener("mouseover",r()),o.addEventListener("mouseout",a),o.addEventListener("focus",r()),o.addEventListener("focusout",a),o.addEventListener("touchstart",r(0)))}mount(){this.#r&&this.appendTag({url:this.#r,prerender:this.#t}),this.prefetch()}};customElements.define("drab-prefetch",u);})();
@@ -37,6 +37,10 @@ export type PrefetchAttributes = Attributes<Prefetch> & Partial<{
37
37
  *
38
38
  * Add a `url` attribute to immediately prefetch a url without having to provide
39
39
  * (or in addition to) `trigger` anchor elements.
40
+ *
41
+ * This element can be deprecated once the Speculation Rules API is supported across browsers.
42
+ * The API will be able to prefetch links in a similar way with the `source: "document"`
43
+ * and `eagerness` features, and will work without JavaScript.
40
44
  */
41
45
  export declare class Prefetch extends Base {
42
46
  #private;
@@ -1 +1 @@
1
- "use strict";(()=>{var c=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 e=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(e){let s=Array.from(this.getContent().childNodes),i=[];e instanceof HTMLTemplateElement?(i.push(e.content.cloneNode(!0)),e.content.replaceChildren(...s)):(i.push(...e.childNodes),e.replaceChildren(...s)),this.getContent().replaceChildren(...i),n&&setTimeout(()=>this.swapContent(!1),t)}}safeListener(n,t,e=document.body,s={}){s.signal=this.#e.signal,e.addEventListener(n,t,s)}triggerListener(n,t=this.event){for(let e of this.getTrigger())e.addEventListener(t,n)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var d=class extends c{constructor(){super()}get#e(){return this.getAttribute("strategy")??"hover"}get#t(){return this.hasAttribute("prerender")}get#r(){return this.getAttribute("url")}appendTag(n){let{url:t,prerender:e}=n;if(t!==window.location.href){let s="speculationrules";if(!(r=>{if(document.querySelector(`link[href='${r}']`))return!0;let a=document.querySelectorAll(`script[type='${s}']`);for(let u of a)if(JSON.parse(u.textContent??"{}").prerender?.at(0)?.urls?.includes(r))return!0;return!1})(t))if(e&&HTMLScriptElement.supports&&HTMLScriptElement.supports(s)){let r=document.createElement("script");r.type=s,r.textContent=JSON.stringify({prerender:[{source:"list",urls:[t]}]}),document.head.append(r)}else{let r=document.createElement("link");r.rel="prefetch",r.as="document",r.href=t,document.head.append(r)}}}prefetch(n={anchors:this.getTrigger(),prerender:this.#t,strategy:this.#e}){let{anchors:t=this.getTrigger(),prerender:e=this.#t,strategy:s=this.#e}=n,i,r=(o=200)=>l=>{let{href:h}=l.currentTarget;i=setTimeout(()=>this.appendTag({url:h,prerender:e}),o)},a=()=>clearTimeout(i),u=new IntersectionObserver(o=>{for(let l of o)l.isIntersecting&&this.appendTag({url:l.target.href,prerender:e})});for(let o of t)s==="load"?this.appendTag({url:o.href,prerender:e}):s==="visible"?u.observe(o):(o.addEventListener("mouseover",r()),o.addEventListener("mouseout",a),o.addEventListener("focus",r()),o.addEventListener("focusout",a),o.addEventListener("touchstart",r(0)))}mount(){this.#r&&this.appendTag({url:this.#r,prerender:this.#t}),this.prefetch()}};})();
1
+ "use strict";(()=>{var c=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 e=this.querySelector(this.getAttribute("swap")??"[data-swap]");if(e){let s=Array.from(this.getContent().childNodes),i=[];e instanceof HTMLTemplateElement?(i.push(e.content.cloneNode(!0)),e.content.replaceChildren(...s)):(i.push(...e.childNodes),e.replaceChildren(...s)),this.getContent().replaceChildren(...i),n&&setTimeout(()=>this.swapContent(!1),t)}}safeListener(n,t,e=document.body,s={}){s.signal=this.#e.signal,e.addEventListener(n,t,s)}triggerListener(n,t=this.event){for(let e of this.getTrigger())e.addEventListener(t,n)}mount(){}connectedCallback(){queueMicrotask(()=>this.mount())}destroy(){}disconnectedCallback(){this.destroy(),this.#e.abort()}};var d=class extends c{constructor(){super()}get#e(){return this.getAttribute("strategy")??"hover"}get#t(){return this.hasAttribute("prerender")}get#r(){return this.getAttribute("url")}appendTag(n){let{url:t,prerender:e}=n;if(t!==window.location.href){let s="speculationrules";if(!(r=>{if(document.querySelector(`link[href='${r}']`))return!0;let a=document.querySelectorAll(`script[type='${s}']`);for(let u of a)if(JSON.parse(u.textContent??"{}").prerender?.some(l=>"urls"in l&&l.urls?.includes(r)))return!0;return!1})(t))if(e&&HTMLScriptElement.supports&&HTMLScriptElement.supports(s)){let r=document.createElement("script");r.type=s,r.textContent=JSON.stringify({prerender:[{source:"list",urls:[t]}]}),document.head.append(r)}else{let r=document.createElement("link");r.rel="prefetch",r.as="document",r.href=t,document.head.append(r)}}}prefetch(n={anchors:this.getTrigger(),prerender:this.#t,strategy:this.#e}){let{anchors:t=this.getTrigger(),prerender:e=this.#t,strategy:s=this.#e}=n,i,r=(o=200)=>l=>{let{href:h}=l.currentTarget;i=setTimeout(()=>this.appendTag({url:h,prerender:e}),o)},a=()=>clearTimeout(i),u=new IntersectionObserver(o=>{for(let l of o)l.isIntersecting&&this.appendTag({url:l.target.href,prerender:e})});for(let o of t)s==="load"?this.appendTag({url:o.href,prerender:e}):s==="visible"?u.observe(o):(o.addEventListener("mouseover",r()),o.addEventListener("mouseout",a),o.addEventListener("focus",r()),o.addEventListener("focusout",a),o.addEventListener("touchstart",r(0)))}mount(){this.#r&&this.appendTag({url:this.#r,prerender:this.#t}),this.prefetch()}};})();
package/prefetch/index.js CHANGED
@@ -30,6 +30,10 @@ import { Base } from "../base/index.js";
30
30
  *
31
31
  * Add a `url` attribute to immediately prefetch a url without having to provide
32
32
  * (or in addition to) `trigger` anchor elements.
33
+ *
34
+ * This element can be deprecated once the Speculation Rules API is supported across browsers.
35
+ * The API will be able to prefetch links in a similar way with the `source: "document"`
36
+ * and `eagerness` features, and will work without JavaScript.
33
37
  */
34
38
  export class Prefetch extends Base {
35
39
  constructor() {
@@ -68,8 +72,10 @@ export class Prefetch extends Base {
68
72
  // is there a speculationrules script?
69
73
  const existing = document.querySelectorAll(`script[type='${speculationrules}']`);
70
74
  for (const s of existing) {
71
- const rules = JSON.parse(s.textContent ?? "{}");
72
- if (rules.prerender?.at(0)?.urls?.includes(url)) {
75
+ const parsedRules = JSON.parse(s.textContent ?? "{}");
76
+ if (
77
+ // check all rules
78
+ parsedRules.prerender?.some((rule) => "urls" in rule && rule.urls?.includes(url))) {
73
79
  return true;
74
80
  }
75
81
  }
@@ -149,6 +155,7 @@ export class Prefetch extends Base {
149
155
  anchor.addEventListener("mouseout", reset);
150
156
  anchor.addEventListener("focus", listener());
151
157
  anchor.addEventListener("focusout", reset);
158
+ // immediately append on touchstart, no delay
152
159
  anchor.addEventListener("touchstart", listener(0));
153
160
  }
154
161
  }
package/youtube/index.js CHANGED
@@ -49,6 +49,7 @@ export class YouTube extends Base {
49
49
  "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
50
50
  }
51
51
  attributeChangedCallback() {
52
+ // BREAKING TODO: make consistent with other components - decide on observed attributes
52
53
  queueMicrotask(() => {
53
54
  this.iframe.src = `https://www.youtube-nocookie.com/embed/${this.uid}?start=${this.start}${this.autoplay ? "&autoplay=1" : ""}`;
54
55
  });