@data-slot/accordion 0.2.30 → 0.2.32

package/dist/index.cjs

@@ -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}"]`)],r=new WeakMap;function i(e,t,n){if(typeof process<`u`&&process.env?.NODE_ENV===`production`)return;let i=r.get(e);i||(i=new Set,r.set(e,i)),!i.has(t)&&(i.add(t),console.warn(`[@data-slot] ${n}`))}function a(e){let t=`data-${e.replace(/([A-Z])/g,`-$1`).toLowerCase()}`,n=`data-${e}`;return t===n?[t]:[t,n]}function o(e,t){for(let n of a(t))if(e.hasAttribute(n))return e.getAttribute(n);return null}function s(e,t){return a(t).some(t=>e.hasAttribute(t))}const c=new Set([``,`true`,`1`,`yes`]),l=new Set([`false`,`0`,`no`]);function u(e,t){if(!s(e,t))return;let n=o(e,t);if(n===null)return;let r=n.toLowerCase();if(c.has(r))return!0;if(l.has(r))return!1;i(e,t,`Invalid boolean value "${n}" for data-${t}. Expected: true/false/1/0/yes/no or empty.`)}function d(e,t){if(s(e,t))return o(e,t)??void 0}const f=Symbol.for(`data-slot.portal-owner`);let p=0;const m=(e,t)=>e.id||=`${t}-${++p}`,h=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function g(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const _=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function v(n,r={}){let i=t(n,`accordion-item`);if(i.length===0)throw Error(`Accordion requires at least one accordion-item`);let a=r.multiple??u(n,`multiple`)??!1,o=r.onValueChange,s=r.collapsible??u(n,`collapsible`)??!0,c=r.defaultValue??d(n,`defaultValue`),l=c?Array.isArray(c)?c:[c]:[],f=new Set(l),p=[],v=[];i.forEach(t=>{let r=t.dataset.value;if(!r)return;let i=e(t,`accordion-trigger`),c=e(t,`accordion-content`);if(!i||!c)return;v.push(i);let l=m(c,`accordion-content`),u=m(i,`accordion-trigger`);i.setAttribute(`aria-controls`,l),c.setAttribute(`aria-labelledby`,u),c.setAttribute(`role`,`region`),p.push(g(i,`click`,()=>{let e=f.has(r);if(e){if(!s&&!a&&f.size===1)return;f.delete(r)}else a?f.add(r):f=new Set([r]);y(),_(n,`accordion:change`,{value:[...f]}),o?.([...f])}))}),p.push(g(n,`keydown`,e=>{let t=e.target,n=v.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`ArrowDown`:r=n+1,r>=v.length&&(r=0);break;case`ArrowUp`:r=n-1,r<0&&(r=v.length-1);break;case`Home`:r=0;break;case`End`:r=v.length-1;break;default:return}e.preventDefault(),v[r]?.focus()}));let y=()=>{i.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 a=f.has(n),o=r.getAttribute(`aria-expanded`)===`true`;if(h(r,`expanded`,a),t.setAttribute(`data-state`,a?`open`:`closed`),i.setAttribute(`data-state`,a?`open`:`closed`),a)i.hidden=!1,i._accordionTimeout&&(clearTimeout(i._accordionTimeout),i._accordionTimeout=null);else if(o){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})};y(),p.push(g(n,`accordion:set`,e=>{let t=e.detail,r=t?.value;if(r===void 0)return;let c=Array.isArray(r)?r:[r],l=c.filter(e=>i.some(t=>t.dataset.value===e)),u=a?new Set(l):new Set(l.slice(0,1));if(!a&&!s&&u.size===0&&f.size>0)return;let d=u.size!==f.size||[...u].some(e=>!f.has(e));d&&(f=u,y(),_(n,`accordion:change`,{value:[...f]}),o?.([...f]))}));let b={expand:e=>{f.has(e)||(a?f.add(e):f=new Set([e]),y(),_(n,`accordion:change`,{value:[...f]}),o?.([...f]))},collapse:e=>{f.has(e)&&(!s&&!a&&f.size===1||(f.delete(e),y(),_(n,`accordion:change`,{value:[...f]}),o?.([...f])))},toggle:e=>{f.has(e)?b.collapse(e):b.expand(e)},get value(){return[...f]},destroy:()=>{p.forEach(e=>e()),p.length=0,i.forEach(t=>{let n=e(t,`accordion-content`);n&&n._accordionTimeout&&(clearTimeout(n._accordionTimeout),n._accordionTimeout=null)})}};return b}const y=new WeakSet;function b(e=document){let t=[];for(let r of n(e,`accordion`)){if(y.has(r))continue;y.add(r),t.push(v(r))}return t}exports.create=b,exports.createAccordion=v;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@data-slot/core`);function t(t,n={}){let r=(0,e.getParts)(t,`accordion-item`);if(r.length===0)throw Error(`Accordion requires at least one accordion-item`);let i=n.multiple??(0,e.getDataBool)(t,`multiple`)??!1,a=n.onValueChange,o=n.collapsible??(0,e.getDataBool)(t,`collapsible`)??!0,s=n.defaultValue??(0,e.getDataString)(t,`defaultValue`),c=s?Array.isArray(s)?s:[s]:[],l=new Set(c),u=[],d=[];r.forEach(n=>{let r=n.dataset.value;if(!r)return;let s=(0,e.getPart)(n,`accordion-trigger`),c=(0,e.getPart)(n,`accordion-content`);if(!s||!c)return;d.push(s);let p=(0,e.ensureId)(c,`accordion-content`),m=(0,e.ensureId)(s,`accordion-trigger`);s.setAttribute(`aria-controls`,p),c.setAttribute(`aria-labelledby`,m),c.setAttribute(`role`,`region`),u.push((0,e.on)(s,`click`,()=>{if(l.has(r)){if(!o&&!i&&l.size===1)return;l.delete(r)}else i?l.add(r):l=new Set([r]);f(),(0,e.emit)(t,`accordion:change`,{value:[...l]}),a?.([...l])}))}),u.push((0,e.on)(t,`keydown`,e=>{let t=e.target,n=d.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`ArrowDown`:r=n+1,r>=d.length&&(r=0);break;case`ArrowUp`:r=n-1,r<0&&(r=d.length-1);break;case`Home`:r=0;break;case`End`:r=d.length-1;break;default:return}e.preventDefault(),d[r]?.focus()}));let f=()=>{r.forEach(t=>{let n=t.dataset.value;if(!n)return;let r=(0,e.getPart)(t,`accordion-trigger`),i=(0,e.getPart)(t,`accordion-content`);if(!r||!i)return;let a=l.has(n),o=r.getAttribute(`aria-expanded`)===`true`;if((0,e.setAria)(r,`expanded`,a),t.setAttribute(`data-state`,a?`open`:`closed`),i.setAttribute(`data-state`,a?`open`:`closed`),a)i.hidden=!1,i._accordionTimeout&&=(clearTimeout(i._accordionTimeout),null);else if(o){i._accordionTimeout&&clearTimeout(i._accordionTimeout);let e=i.parentElement,t=n=>{n.propertyName===`grid-template-rows`&&(i.getAttribute(`data-state`)===`closed`&&(i.hidden=!0),e?.removeEventListener(`transitionend`,t),i._accordionTimeout&&=(clearTimeout(i._accordionTimeout),null))};e?(e.addEventListener(`transitionend`,t),i._accordionTimeout=setTimeout(()=>{i.getAttribute(`data-state`)===`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})};f(),u.push((0,e.on)(t,`accordion:set`,n=>{let s=n.detail?.value;if(s===void 0)return;let c=(Array.isArray(s)?s:[s]).filter(e=>r.some(t=>t.dataset.value===e)),u=i?new Set(c):new Set(c.slice(0,1));!i&&!o&&u.size===0&&l.size>0||(u.size!==l.size||[...u].some(e=>!l.has(e)))&&(l=u,f(),(0,e.emit)(t,`accordion:change`,{value:[...l]}),a?.([...l]))}));let p={expand:n=>{l.has(n)||(i?l.add(n):l=new Set([n]),f(),(0,e.emit)(t,`accordion:change`,{value:[...l]}),a?.([...l]))},collapse:n=>{l.has(n)&&(!o&&!i&&l.size===1||(l.delete(n),f(),(0,e.emit)(t,`accordion:change`,{value:[...l]}),a?.([...l])))},toggle:e=>{l.has(e)?p.collapse(e):p.expand(e)},get value(){return[...l]},destroy:()=>{u.forEach(e=>e()),u.length=0,r.forEach(t=>{let n=(0,e.getPart)(t,`accordion-content`);n&&n._accordionTimeout&&(clearTimeout(n._accordionTimeout),n._accordionTimeout=null)})}};return p}const n=new WeakSet;function r(r=document){let i=[];for(let a of(0,e.getRoots)(r,`accordion`))n.has(a)||(n.add(a),i.push(t(a)));return i}exports.create=r,exports.createAccordion=t;

