@lion/ui 0.7.9 → 0.8.1

package/README.md

@@ -26,15 +26,15 @@
 </p>
 
 <p align="center">
-  <a href="https://lion-web.netlify.app">Website</a>
+  <a href="https://lion.js.org">Website</a>
   ·
-  <a href="https://lion-web.netlify.app/fundamentals/">Fundamentals</a>
+  <a href="https://lion.js.org/fundamentals/">Fundamentals</a>
   ·
-  <a href="https://lion-web.netlify.app/guides/">Guides</a>
+  <a href="https://lion.js.org/guides/">Guides</a>
   ·
-  <a href="https://lion-web.netlify.app/components/">Components</a>
+  <a href="https://lion.js.org/components/">Components</a>
   ·
-  <a href="https://lion-web.netlify.app/blog/">Blog</a>
+  <a href="https://lion.js.org/blog/">Blog</a>
 </p>
 
 **Lion is a set of highly performant, accessible and flexible Web Components.!**
@@ -50,7 +50,7 @@ They provide an unopinionated, white-label layer that can be extended to your ow
 > Note: Our demo examples might look simple and not very stylish. This is on purpose. They are designed to be basic so you can easily add your own styles to them to match your intended design, without dealing with styles that are already there.
 
 <p align="center">
-  <a href="https://lion-web.netlify.app/guides/"><strong>Explore the Lion Guides&nbsp;&nbsp;▶</strong></a>
+  <a href="https://lion.js.org/guides/"><strong>Explore the Lion Guides&nbsp;&nbsp;▶</strong></a>
 </p>
 
 ## How to install
@@ -158,7 +158,7 @@ This means you only have to apply your own Design System: by delivering styles,
 
 ## Coding guidelines
 
-Check out our [coding guidelines](https://lion-web.netlify.app/guides/principles/definitions-and-terms/) for more detailed information.
+Check out our [coding guidelines](https://lion.js.org/guides/principles/definitions-and-terms/) for more detailed information.
 
 ## How to contribute
 

package/components/accordion/src/LionAccordion.js

@@ -451,7 +451,7 @@ export class LionAccordion extends LitElement {
 
     if (indexFound === -1) {
       expandedNewValues.push(indexClicked);
-    } else if (expandedNewValues.includes(indexFound)) {
+    } else {
       expandedNewValues.splice(indexFound, 1);
     }
 

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

@@ -1,5 +1,6 @@
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit/static-html.js';
+import { sendKeys } from '@web/test-runner-commands';
 import sinon from 'sinon';
 
 import '@lion/ui/define/lion-accordion.js';
@@ -309,11 +310,14 @@ describe('<lion-accordion>', () => {
    * > content content to be preloaded.
    */
   describe('User interaction', () => {
-    it('opens a invoker on click', async () => {
+    it('opens/closes an invoker on click', async () => {
       const el = /** @type {LionAccordion} */ (await fixture(basicAccordion));
       const invokers = getInvokers(el);
       invokers[1].firstElementChild?.dispatchEvent(new Event('click'));
       expect(el.expanded).to.deep.equal([1]);
+
+      invokers[1].firstElementChild?.dispatchEvent(new Event('click'));
+      expect(el.expanded).to.deep.equal([]);
     });
 
     it('selects a invoker on click', async () => {
@@ -323,12 +327,13 @@ describe('<lion-accordion>', () => {
       expect(el.focusedIndex).to.equal(1);
     });
 
-    it.skip('opens/close invoker on [enter] and [space]', async () => {
+    it('opens/closes invoker on [enter] and [space]', async () => {
       const el = /** @type {LionAccordion} */ (await fixture(basicAccordion));
       const invokers = getInvokers(el);
-      invokers[0].firstElementChild?.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' }));
+      invokers[0].getElementsByTagName('button')[0].focus();
+      await sendKeys({ press: 'Enter' });
       expect(el.expanded).to.deep.equal([0]);
-      invokers[0].firstElementChild?.dispatchEvent(new KeyboardEvent('keyup', { key: ' ' }));
+      await sendKeys({ press: 'Space' });
       expect(el.expanded).to.deep.equal([]);
     });
 

package/components/calendar/src/LionCalendar.js

@@ -300,7 +300,9 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
     }
   }
 
-  firstUpdated() {
+  /** @param {import('lit').PropertyValues } changedProperties */
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
     this.__calculateInitialCentralDate();
 
     // setup data for initial render