@data-slot/accordion 0.2.0 → 0.2.1
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/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=(e,t)=>e.querySelector(`[data-slot="${t}"]`),t=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],n=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)];let r=0;const i=(e,t)=>e.id||=`${t}-${++r}`,a=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))}
|
|
1
|
+
const e=(e,t)=>e.querySelector(`[data-slot="${t}"]`),t=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],n=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)];let r=0;const i=(e,t)=>e.id||=`${t}-${++r}`,a=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function o(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const s=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function c(n,r={}){let{multiple:c=!1,onValueChange:l,collapsible:u=!0}=r,d=t(n,`accordion-item`);if(d.length===0)throw Error(`Accordion requires at least one accordion-item`);let f=r.defaultValue?Array.isArray(r.defaultValue)?r.defaultValue:[r.defaultValue]:[],p=new Set(f),m=[],h=[];d.forEach(t=>{let r=t.dataset.value;if(!r)return;let a=e(t,`accordion-trigger`),d=e(t,`accordion-content`);if(!a||!d)return;h.push(a);let f=i(d,`accordion-content`),_=i(a,`accordion-trigger`);a.setAttribute(`aria-controls`,f),d.setAttribute(`aria-labelledby`,_),d.setAttribute(`role`,`region`),m.push(o(a,`click`,()=>{let e=p.has(r);if(e){if(!u&&!c&&p.size===1)return;p.delete(r)}else c?p.add(r):p=new Set([r]);g(),s(n,`accordion:change`,{value:[...p]}),l?.([...p])}))}),m.push(o(n,`keydown`,e=>{let t=e.target,n=h.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`ArrowDown`:r=n+1,r>=h.length&&(r=0);break;case`ArrowUp`:r=n-1,r<0&&(r=h.length-1);break;case`Home`:r=0;break;case`End`:r=h.length-1;break;default:return}e.preventDefault(),h[r]?.focus()}));let g=()=>{d.forEach(t=>{let n=t.dataset.value;if(!n)return;let r=e(t,`accordion-trigger`),i=e(t,`accordion-content`);if(!r||!i)return;let o=p.has(n),s=r.getAttribute(`aria-expanded`)===`true`;if(a(r,`expanded`,o),t.setAttribute(`data-state`,o?`open`:`closed`),i.setAttribute(`data-state`,o?`open`:`closed`),o)i.hidden=!1,i._accordionTimeout&&(clearTimeout(i._accordionTimeout),i._accordionTimeout=null);else if(s){i._accordionTimeout&&clearTimeout(i._accordionTimeout);let e=i.parentElement,t=n=>{if(n.propertyName===`grid-template-rows`){let n=i.getAttribute(`data-state`);n===`closed`&&(i.hidden=!0),e?.removeEventListener(`transitionend`,t),i._accordionTimeout&&(clearTimeout(i._accordionTimeout),i._accordionTimeout=null)}};e?(e.addEventListener(`transitionend`,t),i._accordionTimeout=setTimeout(()=>{let n=i.getAttribute(`data-state`);n===`closed`&&(i.hidden=!0),e.removeEventListener(`transitionend`,t),i._accordionTimeout=null},350)):i._accordionTimeout=setTimeout(()=>{i.hidden=!0,i._accordionTimeout=null},300)}else i.hidden=!0})};g();let _={expand:e=>{p.has(e)||(c?p.add(e):p=new Set([e]),g(),s(n,`accordion:change`,{value:[...p]}),l?.([...p]))},collapse:e=>{p.has(e)&&(!u&&!c&&p.size===1||(p.delete(e),g(),s(n,`accordion:change`,{value:[...p]}),l?.([...p])))},toggle:e=>{p.has(e)?_.collapse(e):_.expand(e)},get value(){return[...p]},destroy:()=>{m.forEach(e=>e()),m.length=0,d.forEach(t=>{let n=e(t,`accordion-content`);n&&n._accordionTimeout&&(clearTimeout(n._accordionTimeout),n._accordionTimeout=null)})}};return _}const l=new WeakSet;function u(e=document){let t=[];for(let r of n(e,`accordion`)){if(l.has(r))continue;l.add(r),t.push(c(r))}return t}exports.create=u,exports.createAccordion=c;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=(e,t)=>e.querySelector(`[data-slot="${t}"]`),t=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],n=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)];let r=0;const i=(e,t)=>e.id||=`${t}-${++r}`,a=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))}
|
|
1
|
+
const e=(e,t)=>e.querySelector(`[data-slot="${t}"]`),t=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],n=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)];let r=0;const i=(e,t)=>e.id||=`${t}-${++r}`,a=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function o(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const s=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function c(n,r={}){let{multiple:c=!1,onValueChange:l,collapsible:u=!0}=r,d=t(n,`accordion-item`);if(d.length===0)throw Error(`Accordion requires at least one accordion-item`);let f=r.defaultValue?Array.isArray(r.defaultValue)?r.defaultValue:[r.defaultValue]:[],p=new Set(f),m=[],h=[];d.forEach(t=>{let r=t.dataset.value;if(!r)return;let a=e(t,`accordion-trigger`),d=e(t,`accordion-content`);if(!a||!d)return;h.push(a);let f=i(d,`accordion-content`),_=i(a,`accordion-trigger`);a.setAttribute(`aria-controls`,f),d.setAttribute(`aria-labelledby`,_),d.setAttribute(`role`,`region`),m.push(o(a,`click`,()=>{let e=p.has(r);if(e){if(!u&&!c&&p.size===1)return;p.delete(r)}else c?p.add(r):p=new Set([r]);g(),s(n,`accordion:change`,{value:[...p]}),l?.([...p])}))}),m.push(o(n,`keydown`,e=>{let t=e.target,n=h.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`ArrowDown`:r=n+1,r>=h.length&&(r=0);break;case`ArrowUp`:r=n-1,r<0&&(r=h.length-1);break;case`Home`:r=0;break;case`End`:r=h.length-1;break;default:return}e.preventDefault(),h[r]?.focus()}));let g=()=>{d.forEach(t=>{let n=t.dataset.value;if(!n)return;let r=e(t,`accordion-trigger`),i=e(t,`accordion-content`);if(!r||!i)return;let o=p.has(n),s=r.getAttribute(`aria-expanded`)===`true`;if(a(r,`expanded`,o),t.setAttribute(`data-state`,o?`open`:`closed`),i.setAttribute(`data-state`,o?`open`:`closed`),o)i.hidden=!1,i._accordionTimeout&&(clearTimeout(i._accordionTimeout),i._accordionTimeout=null);else if(s){i._accordionTimeout&&clearTimeout(i._accordionTimeout);let e=i.parentElement,t=n=>{if(n.propertyName===`grid-template-rows`){let n=i.getAttribute(`data-state`);n===`closed`&&(i.hidden=!0),e?.removeEventListener(`transitionend`,t),i._accordionTimeout&&(clearTimeout(i._accordionTimeout),i._accordionTimeout=null)}};e?(e.addEventListener(`transitionend`,t),i._accordionTimeout=setTimeout(()=>{let n=i.getAttribute(`data-state`);n===`closed`&&(i.hidden=!0),e.removeEventListener(`transitionend`,t),i._accordionTimeout=null},350)):i._accordionTimeout=setTimeout(()=>{i.hidden=!0,i._accordionTimeout=null},300)}else i.hidden=!0})};g();let _={expand:e=>{p.has(e)||(c?p.add(e):p=new Set([e]),g(),s(n,`accordion:change`,{value:[...p]}),l?.([...p]))},collapse:e=>{p.has(e)&&(!u&&!c&&p.size===1||(p.delete(e),g(),s(n,`accordion:change`,{value:[...p]}),l?.([...p])))},toggle:e=>{p.has(e)?_.collapse(e):_.expand(e)},get value(){return[...p]},destroy:()=>{m.forEach(e=>e()),m.length=0,d.forEach(t=>{let n=e(t,`accordion-content`);n&&n._accordionTimeout&&(clearTimeout(n._accordionTimeout),n._accordionTimeout=null)})}};return _}const l=new WeakSet;function u(e=document){let t=[];for(let r of n(e,`accordion`)){if(l.has(r))continue;l.add(r),t.push(c(r))}return t}export{u as create,c as createAccordion};
|