@data-slot/toggle 0.2.10 → 0.2.12

package/README.md

@@ -170,6 +170,8 @@ The component automatically handles:
 
 ## Events
 
+### Outbound Events
+
 Listen for changes via custom events:
 
 ```javascript
@@ -178,20 +180,39 @@ element.addEventListener("toggle:change", (e) => {
 });
 ```
 
+### Inbound Events
+
 Control the toggle via events (ignored when disabled):
 
+| Event | Detail | Description |
+|-------|--------|-------------|
+| `toggle:set` | `{ value: boolean }` | Set pressed state programmatically |
+
 ```javascript
 // Set to specific state
 element.dispatchEvent(
-  new CustomEvent("toggle:set", { detail: { pressed: true } })
+  new CustomEvent("toggle:set", { detail: { value: true } })
 );
+```
+
+### Deprecated Shapes
+
+The following shapes are deprecated and will be removed in v1.0:
 
-// Or with just a boolean
+```javascript
+// Deprecated: boolean detail
 element.dispatchEvent(
   new CustomEvent("toggle:set", { detail: true })
 );
+
+// Deprecated: { pressed } shape
+element.dispatchEvent(
+  new CustomEvent("toggle:set", { detail: { pressed: true } })
+);
 ```
 
+Use `{ value: boolean }` instead.
+
 ## License
 
 MIT

package/dist/index.cjs