package/dist/index.js

@@ -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}"]`)],r=new WeakMap;function i(e,t,n){if(typeof process<`u`&&process.env?.NODE_ENV===`production`)return;let i=r.get(e);i||(i=new Set,r.set(e,i)),!i.has(t)&&(i.add(t),console.warn(`[@data-slot] ${n}`))}function a(e){let t=`data-${e.replace(/([A-Z])/g,`-$1`).toLowerCase()}`,n=`data-${e}`;return t===n?[t]:[t,n]}function o(e,t){for(let n of a(t))if(e.hasAttribute(n))return e.getAttribute(n);return null}function s(e,t){return a(t).some(t=>e.hasAttribute(t))}const c=new Set([``,`true`,`1`,`yes`]),l=new Set([`false`,`0`,`no`]);function u(e,t){if(!s(e,t))return;let n=o(e,t);if(n===null)return;let r=n.toLowerCase();if(c.has(r))return!0;if(l.has(r))return!1;i(e,t,`Invalid boolean value "${n}" for data-${t}. Expected: true/false/1/0/yes/no or empty.`)}function d(e,t){if(s(e,t))return o(e,t)??void 0}const f=Symbol.for(`data-slot.portal-owner`);let p=0;const m=(e,t)=>e.id||=`${t}-${++p}`,h=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function g(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const _=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function v(n,r={}){let i=t(n,`accordion-item`);if(i.length===0)throw Error(`Accordion requires at least one accordion-item`);let a=r.multiple??u(n,`multiple`)??!1,o=r.onValueChange,s=r.collapsible??u(n,`collapsible`)??!0,c=r.defaultValue??d(n,`defaultValue`),l=c?Array.isArray(c)?c:[c]:[],f=new Set(l),p=[],v=[];i.forEach(t=>{let r=t.dataset.value;if(!r)return;let i=e(t,`accordion-trigger`),c=e(t,`accordion-content`);if(!i||!c)return;v.push(i);let l=m(c,`accordion-content`),u=m(i,`accordion-trigger`);i.setAttribute(`aria-controls`,l),c.setAttribute(`aria-labelledby`,u),c.setAttribute(`role`,`region`),p.push(g(i,`click`,()=>{let e=f.has(r);if(e){if(!s&&!a&&f.size===1)return;f.delete(r)}else a?f.add(r):f=new Set([r]);y(),_(n,`accordion:change`,{value:[...f]}),o?.([...f])}))}),p.push(g(n,`keydown`,e=>{let t=e.target,n=v.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`ArrowDown`:r=n+1,r>=v.length&&(r=0);break;case`ArrowUp`:r=n-1,r<0&&(r=v.length-1);break;case`Home`:r=0;break;case`End`:r=v.length-1;break;default:return}e.preventDefault(),v[r]?.focus()}));let y=()=>{i.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 a=f.has(n),o=r.getAttribute(`aria-expanded`)===`true`;if(h(r,`expanded`,a),t.setAttribute(`data-state`,a?`open`:`closed`),i.setAttribute(`data-state`,a?`open`:`closed`),a)i.hidden=!1,i._accordionTimeout&&(clearTimeout(i._accordionTimeout),i._accordionTimeout=null);else if(o){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})};y(),p.push(g(n,`accordion:set`,e=>{let t=e.detail,r=t?.value;if(r===void 0)return;let c=Array.isArray(r)?r:[r],l=c.filter(e=>i.some(t=>t.dataset.value===e)),u=a?new Set(l):new Set(l.slice(0,1));if(!a&&!s&&u.size===0&&f.size>0)return;let d=u.size!==f.size||[...u].some(e=>!f.has(e));d&&(f=u,y(),_(n,`accordion:change`,{value:[...f]}),o?.([...f]))}));let b={expand:e=>{f.has(e)||(a?f.add(e):f=new Set([e]),y(),_(n,`accordion:change`,{value:[...f]}),o?.([...f]))},collapse:e=>{f.has(e)&&(!s&&!a&&f.size===1||(f.delete(e),y(),_(n,`accordion:change`,{value:[...f]}),o?.([...f])))},toggle:e=>{f.has(e)?b.collapse(e):b.expand(e)},get value(){return[...f]},destroy:()=>{p.forEach(e=>e()),p.length=0,i.forEach(t=>{let n=e(t,`accordion-content`);n&&n._accordionTimeout&&(clearTimeout(n._accordionTimeout),n._accordionTimeout=null)})}};return b}const y=new WeakSet;function b(e=document){let t=[];for(let r of n(e,`accordion`)){if(y.has(r))continue;y.add(r),t.push(v(r))}return t}export{b as create,v as createAccordion};
+import{emit as e,ensureId as t,getDataBool as n,getDataString as r,getPart as i,getParts as a,getRoots as o,on as s,setAria as c}from"@data-slot/core";function l(o,l={}){let u=a(o,`accordion-item`);if(u.length===0)throw Error(`Accordion requires at least one accordion-item`);let d=l.multiple??n(o,`multiple`)??!1,f=l.onValueChange,p=l.collapsible??n(o,`collapsible`)??!0,m=l.defaultValue??r(o,`defaultValue`),h=m?Array.isArray(m)?m:[m]:[],g=new Set(h),_=[],v=[];u.forEach(n=>{let r=n.dataset.value;if(!r)return;let a=i(n,`accordion-trigger`),c=i(n,`accordion-content`);if(!a||!c)return;v.push(a);let l=t(c,`accordion-content`),u=t(a,`accordion-trigger`);a.setAttribute(`aria-controls`,l),c.setAttribute(`aria-labelledby`,u),c.setAttribute(`role`,`region`),_.push(s(a,`click`,()=>{if(g.has(r)){if(!p&&!d&&g.size===1)return;g.delete(r)}else d?g.add(r):g=new Set([r]);y(),e(o,`accordion:change`,{value:[...g]}),f?.([...g])}))}),_.push(s(o,`keydown`,e=>{let t=e.target,n=v.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`ArrowDown`:r=n+1,r>=v.length&&(r=0);break;case`ArrowUp`:r=n-1,r<0&&(r=v.length-1);break;case`Home`:r=0;break;case`End`:r=v.length-1;break;default:return}e.preventDefault(),v[r]?.focus()}));let y=()=>{u.forEach(e=>{let t=e.dataset.value;if(!t)return;let n=i(e,`accordion-trigger`),r=i(e,`accordion-content`);if(!n||!r)return;let a=g.has(t),o=n.getAttribute(`aria-expanded`)===`true`;if(c(n,`expanded`,a),e.setAttribute(`data-state`,a?`open`:`closed`),r.setAttribute(`data-state`,a?`open`:`closed`),a)r.hidden=!1,r._accordionTimeout&&=(clearTimeout(r._accordionTimeout),null);else if(o){r._accordionTimeout&&clearTimeout(r._accordionTimeout);let e=r.parentElement,t=n=>{n.propertyName===`grid-template-rows`&&(r.getAttribute(`data-state`)===`closed`&&(r.hidden=!0),e?.removeEventListener(`transitionend`,t),r._accordionTimeout&&=(clearTimeout(r._accordionTimeout),null))};e?(e.addEventListener(`transitionend`,t),r._accordionTimeout=setTimeout(()=>{r.getAttribute(`data-state`)===`closed`&&(r.hidden=!0),e.removeEventListener(`transitionend`,t),r._accordionTimeout=null},350)):r._accordionTimeout=setTimeout(()=>{r.hidden=!0,r._accordionTimeout=null},300)}else r.hidden=!0})};y(),_.push(s(o,`accordion:set`,t=>{let n=t.detail?.value;if(n===void 0)return;let r=(Array.isArray(n)?n:[n]).filter(e=>u.some(t=>t.dataset.value===e)),i=d?new Set(r):new Set(r.slice(0,1));!d&&!p&&i.size===0&&g.size>0||(i.size!==g.size||[...i].some(e=>!g.has(e)))&&(g=i,y(),e(o,`accordion:change`,{value:[...g]}),f?.([...g]))}));let b={expand:t=>{g.has(t)||(d?g.add(t):g=new Set([t]),y(),e(o,`accordion:change`,{value:[...g]}),f?.([...g]))},collapse:t=>{g.has(t)&&(!p&&!d&&g.size===1||(g.delete(t),y(),e(o,`accordion:change`,{value:[...g]}),f?.([...g])))},toggle:e=>{g.has(e)?b.collapse(e):b.expand(e)},get value(){return[...g]},destroy:()=>{_.forEach(e=>e()),_.length=0,u.forEach(e=>{let t=i(e,`accordion-content`);t&&t._accordionTimeout&&(clearTimeout(t._accordionTimeout),t._accordionTimeout=null)})}};return b}const u=new WeakSet;function d(e=document){let t=[];for(let n of o(e,`accordion`))u.has(n)||(u.add(n),t.push(l(n)));return t}export{d as create,l as createAccordion};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-slot/accordion",
-  "version": "0.2.30",
+  "version": "0.2.32",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.cjs",
@@ -24,9 +24,6 @@
   "scripts": {
     "build": "tsdown"
   },
-  "devDependencies": {
-    "@data-slot/core": "workspace:*"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/bejamas/data-slot",
@@ -39,5 +36,8 @@
     "vanilla",
     "data-slot"
   ],
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "@data-slot/core": "workspace:*"
+  }
 }