embla-carousel-aria - npm Package Compare versions

Comparing version 8.0.0-rc16 to 8.0.0-rc17

dist/embla-carousel-aria.cjs.js

@@ -420,4 +420,4 @@ 'use strict';
     const root = emblaApi.rootNode();
-    const ariaLive = `${options.live}`;
     const ariaRoleDesc = intl.format('roledescription');
+    const ariaLive = typeof options.live === 'boolean' ? 'off' : options.live;
     const ariaOrientation = emblaApi.internalEngine().axis.scroll === 'x' ? 'horizontal' : 'vertical';
@@ -424,0 +424,0 @@ const ariaMultiselectable = emblaApi.slidesInView().length > 1 ? 'true' : 'false';

dist/embla-carousel-aria.esm.js

@@ -418,4 +418,4 @@ /**
     const root = emblaApi.rootNode();
-    const ariaLive = `${options.live}`;
     const ariaRoleDesc = intl.format('roledescription');
+    const ariaLive = typeof options.live === 'boolean' ? 'off' : options.live;
     const ariaOrientation = emblaApi.internalEngine().axis.scroll === 'x' ? 'horizontal' : 'vertical';
@@ -422,0 +422,0 @@ const ariaMultiselectable = emblaApi.slidesInView().length > 1 ? 'true' : 'false';

dist/embla-carousel-aria.umd.js

@@ -1,1 +0,1 @@
-!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(e="undefined"!=typeof globalThis?globalThis:e||self).EmblaCarouselAria=i()}(this,(function(){"use strict";function e(i,l){return"#comment"!==i.nodeName&&function(e){if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;let{display:i,visibility:l}=e.style,o="none"!==i&&"hidden"!==l&&"collapse"!==l;if(o){const{getComputedStyle:i}=e.ownerDocument.defaultView;let{display:l,visibility:n}=i(e);o="none"!==l&&"hidden"!==n&&"collapse"!==n}return o}(i)&&function(e,i){return!e.hasAttribute("hidden")&&("DETAILS"!==e.nodeName||!i||"SUMMARY"===i.nodeName||e.hasAttribute("open"))}(i,l)&&(!i.parentElement||e(i.parentElement,i))}const i=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],l=i.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";i.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const o=i.join(':not([hidden]):not([tabindex="-1"]),');function n(i,n,t){let r=(null==n?void 0:n.tabbable)?o:l,s=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,{acceptNode(i){var l;return(null===(l=null==n?void 0:n.from)||void 0===l?void 0:l.contains(i))?NodeFilter.FILTER_REJECT:!i.matches(r)||!e(i)||t&&!function(e,i){return!!e&&!!i&&i.some((i=>i.contains(e)))}(i,t)||(null==n?void 0:n.accept)&&!n.accept(i)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT}});return(null==n?void 0:n.from)&&(s.currentNode=n.from),s}function t(e,i=300){let l;return(...o)=>{const n=this;clearTimeout(l),l=setTimeout((()=>{e.apply(n,o)}),i)}}var r={roledescription:"旋转木马","slide.label":"{i} 的 {n}","slide.roledescription":"幻灯片"};const s={"ar-AE":{roledescription:"دائري","slide.label":"{i} من {n}","slide.roledescription":"شريحة"},"bg-BG":{roledescription:"Карусел","slide.label":"{i} от {n}","slide.roledescription":"Слайд"},"cs-CZ":{roledescription:"Karusel","slide.label":"{i} z {n}","slide.roledescription":"Snímek"},"da-DK":{roledescription:"Karussel","slide.label":"{i} af {n}","slide.roledescription":"Slide"},"de-DE":{roledescription:"Karussell","slide.label":"{i} von {n}","slide.roledescription":"Folie"},"el-GR":{roledescription:"Καρουσέλ","slide.label":"{i} από {n}","slide.roledescription":"Διαφάνεια"},"en-US":{roledescription:"Carousel","slide.label":"{i} of {n}","slide.roledescription":"Slide"},"es-ES":{roledescription:"Carrusel","slide.label":"{i} de {n}","slide.roledescription":"Diapositiva"},"et-EE":{roledescription:"Karussell","slide.label":"{i} {n}-st","slide.roledescription":"Slaide"},"fi-FI":{roledescription:"Karusselli","slide.label":"{i} {n}:sta","slide.roledescription":"Dia"},"fr-CA":{roledescription:"Carrousel","slide.label":"{i} de {n}","slide.roledescription":"Diapositive"},"fr-FR":{roledescription:"Carrousel","slide.label":"{i} de {n}","slide.roledescription":"Diapositive"},"he-IL":{roledescription:"קרוסלה","slide.label":"{i} מתוך {n}","slide.roledescription":"שקופית"},"hr-HR":{roledescription:"Karuzela","slide.label":"{i} od {n}","slide.roledescription":"Slajd"},"hu-HU":{roledescription:"Körhinta","slide.label":"{i} a {n}-ból","slide.roledescription":"Dia"},"it-IT":{roledescription:"Carosello","slide.label":"{i} di {n}","slide.roledescription":"Diapositiva"},"ja-JP":{roledescription:"カルーセル","slide.label":"{i} の {n}","slide.roledescription":"スライド"},"ko-KR":{roledescription:"회전목마","slide.label":"{i} 의 {n}","slide.roledescription":"슬라이드"},"lt-LT":{roledescription:"Karusele","slide.label":"{i} iš {n}","slide.roledescription":"Skaidrė"},"lv-LV":{roledescription:"Karusele","slide.label":"{i} no {n}","slide.roledescription":"Slaid"},"nb-NO":{roledescription:"Karusell","slide.label":"{i} av {n}","slide.roledescription":"Lysbilde"},"nl-NL":{roledescription:"Carrousel","slide.label":"{i} van {n}","slide.roledescription":"Dia"},"pl-PL":{roledescription:"Karuzela","slide.label":"{i} z {n}","slide.roledescription":"Slajd"},"pt-BR":{roledescription:"Carrossel","slide.label":"{i} de {n}","slide.roledescription":"Slide"},"pt-PT":{roledescription:"Carrossel","slide.label":"{i} de {n}","slide.roledescription":"Slide"},"ro-RO":{roledescription:"Carusel","slide.label":"{i} din {n}","slide.roledescription":"Diapozitiv"},"ru-RU":{roledescription:"Карусель","slide.label":"{i} из {n}","slide.roledescription":"Слайд"},"sk-SK":{roledescription:"Karosel","slide.label":"{i} z {n}","slide.roledescription":"Snímka"},"sl-SI":{roledescription:"Krožnik","slide.label":"{i} od {n}","slide.roledescription":"Drsnik"},"sr-SP":{roledescription:"Карусел","slide.label":"{i} од {n}","slide.roledescription":"Слајд"},"sv-SE":{roledescription:"Karusell","slide.label":"{i} av {n}","slide.roledescription":"Bild"},"tr-TR":{roledescription:"Atlıkarınca","slide.label":"{i} / {n}","slide.roledescription":"Slayt"},"uk-UA":{roledescription:"Карусель","slide.label":"{i} з {n}","slide.roledescription":"Слайд"},"zh-CN":r,"zh-TW":r};const d=["slidesInView"],a=(e={})=>{let i,l,o;function r(e,i){if(e instanceof HTMLElement){const l=e.getAttribute(`data-backup-${i}`);null!==l&&"null"!==l?e.setAttribute(i,l):e.removeAttribute(i)}}function c(e,i,l){if(e instanceof HTMLElement){const o=e.getAttribute(i);null===e.getAttribute(`data-backup-${i}`)&&e.setAttribute(`data-backup-${i}`,null!=o?o:"null"),void 0!==l&&l!==o&&e.setAttribute(i,l)}}function u(e,i){r(e,i),e.removeAttribute(`data-backup-${i}`)}function p(e){var i;const t=document.activeElement===e;if(document.hasFocus()&&t){const t=null!==(i=n(o.containerNode(),{tabbable:!0}).nextNode())&&void 0!==i?i:o.rootNode();t instanceof HTMLElement&&(t.focus(),l.onFocusChange&&l.onFocusChange(e,t))}c(e,"tabindex","-1")}function b(e,i,l){const o=n(e,l);let t;for(;t=o.nextNode();)i(t)}function f(){const e=o.slideNodes();for(let l=0;l<=e.length;l++){const n=e[l];if(!n)continue;const t=i.format("slide.label",{i:l+1,n:e.length}),r=o.slidesInView().includes(l),s=i.format("slide.roledescription");c(n,"role","tab"),c(n,"aria-label",t),c(n,"aria-roledescription",s),c(n,"aria-hidden",r?"false":"true"),c(n,"aria-selected",r?"true":"false")}}function m(){const[e,i]=function(){const e=[],i=[],l=o.slideNodes();for(let n=0;n<=l.length;n++){const t=l[n];void 0!==t&&(o.slidesInView().includes(n)?e.push(t):i.push(t))}return[e,i]}();for(const i of e)c(i,"tabindex"),r(i,"tabindex"),b(i,(e=>{r(e,"tabindex")}));for(const e of i)p(e),b(e,(e=>{p(e)}))}return{name:"aria",options:e,init:function(n,r){o=n;const{mergeOptions:u,optionsAtMedia:p}=r,b=u({active:!0,breakpoints:{},locale:"en-US",live:!1,debounce:300,onFocusChange:()=>{}},a.globalOptions);l=p(u(b,e)),i=function(e="en-US"){return Object.freeze({format:(i,l)=>{var o;let n=null===(o=null==s?void 0:s[e])||void 0===o?void 0:o[i];if(!n)throw new Error(`Could not find intl message ${i} in ${e} locale`);if(l)for(const[e,i]of Object.entries(l))n=n.replace(`{${e}}`,String(i));return n}})}(l.locale);const v=o.rootNode(),h=`${l.live}`,E=i.format("roledescription"),S="x"===o.internalEngine().axis.scroll?"horizontal":"vertical",N=o.slidesInView().length>1?"true":"false";c(v,"role","tablist"),c(v,"aria-live",h),c(v,"aria-orientation",S),c(v,"aria-roledescription",E),c(v,"aria-multiselectable",N);for(const e of d)o.on(e,t(f,l.debounce)),o.on(e,t(m,l.debounce));f(),m()},destroy:function(){for(const e of d)o.off(e,t(f,l.debounce)),o.off(e,t(m,l.debounce));const e=o.rootNode(),i=o.slideNodes();u(e,"role"),u(e,"aria-live"),u(e,"aria-orientation"),u(e,"aria-roledescription"),u(e,"aria-multiselectable");for(const e of i)u(e,"role"),u(e,"tabindex"),u(e,"aria-label"),u(e,"aria-roledescription"),u(e,"aria-hidden"),u(e,"aria-selected"),b(e,(e=>{u(e,"tabindex")}))}}};return a.globalOptions=void 0,a}));
+!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(e="undefined"!=typeof globalThis?globalThis:e||self).EmblaCarouselAria=i()}(this,(function(){"use strict";function e(i,l){return"#comment"!==i.nodeName&&function(e){if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;let{display:i,visibility:l}=e.style,o="none"!==i&&"hidden"!==l&&"collapse"!==l;if(o){const{getComputedStyle:i}=e.ownerDocument.defaultView;let{display:l,visibility:n}=i(e);o="none"!==l&&"hidden"!==n&&"collapse"!==n}return o}(i)&&function(e,i){return!e.hasAttribute("hidden")&&("DETAILS"!==e.nodeName||!i||"SUMMARY"===i.nodeName||e.hasAttribute("open"))}(i,l)&&(!i.parentElement||e(i.parentElement,i))}const i=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],l=i.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";i.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const o=i.join(':not([hidden]):not([tabindex="-1"]),');function n(i,n,t){let r=(null==n?void 0:n.tabbable)?o:l,s=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,{acceptNode(i){var l;return(null===(l=null==n?void 0:n.from)||void 0===l?void 0:l.contains(i))?NodeFilter.FILTER_REJECT:!i.matches(r)||!e(i)||t&&!function(e,i){return!!e&&!!i&&i.some((i=>i.contains(e)))}(i,t)||(null==n?void 0:n.accept)&&!n.accept(i)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT}});return(null==n?void 0:n.from)&&(s.currentNode=n.from),s}function t(e,i=300){let l;return(...o)=>{const n=this;clearTimeout(l),l=setTimeout((()=>{e.apply(n,o)}),i)}}var r={roledescription:"旋转木马","slide.label":"{i} 的 {n}","slide.roledescription":"幻灯片"};const s={"ar-AE":{roledescription:"دائري","slide.label":"{i} من {n}","slide.roledescription":"شريحة"},"bg-BG":{roledescription:"Карусел","slide.label":"{i} от {n}","slide.roledescription":"Слайд"},"cs-CZ":{roledescription:"Karusel","slide.label":"{i} z {n}","slide.roledescription":"Snímek"},"da-DK":{roledescription:"Karussel","slide.label":"{i} af {n}","slide.roledescription":"Slide"},"de-DE":{roledescription:"Karussell","slide.label":"{i} von {n}","slide.roledescription":"Folie"},"el-GR":{roledescription:"Καρουσέλ","slide.label":"{i} από {n}","slide.roledescription":"Διαφάνεια"},"en-US":{roledescription:"Carousel","slide.label":"{i} of {n}","slide.roledescription":"Slide"},"es-ES":{roledescription:"Carrusel","slide.label":"{i} de {n}","slide.roledescription":"Diapositiva"},"et-EE":{roledescription:"Karussell","slide.label":"{i} {n}-st","slide.roledescription":"Slaide"},"fi-FI":{roledescription:"Karusselli","slide.label":"{i} {n}:sta","slide.roledescription":"Dia"},"fr-CA":{roledescription:"Carrousel","slide.label":"{i} de {n}","slide.roledescription":"Diapositive"},"fr-FR":{roledescription:"Carrousel","slide.label":"{i} de {n}","slide.roledescription":"Diapositive"},"he-IL":{roledescription:"קרוסלה","slide.label":"{i} מתוך {n}","slide.roledescription":"שקופית"},"hr-HR":{roledescription:"Karuzela","slide.label":"{i} od {n}","slide.roledescription":"Slajd"},"hu-HU":{roledescription:"Körhinta","slide.label":"{i} a {n}-ból","slide.roledescription":"Dia"},"it-IT":{roledescription:"Carosello","slide.label":"{i} di {n}","slide.roledescription":"Diapositiva"},"ja-JP":{roledescription:"カルーセル","slide.label":"{i} の {n}","slide.roledescription":"スライド"},"ko-KR":{roledescription:"회전목마","slide.label":"{i} 의 {n}","slide.roledescription":"슬라이드"},"lt-LT":{roledescription:"Karusele","slide.label":"{i} iš {n}","slide.roledescription":"Skaidrė"},"lv-LV":{roledescription:"Karusele","slide.label":"{i} no {n}","slide.roledescription":"Slaid"},"nb-NO":{roledescription:"Karusell","slide.label":"{i} av {n}","slide.roledescription":"Lysbilde"},"nl-NL":{roledescription:"Carrousel","slide.label":"{i} van {n}","slide.roledescription":"Dia"},"pl-PL":{roledescription:"Karuzela","slide.label":"{i} z {n}","slide.roledescription":"Slajd"},"pt-BR":{roledescription:"Carrossel","slide.label":"{i} de {n}","slide.roledescription":"Slide"},"pt-PT":{roledescription:"Carrossel","slide.label":"{i} de {n}","slide.roledescription":"Slide"},"ro-RO":{roledescription:"Carusel","slide.label":"{i} din {n}","slide.roledescription":"Diapozitiv"},"ru-RU":{roledescription:"Карусель","slide.label":"{i} из {n}","slide.roledescription":"Слайд"},"sk-SK":{roledescription:"Karosel","slide.label":"{i} z {n}","slide.roledescription":"Snímka"},"sl-SI":{roledescription:"Krožnik","slide.label":"{i} od {n}","slide.roledescription":"Drsnik"},"sr-SP":{roledescription:"Карусел","slide.label":"{i} од {n}","slide.roledescription":"Слајд"},"sv-SE":{roledescription:"Karusell","slide.label":"{i} av {n}","slide.roledescription":"Bild"},"tr-TR":{roledescription:"Atlıkarınca","slide.label":"{i} / {n}","slide.roledescription":"Slayt"},"uk-UA":{roledescription:"Карусель","slide.label":"{i} з {n}","slide.roledescription":"Слайд"},"zh-CN":r,"zh-TW":r};const d=["slidesInView"],a=(e={})=>{let i,l,o;function r(e,i){if(e instanceof HTMLElement){const l=e.getAttribute(`data-backup-${i}`);null!==l&&"null"!==l?e.setAttribute(i,l):e.removeAttribute(i)}}function c(e,i,l){if(e instanceof HTMLElement){const o=e.getAttribute(i);null===e.getAttribute(`data-backup-${i}`)&&e.setAttribute(`data-backup-${i}`,null!=o?o:"null"),void 0!==l&&l!==o&&e.setAttribute(i,l)}}function u(e,i){r(e,i),e.removeAttribute(`data-backup-${i}`)}function p(e){var i;const t=document.activeElement===e;if(document.hasFocus()&&t){const t=null!==(i=n(o.containerNode(),{tabbable:!0}).nextNode())&&void 0!==i?i:o.rootNode();t instanceof HTMLElement&&(t.focus(),l.onFocusChange&&l.onFocusChange(e,t))}c(e,"tabindex","-1")}function b(e,i,l){const o=n(e,l);let t;for(;t=o.nextNode();)i(t)}function f(){const e=o.slideNodes();for(let l=0;l<=e.length;l++){const n=e[l];if(!n)continue;const t=i.format("slide.label",{i:l+1,n:e.length}),r=o.slidesInView().includes(l),s=i.format("slide.roledescription");c(n,"role","tab"),c(n,"aria-label",t),c(n,"aria-roledescription",s),c(n,"aria-hidden",r?"false":"true"),c(n,"aria-selected",r?"true":"false")}}function m(){const[e,i]=function(){const e=[],i=[],l=o.slideNodes();for(let n=0;n<=l.length;n++){const t=l[n];void 0!==t&&(o.slidesInView().includes(n)?e.push(t):i.push(t))}return[e,i]}();for(const i of e)c(i,"tabindex"),r(i,"tabindex"),b(i,(e=>{r(e,"tabindex")}));for(const e of i)p(e),b(e,(e=>{p(e)}))}return{name:"aria",options:e,init:function(n,r){o=n;const{mergeOptions:u,optionsAtMedia:p}=r,b=u({active:!0,breakpoints:{},locale:"en-US",live:!1,debounce:300,onFocusChange:()=>{}},a.globalOptions);l=p(u(b,e)),i=function(e="en-US"){return Object.freeze({format:(i,l)=>{var o;let n=null===(o=null==s?void 0:s[e])||void 0===o?void 0:o[i];if(!n)throw new Error(`Could not find intl message ${i} in ${e} locale`);if(l)for(const[e,i]of Object.entries(l))n=n.replace(`{${e}}`,String(i));return n}})}(l.locale);const v=o.rootNode(),h=i.format("roledescription"),E="boolean"==typeof l.live?"off":l.live,S="x"===o.internalEngine().axis.scroll?"horizontal":"vertical",N=o.slidesInView().length>1?"true":"false";c(v,"role","tablist"),c(v,"aria-live",E),c(v,"aria-orientation",S),c(v,"aria-roledescription",h),c(v,"aria-multiselectable",N);for(const e of d)o.on(e,t(f,l.debounce)),o.on(e,t(m,l.debounce));f(),m()},destroy:function(){for(const e of d)o.off(e,t(f,l.debounce)),o.off(e,t(m,l.debounce));const e=o.rootNode(),i=o.slideNodes();u(e,"role"),u(e,"aria-live"),u(e,"aria-orientation"),u(e,"aria-roledescription"),u(e,"aria-multiselectable");for(const e of i)u(e,"role"),u(e,"tabindex"),u(e,"aria-label"),u(e,"aria-roledescription"),u(e,"aria-hidden"),u(e,"aria-selected"),b(e,(e=>{u(e,"tabindex")}))}}};return a.globalOptions=void 0,a}));

dist/plugins/aria.types.d.ts

@@ -5,5 +5,5 @@ import type { AriaAttributes, AriaRole } from 'react';
 export type AriaOptions = CreateOptionsType<{
-    locale: string;
-    live?: boolean;
-    debounce?: number;
+    locale?: string | undefined;
+    debounce?: number | undefined;
+    live?: false | 'off' | 'assertive' | 'polite' | undefined;
     onFocusChange?: (e: HTMLElement, target: HTMLElement) => void;
@@ -10,0 +10,0 @@ }>;

package.json

 {
   "name": "embla-carousel-aria",
-  "version": "8.0.0-rc16",
+  "version": "8.0.0-rc17",
   "author": "Nikolas Schröter",
@@ -35,3 +35,3 @@ "description": "An accessibility plugin for Embla Carousel",
     "dist",
-    "src"
+    "LICENSE"
   ],
@@ -38,0 +38,0 @@ "scripts": {

README.md

@@ -18,3 +18,3 @@ <p align="center">
   
-  <a href="https://bundlephobia.com/result?p=embla-carousel-aria@8.0.0-rc14" target="_blank">
+  <a href="https://bundlephobia.com/result?p=embla-carousel-aria@latest" target="_blank">
     <img
@@ -38,3 +38,3 @@ src="https://img.shields.io/bundlephobia/minzip/embla-carousel-aria?color=%234c1&label=gzip%20size"
 import EmblaCarousel from 'embla-carousel';
-import { AriaPlugin } from 'embla-carousel-aria';
+import AriaPlugin from 'embla-carousel-aria';
 
@@ -55,3 +55,3 @@ // initialize Embla Carousel
 import { useEmblaCarousel } from 'embla-carousel-react';
-import { AriaPlugin } from 'embla-carousel-aria';
+import AriaPlugin from 'embla-carousel-aria';
 
@@ -81,3 +81,3 @@ const EmblaCarouselComponent = ({ children }) => {
 
-**Type**: boolean<br/>
+**Type**: false | "off" | "polite" | "assertive"<br/>
 **Default**: false
@@ -84,0 +84,0 @@

No alert changes

Worsened metrics

Total package byte prevSize

54172

decreased by-25.92%

Number of package files

14

decreased by-74.07%

Lines of code

1238

decreased by-35.65%

No dependency changes