@@ -1 +1 @@
-const e=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],t=new WeakMap;function n(e,n,r){if(typeof process<`u`&&process.env?.NODE_ENV===`production`)return;let i=t.get(e);i||(i=new Set,t.set(e,i)),!i.has(n)&&(i.add(n),console.warn(`[@data-slot] ${r}`))}function r(e){let t=`data-${e.replace(/([A-Z])/g,`-$1`).toLowerCase()}`,n=`data-${e}`;return t===n?[t]:[t,n]}function i(e,t){for(let n of r(t))if(e.hasAttribute(n))return e.getAttribute(n);return null}function a(e,t){return r(t).some(t=>e.hasAttribute(t))}const o=new Set([``,`true`,`1`,`yes`]),s=new Set([`false`,`0`,`no`]);function c(e,t){if(!a(e,t))return;let r=i(e,t);if(r===null)return;let c=r.toLowerCase();if(o.has(c))return!0;if(s.has(c))return!1;n(e,t,`Invalid boolean value "${r}" for data-${t}. Expected: true/false/1/0/yes/no or empty.`)}const l=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function u(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const d=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function f(e,t={}){let n=t.defaultPressed??c(e,`defaultPressed`)??!1,r=t.disabled??c(e,`disabled`)??!1,i=t.onPressedChange,a=n,o=[],s=()=>e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`,f=(t,n=!1)=>{a===t&&!n||(a=t,l(e,`pressed`,a),e.dataset.state=a?`on`:`off`,n||(d(e,`toggle:change`,{pressed:a}),i?.(a)))};return r&&(e.tagName===`BUTTON`&&e.setAttribute(`disabled`,``),e.setAttribute(`aria-disabled`,`true`)),e.tagName===`BUTTON`&&!e.hasAttribute(`type`)&&e.setAttribute(`type`,`button`),f(a,!0),o.push(u(e,`click`,()=>{s()||f(!a)})),o.push(u(e,`toggle:set`,e=>{if(s())return;let t=e.detail,n=typeof t==`boolean`?t:t?.pressed;typeof n==`boolean`&&f(n)})),{toggle:()=>f(!a),press:()=>f(!0),release:()=>f(!1),get pressed(){return a},destroy:()=>{o.forEach(e=>e()),o.length=0,p.delete(e)}}}const p=new WeakSet;function m(t=document){let n=[];for(let r of e(t,`toggle`)){if(p.has(r))continue;p.add(r),n.push(f(r))}return n}exports.create=m,exports.createToggle=f;
+const e=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],t=new WeakMap;function n(e,n,r){if(typeof process<`u`&&process.env?.NODE_ENV===`production`)return;let i=t.get(e);i||(i=new Set,t.set(e,i)),!i.has(n)&&(i.add(n),console.warn(`[@data-slot] ${r}`))}function r(e){let t=`data-${e.replace(/([A-Z])/g,`-$1`).toLowerCase()}`,n=`data-${e}`;return t===n?[t]:[t,n]}function i(e,t){for(let n of r(t))if(e.hasAttribute(n))return e.getAttribute(n);return null}function a(e,t){return r(t).some(t=>e.hasAttribute(t))}const o=new Set([``,`true`,`1`,`yes`]),s=new Set([`false`,`0`,`no`]);function c(e,t){if(!a(e,t))return;let r=i(e,t);if(r===null)return;let c=r.toLowerCase();if(o.has(c))return!0;if(s.has(c))return!1;n(e,t,`Invalid boolean value "${r}" for data-${t}. Expected: true/false/1/0/yes/no or empty.`)}const l=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function u(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const d=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function f(e,t={}){let n=t.defaultPressed??c(e,`defaultPressed`)??!1,r=t.disabled??c(e,`disabled`)??!1,i=t.onPressedChange,a=n,o=[],s=()=>e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`,f=(t,n=!1)=>{a===t&&!n||(a=t,l(e,`pressed`,a),e.dataset.state=a?`on`:`off`,n||(d(e,`toggle:change`,{pressed:a}),i?.(a)))};return r&&(e.tagName===`BUTTON`&&e.setAttribute(`disabled`,``),e.setAttribute(`aria-disabled`,`true`)),e.tagName===`BUTTON`&&!e.hasAttribute(`type`)&&e.setAttribute(`type`,`button`),f(a,!0),o.push(u(e,`click`,()=>{s()||f(!a)})),o.push(u(e,`toggle:set`,e=>{if(s())return;let t=e.detail,n;typeof t==`boolean`?n=t:t?.value===void 0?t?.pressed!==void 0&&(n=t.pressed):n=t.value,typeof n==`boolean`&&f(n)})),{toggle:()=>f(!a),press:()=>f(!0),release:()=>f(!1),get pressed(){return a},destroy:()=>{o.forEach(e=>e()),o.length=0,p.delete(e)}}}const p=new WeakSet;function m(t=document){let n=[];for(let r of e(t,`toggle`)){if(p.has(r))continue;p.add(r),n.push(f(r))}return n}exports.create=m,exports.createToggle=f;

package/dist/index.js

@@ -1 +1 @@
-const e=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],t=new WeakMap;function n(e,n,r){if(typeof process<`u`&&process.env?.NODE_ENV===`production`)return;let i=t.get(e);i||(i=new Set,t.set(e,i)),!i.has(n)&&(i.add(n),console.warn(`[@data-slot] ${r}`))}function r(e){let t=`data-${e.replace(/([A-Z])/g,`-$1`).toLowerCase()}`,n=`data-${e}`;return t===n?[t]:[t,n]}function i(e,t){for(let n of r(t))if(e.hasAttribute(n))return e.getAttribute(n);return null}function a(e,t){return r(t).some(t=>e.hasAttribute(t))}const o=new Set([``,`true`,`1`,`yes`]),s=new Set([`false`,`0`,`no`]);function c(e,t){if(!a(e,t))return;let r=i(e,t);if(r===null)return;let c=r.toLowerCase();if(o.has(c))return!0;if(s.has(c))return!1;n(e,t,`Invalid boolean value "${r}" for data-${t}. Expected: true/false/1/0/yes/no or empty.`)}const l=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function u(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const d=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function f(e,t={}){let n=t.defaultPressed??c(e,`defaultPressed`)??!1,r=t.disabled??c(e,`disabled`)??!1,i=t.onPressedChange,a=n,o=[],s=()=>e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`,f=(t,n=!1)=>{a===t&&!n||(a=t,l(e,`pressed`,a),e.dataset.state=a?`on`:`off`,n||(d(e,`toggle:change`,{pressed:a}),i?.(a)))};return r&&(e.tagName===`BUTTON`&&e.setAttribute(`disabled`,``),e.setAttribute(`aria-disabled`,`true`)),e.tagName===`BUTTON`&&!e.hasAttribute(`type`)&&e.setAttribute(`type`,`button`),f(a,!0),o.push(u(e,`click`,()=>{s()||f(!a)})),o.push(u(e,`toggle:set`,e=>{if(s())return;let t=e.detail,n=typeof t==`boolean`?t:t?.pressed;typeof n==`boolean`&&f(n)})),{toggle:()=>f(!a),press:()=>f(!0),release:()=>f(!1),get pressed(){return a},destroy:()=>{o.forEach(e=>e()),o.length=0,p.delete(e)}}}const p=new WeakSet;function m(t=document){let n=[];for(let r of e(t,`toggle`)){if(p.has(r))continue;p.add(r),n.push(f(r))}return n}export{m as create,f as createToggle};
+const e=(e,t)=>[...e.querySelectorAll(`[data-slot="${t}"]`)],t=new WeakMap;function n(e,n,r){if(typeof process<`u`&&process.env?.NODE_ENV===`production`)return;let i=t.get(e);i||(i=new Set,t.set(e,i)),!i.has(n)&&(i.add(n),console.warn(`[@data-slot] ${r}`))}function r(e){let t=`data-${e.replace(/([A-Z])/g,`-$1`).toLowerCase()}`,n=`data-${e}`;return t===n?[t]:[t,n]}function i(e,t){for(let n of r(t))if(e.hasAttribute(n))return e.getAttribute(n);return null}function a(e,t){return r(t).some(t=>e.hasAttribute(t))}const o=new Set([``,`true`,`1`,`yes`]),s=new Set([`false`,`0`,`no`]);function c(e,t){if(!a(e,t))return;let r=i(e,t);if(r===null)return;let c=r.toLowerCase();if(o.has(c))return!0;if(s.has(c))return!1;n(e,t,`Invalid boolean value "${r}" for data-${t}. Expected: true/false/1/0/yes/no or empty.`)}const l=(e,t,n)=>{n===null?e.removeAttribute(`aria-${t}`):e.setAttribute(`aria-${t}`,String(n))};function u(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}const d=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function f(e,t={}){let n=t.defaultPressed??c(e,`defaultPressed`)??!1,r=t.disabled??c(e,`disabled`)??!1,i=t.onPressedChange,a=n,o=[],s=()=>e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`,f=(t,n=!1)=>{a===t&&!n||(a=t,l(e,`pressed`,a),e.dataset.state=a?`on`:`off`,n||(d(e,`toggle:change`,{pressed:a}),i?.(a)))};return r&&(e.tagName===`BUTTON`&&e.setAttribute(`disabled`,``),e.setAttribute(`aria-disabled`,`true`)),e.tagName===`BUTTON`&&!e.hasAttribute(`type`)&&e.setAttribute(`type`,`button`),f(a,!0),o.push(u(e,`click`,()=>{s()||f(!a)})),o.push(u(e,`toggle:set`,e=>{if(s())return;let t=e.detail,n;typeof t==`boolean`?n=t:t?.value===void 0?t?.pressed!==void 0&&(n=t.pressed):n=t.value,typeof n==`boolean`&&f(n)})),{toggle:()=>f(!a),press:()=>f(!0),release:()=>f(!1),get pressed(){return a},destroy:()=>{o.forEach(e=>e()),o.length=0,p.delete(e)}}}const p=new WeakSet;function m(t=document){let n=[];for(let r of e(t,`toggle`)){if(p.has(r))continue;p.add(r),n.push(f(r))}return n}export{m as create,f as createToggle};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-slot/toggle",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.cjs",