@finsweet/attributes-a11y - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

a11y.js

@@ -1,1 +0,1 @@
-"use strict";(()=>{var Y=Object.create;var y=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var X=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var q=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of F(t))!j.call(e,r)&&r!==o&&y(e,r,{get:()=>t[r],enumerable:!(s=$(t,r))||s.enumerable});return e};var G=(e,t,o)=>(o=e!=null?Y(H(e)):{},q(t||!e||!e.__esModule?y(o,"default",{value:e,enumerable:!0}):o,e));var h=X((Mt,V)=>{V.exports=et;function et(e,t,o,s){var r,n,i;return function(){if(i=this,n=Array.prototype.slice.call(arguments),r&&(o||s))return;if(!o)return a(),r=setTimeout(u,t),r;r=setTimeout(a,t),e.apply(i,n);function u(){a(),e.apply(i,n)}function a(){clearTimeout(r),r=null}}}});var l="fs-attributes";var p="a11y";var I="cmsattribute";var S=async(...e)=>{var o;let t=[];for(let s of e){let r=await((o=window.fsAttributes[s])==null?void 0:o.loading);t.push(r)}return t};var A=()=>{};function x(e,t,o,s){return e?(e.addEventListener(t,o,s),()=>e.removeEventListener(t,o,s)):A}var _=(e,t)=>(Array.isArray(t)||(t=[t]),t.map(s=>e.dispatchEvent(new Event(s,{bubbles:!0}))).every(s=>s));var E=e=>!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length);function v(e,t,o){var r;let s=window.fsAttributes[e];return s.destroy=o||A,(r=s.resolve)==null||r.call(s,t),t}var W=`${l}-support`,z="https://cdn.jsdelivr.net/npm/@finsweet/attributes-support@1/support.js",w=async()=>{let{fsAttributes:e,location:t}=window,{host:o,searchParams:s}=new URL(t.href);e.support||(e.support={});let{support:r}=e;if(!o.includes("webflow.io")||!s.has(W))return!1;if(r.import)return r.import;try{r.import=new Promise((n,i)=>{let c=document.createElement("script");c.src=z,c.onload=()=>n(!0),c.onerror=i,document.head.append(c)})}catch(n){return!1}return r.import};var d=e=>{let t=(s,r,n)=>{let i=e[s],{key:c,values:u}=i,a;if(!r)return`[${c}]`;let f=u==null?void 0:u[r];typeof f=="string"?a=f:a=f(n&&"instanceIndex"in n?n.instanceIndex:void 0);let T=n&&"caseInsensitive"in n&&n.caseInsensitive?"i":"";if(!(n!=null&&n.operator))return`[${c}="${a}"${T}]`;switch(n.operator){case"prefixed":return`[${c}^="${a}"${T}]`;case"suffixed":return`[${c}$="${a}"${T}]`;case"contains":return`[${c}*="${a}"${T}]`}};function o(s,r){let n=t("element",s,r),i=(r==null?void 0:r.scope)||document;return r!=null&&r.all?[...i.querySelectorAll(n)]:i.querySelector(n)}return[t,o]};var m={preventLoad:{key:`${l}-preventload`},debugMode:{key:`${l}-debug`},src:{key:"src",values:{finsweet:"@finsweet/attributes"}},dev:{key:`${l}-dev`}},[R,Ut]=d(m);var U=e=>{let{currentScript:t}=document,o={};if(!t)return{attributes:o,preventsLoad:!1};let r={preventsLoad:typeof t.getAttribute(m.preventLoad.key)=="string",attributes:o};for(let n in e){let i=t.getAttribute(e[n]);r.attributes[n]=i}return r};var B=({scriptAttributes:e,attributeKey:t,version:o,init:s})=>{var c;Q(),(c=window.fsAttributes)[t]||(c[t]={});let{preventsLoad:r,attributes:n}=U(e),i=window.fsAttributes[t];i.version=o,i.init=s,r||(window.Webflow||(window.Webflow=[]),window.Webflow.push(()=>s(n)))},Q=()=>{let e=J();if(window.fsAttributes&&!Array.isArray(window.fsAttributes)){g(window.fsAttributes,e);return}let t={cms:{},push(...o){var s,r;for(let[n,i]of o)(r=(s=this[n])==null?void 0:s.loading)==null||r.then(i)},destroy(){var o,s;for(let r of e)(s=(o=window.fsAttributes[r])==null?void 0:o.destroy)==null||s.call(o)}};g(t,e),Z(t),window.fsAttributes=t,window.FsAttributes=window.fsAttributes,w()},J=()=>{let e=R("src","finsweet",{operator:"contains"}),t=R("dev");return[...document.querySelectorAll(`script${e}, script${t}`)].reduce((r,n)=>{var c;let i=n.getAttribute(m.dev.key)||((c=n.src.match(/[\w-. ]+(?=(\.js)$)/))==null?void 0:c[0]);return i&&!r.includes(i)&&r.push(i),r},[])},g=(e,t)=>{for(let o of t){if(e[o])continue;e[o]={};let s=e[o];s.loading=new Promise(r=>{s.resolve=n=>{r(n),delete s.resolve}})}},Z=e=>{let t=Array.isArray(window.fsAttributes)?window.fsAttributes:[];e.push(...t)};var L="0.2.0";var C="tabindex";var K="aria-expanded";var b="aria-controls";var M=G(h(),1);var rt=`fs-${p}`,ot="autofocus",st={element:{key:`${rt}-element`,values:{autoFocus:ot}}},[Dt,O]=d(st);var N=()=>{let t=[...document.querySelectorAll(`[${b}]`)].map(nt);return()=>{for(let o of t)o==null||o.disconnect()}},nt=e=>{let t=e.getAttribute(b);if(!t)return;let o=document.getElementById(t);if(!o){e.removeAttribute(b);return}let s=O("autoFocus",{operator:"prefixed",scope:o}),r=E(o);P(e,r);let i=(0,M.default)(()=>{let u=E(o);P(e,u),s&&!r&&u&&s.focus(),r=u},100),c=new MutationObserver(i);return c.observe(o,{attributes:!0,attributeFilter:["style","class"]}),c},P=(e,t)=>{e.setAttribute(K,String(t))};var it=[HTMLAnchorElement,HTMLButtonElement,HTMLInputElement,HTMLTextAreaElement,HTMLSelectElement,HTMLVideoElement,HTMLAudioElement],k=()=>{let t=x(window,"keydown",o=>{var n;let{target:s,key:r}=o;r!=="Enter"&&r!==" "||!s||!((n=s.getAttribute)!=null&&n.call(s,C))||it.some(i=>s instanceof i)||(o.preventDefault(),_(s,"click"))});return()=>{t()}};var D=async()=>{await S(I);let e=k(),t=N();return v(p,void 0,()=>{e(),t()})};B({init:D,version:L,attributeKey:p});})();
+"use strict";(()=>{var q=Object.create;var v=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var Q=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var J=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of G(t))!z.call(e,r)&&r!==o&&v(e,r,{get:()=>t[r],enumerable:!(s=X(t,r))||s.enumerable});return e};var Z=(e,t,o)=>(o=e!=null?q(W(e)):{},J(t||!e||!e.__esModule?v(o,"default",{value:e,enumerable:!0}):o,e));var k=Q((Ft,D)=>{D.exports=it;function it(e,t,o,s){var r,i,n;return function(){if(n=this,i=Array.prototype.slice.call(arguments),r&&(o||s))return;if(!o)return u(),r=setTimeout(a,t),r;r=setTimeout(u,t),e.apply(n,i);function a(){u(),e.apply(n,i)}function u(){clearTimeout(r),r=null}}}});var m="fs-attributes";var p="a11y";var w="cmsattribute";var g="inputcounter";var U="modal";var y="support";var B=async(...e)=>{var o;let t=[];for(let s of e){let r=await((o=window.fsAttributes[s])==null?void 0:o.loading);t.push(r)}return t};var T=()=>{};function I(e,t,o,s){return e?(e.addEventListener(t,o,s),()=>e.removeEventListener(t,o,s)):T}var R=(e,t)=>(Array.isArray(t)||(t=[t]),t.map(s=>e.dispatchEvent(new Event(s,{bubbles:!0}))).every(s=>s));var b=e=>!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length);function C(e,t,o){var r;let s=window.fsAttributes[e];return s.destroy=o||T,(r=s.resolve)==null||r.call(s,t),t}var K=(e,t="1",o="iife")=>{let r=`${e}${o==="esm"?".esm":""}.js`;return`https://cdn.jsdelivr.net/npm/@finsweet/attributes-${e}@${t}/${r}`};var tt=`${m}-${y}`,N=async()=>{var r;let{fsAttributes:e,location:t}=window,{host:o,searchParams:s}=new URL(t.href);return!o.includes("webflow.io")||!s.has(tt)?!1:(r=e.import)==null?void 0:r.call(e,y,"1")};var d=e=>{let t=(r,i,n)=>{let c=e[r],{key:a,values:u}=c,l;if(!i)return`[${a}]`;let x=u==null?void 0:u[i];typeof x=="string"?l=x:l=x(n&&"instanceIndex"in n?n.instanceIndex:void 0);let E=n&&"caseInsensitive"in n&&n.caseInsensitive?"i":"";if(!(n!=null&&n.operator))return`[${a}="${l}"${E}]`;switch(n.operator){case"prefixed":return`[${a}^="${l}"${E}]`;case"suffixed":return`[${a}$="${l}"${E}]`;case"contains":return`[${a}*="${l}"${E}]`}};function o(r,i){let n=t("element",r,i),c=(i==null?void 0:i.scope)||document;return i!=null&&i.all?[...c.querySelectorAll(n)]:c.querySelector(n)}return[t,o,(r,i)=>{let n=e[i];return n?r.getAttribute(n.key):null}]};var A={preventLoad:{key:`${m}-preventload`},debugMode:{key:`${m}-debug`},src:{key:"src",values:{finsweet:"@finsweet/attributes"}},dev:{key:`${m}-dev`}},[_,ht]=d(A);var h=e=>{let{currentScript:t}=document,o={};if(!t)return{attributes:o,preventsLoad:!1};let r={preventsLoad:typeof t.getAttribute(A.preventLoad.key)=="string",attributes:o};for(let i in e){let n=t.getAttribute(e[i]);r.attributes[i]=n}return r};var P=({scriptAttributes:e,attributeKey:t,version:o,init:s})=>{var c;et(),(c=window.fsAttributes)[t]||(c[t]={});let{preventsLoad:r,attributes:i}=h(e),n=window.fsAttributes[t];n.version=o,n.init=s,r||(window.Webflow||(window.Webflow=[]),window.Webflow.push(()=>s(i)))},et=()=>{let e=ot();if(window.fsAttributes&&!Array.isArray(window.fsAttributes)){S(window.fsAttributes,e);return}let t=rt(e);S(t,e),st(t),window.fsAttributes=t,window.FsAttributes=window.fsAttributes,N()},rt=e=>{let t={cms:{},push(...o){var s,r;for(let[i,n]of o)(r=(s=this[i])==null?void 0:s.loading)==null||r.then(n)},async import(o,s){let r=t[o];return r||new Promise(i=>{let n=document.createElement("script");n.src=K(o,s),n.async=!0,n.onload=()=>{let[c]=S(t,[o]);i(c)},document.head.append(n)})},destroy(){var o,s;for(let r of e)(s=(o=window.fsAttributes[r])==null?void 0:o.destroy)==null||s.call(o)}};return t},ot=()=>{let e=_("src","finsweet",{operator:"contains"}),t=_("dev");return[...document.querySelectorAll(`script${e}, script${t}`)].reduce((r,i)=>{var c;let n=i.getAttribute(A.dev.key)||((c=i.src.match(/[\w-. ]+(?=(\.js)$)/))==null?void 0:c[0]);return n&&!r.includes(n)&&r.push(n),r},[])},S=(e,t)=>t.map(s=>{let r=e[s];return r||(e[s]={},r=e[s],r.loading=new Promise(i=>{r.resolve=n=>{i(n),delete r.resolve}}),r)}),st=e=>{let t=Array.isArray(window.fsAttributes)?window.fsAttributes:[];e.push(...t)};var L="0.2.1";var O="tabindex";var M="aria-expanded";var f="aria-controls";var Y=Z(k(),1);var ct=`fs-${p}`,at="autofocus",ut={element:{key:`${ct}-element`,values:{autoFocus:at}}},[qt,$]=d(ut);var F=()=>{let t=[...document.querySelectorAll(`[${f}]`)].map(lt);return()=>{for(let o of t)o==null||o.disconnect()}},lt=e=>{let t=e.getAttribute(f);if(!t)return;let o=document.getElementById(t);if(!o){e.removeAttribute(f);return}let s=$("autoFocus",{operator:"prefixed",scope:o}),r=b(o);V(e,r);let n=(0,Y.default)(()=>{let a=b(o);V(e,a),s&&!r&&a&&s.focus(),r=a},100),c=new MutationObserver(n);return c.observe(o,{attributes:!0,attributeFilter:["style","class"]}),c},V=(e,t)=>{e.setAttribute(M,String(t))};var mt=[HTMLAnchorElement,HTMLButtonElement,HTMLInputElement,HTMLTextAreaElement,HTMLSelectElement,HTMLVideoElement,HTMLAudioElement],H=()=>{let t=I(window,"keydown",o=>{var i;let{target:s,key:r}=o;r!=="Enter"&&r!==" "||!s||!((i=s.getAttribute)!=null&&i.call(s,O))||mt.some(n=>s instanceof n)||(o.preventDefault(),R(s,"click"))});return()=>{t()}};var j=async()=>{await B(w,U,g);let e=H(),t=F();return C(p,void 0,()=>{e(),t()})};P({init:j,version:L,attributeKey:p});})();

changesets.json

@@ -1,1 +0,1 @@
-[{"version":"0.2.0","markdown":"- e4b3b680: Created new `window.fsAttributes.destroy()` method to support SPA environments.\n  This new method allows users to destroy all Attributes instances, cleaning up event listeners, observers, states, global variables, etc.\n\n  Websites that use a client-side router that simulates an SPA environment like [barba.js](https://barba.js.org/) or [Swup](https://swup.js.org/) can now properly init and destroy Attributes.\n  After destroying, Attributes can be manually re-initted by calling `window.fsAttribute[ATTRIBUTE_KEY].init()`.\n\n  Updated changesets system, now all updates will be correctly reflected in [the official updates page](https://www.finsweet.com/attributes/updates)."},{"version":"0.1.3","markdown":"- Updated dependencies [4792998a]\n  - @global/constants@1.2.0\n  - @global/factory@1.1.5"},{"version":"0.1.2","markdown":"- Updated dependencies [07f32375]\n  - @global/constants@1.1.0\n  - @global/factory@1.1.4"},{"version":"0.1.1","markdown":"- 62a2d7f3: Ensured aria-expanded is always set for aria-controls controllers"},{"version":"0.1.0","markdown":"- a14e67a5: Added aria-controls and keyboard-clicks functionalities."}]
+[{"version":"0.2.1","markdown":"- 460f73c6: Ensure compatibility with modal and inputcounter"},{"version":"0.2.0","markdown":"- e4b3b680: Created new `window.fsAttributes.destroy()` method to support SPA environments.\n  This new method allows users to destroy all Attributes instances, cleaning up event listeners, observers, states, global variables, etc.\n\n  Websites that use a client-side router that simulates an SPA environment like [barba.js](https://barba.js.org/) or [Swup](https://swup.js.org/) can now properly init and destroy Attributes.\n  After destroying, Attributes can be manually re-initted by calling `window.fsAttribute[ATTRIBUTE_KEY].init()`.\n\n  Updated changesets system, now all updates will be correctly reflected in [the official updates page](https://www.finsweet.com/attributes/updates)."},{"version":"0.1.3","markdown":"- Updated dependencies [4792998a]\n  - @global/constants@1.2.0\n  - @global/factory@1.1.5"},{"version":"0.1.2","markdown":"- Updated dependencies [07f32375]\n  - @global/constants@1.1.0\n  - @global/factory@1.1.4"},{"version":"0.1.1","markdown":"- 62a2d7f3: Ensured aria-expanded is always set for aria-controls controllers"},{"version":"0.1.0","markdown":"- a14e67a5: Added aria-controls and keyboard-clicks functionalities."}]

package.json

 {
   "name": "@finsweet/attributes-a11y",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Accessibility JS solutions for Webflow.",
@@ -5,0 +5,0 @@ "homepage": "https://www.finsweet.com/attributes",

No alert changes

Improved metrics

Total package byte prevSize

8096

increased by3.64%

Lines of code

21

increased by5%

No dependency changes