drab 5.4.1 → 6.0.0

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.
Files changed (113) hide show
  1. package/{base → dist/base}/copy/index.d.ts +4 -1
  2. package/{base → dist/base}/index.d.ts +8 -3
  3. package/{base → dist/base}/index.js +4 -6
  4. package/dist/contextmenu/index.d.ts +12 -0
  5. package/{contextmenu → dist/contextmenu}/index.js +6 -12
  6. package/{copy → dist/copy}/index.d.ts +2 -3
  7. package/dist/define.js +4 -0
  8. package/{dialog → dist/dialog}/index.d.ts +7 -8
  9. package/{dialog → dist/dialog}/index.js +10 -23
  10. package/{editor → dist/editor}/index.d.ts +2 -3
  11. package/{fullscreen → dist/fullscreen}/index.d.ts +3 -7
  12. package/{fullscreen → dist/fullscreen}/index.js +2 -3
  13. package/dist/index.d.ts +12 -0
  14. package/dist/index.js +12 -0
  15. package/{intersect → dist/intersect}/index.d.ts +4 -5
  16. package/{prefetch → dist/prefetch}/index.d.ts +7 -10
  17. package/{share → dist/share}/index.d.ts +2 -3
  18. package/{tablesort → dist/tablesort}/index.d.ts +2 -3
  19. package/{tablesort → dist/tablesort}/index.js +1 -1
  20. package/{wakelock → dist/wakelock}/index.d.ts +5 -6
  21. package/{youtube → dist/youtube}/index.d.ts +6 -3
  22. package/{youtube → dist/youtube}/index.js +0 -1
  23. package/package.json +103 -147
  24. package/LICENSE.md +0 -21
  25. package/README.md +0 -49
  26. package/animate/define.iife.js +0 -1
  27. package/animate/define.js +0 -2
  28. package/animate/index.d.ts +0 -57
  29. package/animate/index.iife.js +0 -1
  30. package/animate/index.js +0 -138
  31. package/base/define.iife.js +0 -1
  32. package/base/index.iife.js +0 -1
  33. package/breakpoint/define.iife.js +0 -1
  34. package/breakpoint/define.js +0 -2
  35. package/breakpoint/index.d.ts +0 -26
  36. package/breakpoint/index.iife.js +0 -1
  37. package/breakpoint/index.js +0 -55
  38. package/contextmenu/define.iife.js +0 -1
  39. package/contextmenu/index.d.ts +0 -13
  40. package/contextmenu/index.iife.js +0 -1
  41. package/copy/define.iife.js +0 -1
  42. package/copy/index.iife.js +0 -1
  43. package/define.iife.js +0 -9
  44. package/define.js +0 -4
  45. package/details/define.iife.js +0 -1
  46. package/details/define.js +0 -2
  47. package/details/index.d.ts +0 -21
  48. package/details/index.iife.js +0 -1
  49. package/details/index.js +0 -46
  50. package/dialog/define.iife.js +0 -1
  51. package/dialog/index.iife.js +0 -1
  52. package/editor/define.iife.js +0 -9
  53. package/editor/index.iife.js +0 -9
  54. package/fullscreen/define.iife.js +0 -1
  55. package/fullscreen/index.iife.js +0 -1
  56. package/index.d.ts +0 -17
  57. package/index.iife.js +0 -9
  58. package/index.js +0 -17
  59. package/intersect/define.iife.js +0 -1
  60. package/intersect/index.iife.js +0 -1
  61. package/popover/define.iife.js +0 -1
  62. package/popover/define.js +0 -2
  63. package/popover/index.d.ts +0 -25
  64. package/popover/index.iife.js +0 -1
  65. package/popover/index.js +0 -72
  66. package/prefetch/define.iife.js +0 -1
  67. package/prefetch/index.iife.js +0 -1
  68. package/share/define.d.ts +0 -1
  69. package/share/define.iife.js +0 -1
  70. package/share/index.iife.js +0 -1
  71. package/tablesort/define.d.ts +0 -1
  72. package/tablesort/define.iife.js +0 -1
  73. package/tablesort/index.iife.js +0 -1
  74. package/types/index.d.ts +0 -11
  75. package/types/index.js +0 -1
  76. package/wakelock/define.d.ts +0 -1
  77. package/wakelock/define.iife.js +0 -1
  78. package/wakelock/index.iife.js +0 -1
  79. package/youtube/define.d.ts +0 -1
  80. package/youtube/define.iife.js +0 -1
  81. package/youtube/index.iife.js +0 -1
  82. /package/{base → dist/base}/copy/index.js +0 -0
  83. /package/{animate → dist/base}/define.d.ts +0 -0
  84. /package/{base → dist/base}/define.js +0 -0
  85. /package/{base → dist/contextmenu}/define.d.ts +0 -0
  86. /package/{contextmenu → dist/contextmenu}/define.js +0 -0
  87. /package/{breakpoint → dist/copy}/define.d.ts +0 -0
  88. /package/{copy → dist/copy}/define.js +0 -0
  89. /package/{copy → dist/copy}/index.js +0 -0
  90. /package/{contextmenu → dist}/define.d.ts +0 -0
  91. /package/{copy → dist/dialog}/define.d.ts +0 -0
  92. /package/{dialog → dist/dialog}/define.js +0 -0
  93. /package/{define.d.ts → dist/editor/define.d.ts} +0 -0
  94. /package/{editor → dist/editor}/define.js +0 -0
  95. /package/{editor → dist/editor}/index.js +0 -0
  96. /package/{details → dist/fullscreen}/define.d.ts +0 -0
  97. /package/{fullscreen → dist/fullscreen}/define.js +0 -0
  98. /package/{dialog → dist/intersect}/define.d.ts +0 -0
  99. /package/{intersect → dist/intersect}/define.js +0 -0
  100. /package/{intersect → dist/intersect}/index.js +0 -0
  101. /package/{editor → dist/prefetch}/define.d.ts +0 -0
  102. /package/{prefetch → dist/prefetch}/define.js +0 -0
  103. /package/{prefetch → dist/prefetch}/index.js +0 -0
  104. /package/{fullscreen → dist/share}/define.d.ts +0 -0
  105. /package/{share → dist/share}/define.js +0 -0
  106. /package/{share → dist/share}/index.js +0 -0
  107. /package/{intersect → dist/tablesort}/define.d.ts +0 -0
  108. /package/{tablesort → dist/tablesort}/define.js +0 -0
  109. /package/{popover → dist/wakelock}/define.d.ts +0 -0
  110. /package/{wakelock → dist/wakelock}/define.js +0 -0
  111. /package/{wakelock → dist/wakelock}/index.js +0 -0
  112. /package/{prefetch → dist/youtube}/define.d.ts +0 -0
  113. /package/{youtube → dist/youtube}/define.js +0 -0
@@ -1 +0,0 @@
1
- "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);})();
@@ -1 +0,0 @@
1
- "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 DELETED
@@ -1,11 +0,0 @@
1
- type BaseAttributes = {
2
- trigger: string;
3
- content: string;
4
- swap: string;
5
- };
6
- /**
7
- * Creates a partial of the custom element's type. Makes some attributes required
8
- * if passed in.
9
- */
10
- export type Attributes<CustomElement, Required extends keyof CustomElement = never> = Pick<CustomElement, Required> & Partial<Omit<CustomElement, Required>> & Partial<BaseAttributes>;
11
- export {};
package/types/index.js DELETED
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- "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);})();
@@ -1 +0,0 @@
1
- "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()}};})();
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- "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);})();
@@ -1 +0,0 @@
1
- "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":""}`})}};})();
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes