@lion/ui 0.8.7 → 0.8.8

package/components/pagination/src/LionPagination.js

@@ -287,6 +287,7 @@ export class LionPagination extends LocalizeMixin(LitElement) {
               <button
                 aria-label="${this.msgLit('lion-pagination:page', { page })}"
                 aria-current=${page === this.current}
+                aria-live="${page === this.current ? 'polite' : 'off'}"
                 @click=${() => this.__fire(page)}
               >
                 ${page}

package/components/pagination/test/lion-pagination.test.js

@@ -105,6 +105,22 @@ describe('Pagination', () => {
       expect(el.current).to.equal(2);
     });
 
+    it('should announce next and previous page using `next()` and `previous()`', async () => {
+      const el = await fixture(html` <lion-pagination count="6" current="2"></lion-pagination> `);
+      const buttons = Array.from(
+        /** @type {ShadowRoot} */ (el.shadowRoot).querySelectorAll('button'),
+      );
+      expect(buttons[2].getAttribute('aria-live')).to.equal('polite');
+      el.next();
+      await el.updateComplete;
+      expect(buttons[3].getAttribute('aria-live')).to.equal('polite');
+      expect(buttons[2].getAttribute('aria-live')).to.equal('off');
+      el.previous();
+      await el.updateComplete;
+      expect(buttons[3].getAttribute('aria-live')).to.equal('off');
+      expect(buttons[2].getAttribute('aria-live')).to.equal('polite');
+    });
+
     it('should goto next and previous page using `next()` and `previous()`', async () => {
       const el = await fixture(html` <lion-pagination count="6" current="2"></lion-pagination> `);
       el.next();

package/dist-types/components/pagination/src/LionPagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionPagination.d.ts","sourceRoot":"","sources":["../../../../components/pagination/src/LionPagination.js"],"names":[],"mappings":";AAIA;;GAEG;AAEH;;;;GAIG;AACH;IACE,+CAsBC;IAoDD;;;;;;;;;MAWC;IAED,4BAA4B;IAC5B,yBAOC;IAED,wBAAwB;IACxB,sBAEC;IATG,8BAAsB;IAaxB,eAAe;IACf,uBAAuB;IAEvB,cAAc;IAGhB;;;OAGG;IACH,oBAIC;IAED;;;OAGG;IACH,qBAIC;IAED;;;OAGG;IACH,oBAIC;IAED;;;;OAIG;IACH,wBAHW,MAAM,QAOhB;IAED;;;OAGG;IACH,wBAIC;IAED;;;;OAIG;IACH,eAIC;IAED;;;;OAIG;IACH,2BAiCC;IAED;;;;;;OAMG;IAEH,gDAJa,cAAc,CAM1B;IAED;;;;;;;;OAQG;IACH,0FAHa,cAAc,CAc1B;IAED;;;;;;OAMG;IACH,kDAHa,cAAc,CAS1B;IAED;;;;OAIG;IACH,4BAHa,cAAc,EAAE,CAmB5B;IAED,+CAcC;CACF;6BApTY,OAAO,KAAK,EAAE,cAAc"}
+{"version":3,"file":"LionPagination.d.ts","sourceRoot":"","sources":["../../../../components/pagination/src/LionPagination.js"],"names":[],"mappings":";AAIA;;GAEG;AAEH;;;;GAIG;AACH;IACE,+CAsBC;IAoDD;;;;;;;;;MAWC;IAED,4BAA4B;IAC5B,yBAOC;IAED,wBAAwB;IACxB,sBAEC;IATG,8BAAsB;IAaxB,eAAe;IACf,uBAAuB;IAEvB,cAAc;IAGhB;;;OAGG;IACH,oBAIC;IAED;;;OAGG;IACH,qBAIC;IAED;;;OAGG;IACH,oBAIC;IAED;;;;OAIG;IACH,wBAHW,MAAM,QAOhB;IAED;;;OAGG;IACH,wBAIC;IAED;;;;OAIG;IACH,eAIC;IAED;;;;OAIG;IACH,2BAiCC;IAED;;;;;;OAMG;IAEH,gDAJa,cAAc,CAM1B;IAED;;;;;;;;OAQG;IACH,0FAHa,cAAc,CAc1B;IAED;;;;;;OAMG;IACH,kDAHa,cAAc,CAS1B;IAED;;;;OAIG;IACH,4BAHa,cAAc,EAAE,CAoB5B;IAED,+CAcC;CACF;6BArTY,OAAO,KAAK,EAAE,cAAc"}