@lion/ui 0.10.0 → 0.11.0

package/components/overlays/src/OverlayController.js

@@ -151,6 +151,7 @@ export class OverlayController extends EventTarget {
       hidesOnOutsideEsc: false,
       hidesOnOutsideClick: false,
       isTooltip: false,
+      isAlertDialog: false,
       invokerRelation: 'description',
       visibilityTriggerFunction: undefined,
       handlesAccessibility: false,
@@ -381,6 +382,14 @@ export class OverlayController extends EventTarget {
     return /** @type {boolean} */ (this.config?.isTooltip);
   }
 
+  /**
+   * The alertdialog role is to be used on modal alert dialogs that interrupt a user's workflow
+   * to communicate an important message and require a response.
+   */
+  get isAlertDialog() {
+    return /** @type {boolean} */ (this.config?.isAlertDialog);
+  }
+
   /**
    * By default, the tooltip content is a 'description' for the invoker (uses aria-describedby).
    * Setting this property to 'label' makes the content function as a label (via aria-labelledby)
@@ -611,6 +620,10 @@ export class OverlayController extends EventTarget {
     });
     // @ts-ignore
     wrappingDialogElement.open = true;
+    if (this.isTooltip) {
+      // needed to prevent tooltip getting focus in Safari and Firefox
+      wrappingDialogElement.setAttribute('tabindex', '-1');
+    }
 
     this.__wrappingDialogNode.style.display = 'none';
     this.contentWrapperNode.style.zIndex = '1';
@@ -672,7 +685,10 @@ export class OverlayController extends EventTarget {
         if (this.invokerNode && !isModal) {
           this.invokerNode.setAttribute('aria-expanded', `${this.isShown}`);
         }
-        if (!this.contentNode.getAttribute('role')) {
+        if (this.isAlertDialog) {
+          this.contentNode.setAttribute('role', 'alertdialog');
+        } else if (!this.contentNode.getAttribute('role')) {
+          // N.B. if we did not explicitly set `isTooltip` or `isAlertDialog`, a role potentially already provided by a user (like 'listbox') takes precedence
           this.contentNode.setAttribute('role', 'dialog');
         }
       }

package/components/overlays/test/OverlayController.test.js

@@ -1876,6 +1876,22 @@ describe('OverlayController', () => {
     it.skip('adds attributes inert and aria-hidden="true" on all siblings of rootNode if an overlay is shown', async () => {});
     it.skip('disables pointer events and selection on inert elements', async () => {});
 
+    describe('Alert dialog', () => {
+      it('sets role="alertdialog" when isAlertDialog is set', async () => {
+        const invokerNode = /** @type {HTMLElement} */ (
+          await fixture('<div role="button">invoker</div>')
+        );
+        const ctrl = new OverlayController({
+          ...withLocalTestConfig(),
+          handlesAccessibility: true,
+          isAlertDialog: true,
+          invokerNode,
+        });
+
+        expect(ctrl.contentNode?.getAttribute('role')).to.equal('alertdialog');
+      });
+    });
+
     describe('Tooltip', () => {
       it('adds [aria-describedby] on invoker', async () => {
         const invokerNode = /** @type {HTMLElement} */ (
@@ -1922,6 +1938,19 @@ describe('OverlayController', () => {
         expect(ctrl.contentNode.getAttribute('role')).to.equal('tooltip');
       });
 
+      it('adds tabindex="-1" to the wrappingDialog element', async () => {
+        const invokerNode = /** @type {HTMLElement} */ (
+          await fixture('<div role="button">invoker</div>')
+        );
+        const ctrl = new OverlayController({
+          ...withLocalTestConfig(),
+          handlesAccessibility: true,
+          isTooltip: true,
+          invokerNode,
+        });
+        expect(ctrl.__wrappingDialogNode?.getAttribute('tabindex')).to.equal('-1');
+      });
+
       describe('Teardown', () => {
         it('restores [role] on dialog content', async () => {
           const invokerNode = /** @type {HTMLElement} */ (

package/components/overlays/types/OverlayConfig.ts

@@ -41,7 +41,7 @@ export interface OverlayConfig {
   contentNode?: HTMLElement;
   /** The wrapper element of contentNode, used to supply inline positioning styles. When a Popper arrow is needed, it acts as parent of the arrow node. Will be automatically created for global and non projected contentNodes. Required when used in shadow dom mode or when Popper arrow is supplied. Essential for allowing webcomponents to style their projected contentNodes */
   contentWrapperNode?: HTMLElement;
-  /** The element that is placed behin the contentNode. When not provided and `hasBackdrop` is true, a backdropNode will be automatically created */
+  /** The element that is placed behind the contentNode. When not provided and `hasBackdrop` is true, a backdropNode will be automatically created */
   backdropNode?: HTMLElement;
   /** The element that should be called `.focus()` on after dialog closes */
   elementToFocusAfterHide?: HTMLElement;
@@ -59,7 +59,7 @@ export interface OverlayConfig {
   trapsKeyboardFocus?: boolean;
   /** Hides the overlay when pressing [ esc ] */
   hidesOnEsc?: boolean;
-  /** Hides the overlay when clicking next to it, exluding invoker */
+  /** Hides the overlay when clicking next to it, excluding invoker */
   hidesOnOutsideClick?: boolean;
   /** Hides the overlay when pressing esc, even when contentNode has no focus */
   hidesOnOutsideEsc?: boolean;
@@ -82,6 +82,8 @@ export interface OverlayConfig {
 
   /** Has a totally different interaction- and accessibility pattern from all other overlays. Will behave as role="tooltip" element instead of a role="dialog" element */
   isTooltip?: boolean;
+  /** The alertdialog role is to be used on modal alert dialogs that interrupt a user's workflow to communicate an important message and require a response. */
+  isAlertDialog?: boolean;
   /** By default, the tooltip content is a 'description' for the invoker (uses aria-describedby) Setting this property to 'label' makes the content function as a label (via aria-labelledby) */
   invokerRelation?: 'label' | 'description';
 

package/components/select-rich/src/LionSelectRich.js

@@ -489,7 +489,7 @@ export class LionSelectRich extends SlotMixin(ScopedElementsMixin(OverlayMixin(L
    * @param {KeyboardEvent} ev
    * @protected
    */
-  // TODO: rename to _onKeyUp in v1
+  // TODO: rename to #invokerOnKeyUp() (and move event listener to the invoker) in v1
   __onKeyUp(ev) {
     if (this.disabled || this.readOnly) {
       return;
@@ -529,6 +529,22 @@ export class LionSelectRich extends SlotMixin(ScopedElementsMixin(OverlayMixin(L
           this.opened = true;
         }
         break;
+      case 'ArrowLeft':
+        ev.preventDefault();
+        if (this.navigateWithinInvoker) {
+          this.setCheckedIndex(
+            this._getPreviousEnabledOption(/**  @type {number} */ (this.checkedIndex)),
+          );
+        }
+        break;
+      case 'ArrowRight':
+        ev.preventDefault();
+        if (this.navigateWithinInvoker) {
+          this.setCheckedIndex(
+            this._getNextEnabledOption(/**  @type {number} */ (this.checkedIndex)),
+          );
+        }
+        break;
       default:
         if (!this._noTypeAhead) {
           this._handleTypeAhead(ev, { setAsChecked: true });

package/components/select-rich/test/lion-select-rich-interaction.test.js

@@ -24,6 +24,24 @@ function mimicKeyPress(el, key, code = '') {
   el.dispatchEvent(new KeyboardEvent('keyup', { key, code }));
 }
 
+/**
+ * @param {LionOption[]} options
+ * @param {number} selectedIndex
+ */
+function expectOnlyGivenOneOptionToBeChecked(options, selectedIndex) {
+  /**
+   * @param {{ checked: any; }} option
+   * @param {any} i
+   */
+  options.forEach((option, i) => {
+    if (i === selectedIndex) {
+      expect(option.checked).to.be.true;
+    } else {
+      expect(option.checked).to.be.false;
+    }
+  });
+}
+
 describe('lion-select-rich interactions', () => {
   describe('Interaction mode', () => {
     it('autodetects interactionMode if not defined', async () => {
@@ -86,26 +104,91 @@ describe('lion-select-rich interactions', () => {
     });
   });
 
-  describe('Invoker Keyboard navigation Windows', () => {
-    it('navigates through list with [ArrowDown] [ArrowUp] keys checks the option while listbox unopened', async () => {
-      /**
-       * @param {LionOption[]} options
-       * @param {number} selectedIndex
-       */
-      function expectOnlyGivenOneOptionToBeChecked(options, selectedIndex) {
-        /**
-         * @param {{ checked: any; }} option
-         * @param {any} i
-         */
-        options.forEach((option, i) => {
-          if (i === selectedIndex) {
-            expect(option.checked).to.be.true;
-          } else {
-            expect(option.checked).to.be.false;
-          }
-        });
-      }
+  describe('Invoker Keyboard navigation Mac', () => {
+    it('opens dropdown with [ArrowDown] [ArrowUp] keys or navigates through the listbox options', async () => {
+      const el = /** @type {LionSelectRich} */ (
+        await fixture(html`
+          <lion-select-rich interaction-mode="mac">
+            <lion-options slot="input">
+              <lion-option .choiceValue=${10}>Item 1</lion-option>
+              <lion-option .choiceValue=${20}>Item 2</lion-option>
+              <lion-option .choiceValue=${30}>Item 3</lion-option>
+            </lion-options>
+          </lion-select-rich>
+        `)
+      );
+
+      const options = el.formElements;
+      expect(el.checkedIndex).to.equal(0);
+      expectOnlyGivenOneOptionToBeChecked(options, 0);
+
+      el.dispatchEvent(new KeyboardEvent('keyup', { key: 'ArrowDown' }));
+
+      expect(el.opened).to.be.true;
+      expect(el.checkedIndex).to.equal(0);
+      expectOnlyGivenOneOptionToBeChecked(options, 0);
+
+      el.opened = false;
+
+      el.dispatchEvent(new KeyboardEvent('keyup', { key: 'ArrowUp' }));
+      expect(el.opened).to.be.true;
+      expect(el.checkedIndex).to.equal(0);
+      expectOnlyGivenOneOptionToBeChecked(options, 0);
+    });
+
+    it('does not open dropdown with [ArrowLeft] [ArrowRight] keys or navigates through the listbox options', async () => {
+      const el = /** @type {LionSelectRich} */ (
+        await fixture(html`
+          <lion-select-rich interaction-mode="mac">
+            <lion-options slot="input">
+              <lion-option .choiceValue=${10}>Item 1</lion-option>
+              <lion-option .choiceValue=${20}>Item 2</lion-option>
+              <lion-option .choiceValue=${30}>Item 3</lion-option>
+            </lion-options>
+          </lion-select-rich>
+        `)
+      );
+
+      const options = el.formElements;
+      expect(el.checkedIndex).to.equal(0);
+      expectOnlyGivenOneOptionToBeChecked(options, 0);
+
+      el.dispatchEvent(new KeyboardEvent('keyup', { key: 'ArrowLeft' }));
+
+      expect(el.opened).to.be.false;
+      expect(el.checkedIndex).to.equal(0);
+      expectOnlyGivenOneOptionToBeChecked(options, 0);
+
+      el.dispatchEvent(new KeyboardEvent('keyup', { key: 'ArrowRight' }));
+      expect(el.opened).to.be.false;
+      expect(el.checkedIndex).to.equal(0);
+      expectOnlyGivenOneOptionToBeChecked(options, 0);
+    });
+
+    it('checks a value with [character] keys while listbox unopened', async () => {
+      const el = /** @type {LionSelectRich} */ (
+        await fixture(html`
+          <lion-select-rich interaction-mode="mac">
+            <lion-options slot="input">
+              <lion-option .choiceValue=${'red'}>Red</lion-option>
+              <lion-option .choiceValue=${'teal'}>Teal</lion-option>
+              <lion-option .choiceValue=${'turquoise'}>Turquoise</lion-option>
+            </lion-options>
+          </lion-select-rich>
+        `)
+      );
 
+      // @ts-ignore [allow-private] in test
+      mimicKeyPress(el, 't', 'KeyT');
+      expect(el.checkedIndex).to.equal(1);
+
+      mimicKeyPress(el, 'u', 'KeyU');
+      expect(el.checkedIndex).to.equal(2);
+    });
+  });
+
+  describe('Invoker Keyboard navigation Windows/Linux', () => {
+    it('navigation through list with [ArrowDown] [ArrowUp] keys checks the option while listbox unopened', async () => {
       let isTriggeredByUser;
       const el = /** @type {LionSelectRich} */ (
         await fixture(html`
@@ -141,7 +224,43 @@ describe('lion-select-rich interactions', () => {
       expect(isTriggeredByUser).to.be.true;
     });
 
-    it('checkes a value with [character] keys while listbox unopened', async () => {
+    it('navigation through list with [ArrowLeft] [ArrowRight] keys checks the option while listbox unopened', async () => {
+      let isTriggeredByUser;
+      const el = /** @type {LionSelectRich} */ (
+        await fixture(html`
+          <lion-select-rich
+            interaction-mode="windows/linux"
+            @model-value-changed="${(/** @type {CustomEvent} */ event) => {
+              isTriggeredByUser = event.detail.isTriggeredByUser;
+            }}"
+          >
+            <lion-options slot="input">
+              <lion-option .choiceValue=${10}>Item 1</lion-option>
+              <lion-option .choiceValue=${20}>Item 2</lion-option>
+              <lion-option .choiceValue=${30}>Item 3</lion-option>
+            </lion-options>
+          </lion-select-rich>
+        `)
+      );
+
+      const options = el.formElements;
+      expect(el.checkedIndex).to.equal(0);
+      expectOnlyGivenOneOptionToBeChecked(options, 0);
+
+      el.dispatchEvent(new KeyboardEvent('keyup', { key: 'ArrowRight' }));
+      expect(el.checkedIndex).to.equal(1);
+      expectOnlyGivenOneOptionToBeChecked(options, 1);
+      expect(isTriggeredByUser).to.be.true;
+
+      isTriggeredByUser = false;
+
+      el.dispatchEvent(new KeyboardEvent('keyup', { key: 'ArrowLeft' }));
+      expect(el.checkedIndex).to.equal(0);
+      expectOnlyGivenOneOptionToBeChecked(options, 0);
+      expect(isTriggeredByUser).to.be.true;
+    });
+
+    it('checks a value with [character] keys while listbox unopened', async () => {
       const el = /** @type {LionSelectRich} */ (
         await fixture(html`
           <lion-select-rich interaction-mode="windows/linux">

package/components/validate-messages/translations/pl.js

@@ -10,8 +10,8 @@ export default {
       'Proszę podać prawidłową wartość {fieldName} (od {params.min} do {params.max} znaków).',
     Pattern: 'Wprowadź prawidłową wartość w polu {fieldName}.',
     IsNumber: 'Wprowadź prawidłową wartość w polu {fieldName}.',
-    MinNumber: 'Proszę podać wartość {fieldName} większą niż {params}.',
-    MaxNumber: 'Proszę podać wartość {fieldName} mniejszą niż {params}.',
+    MinNumber: 'Proszę podać wartość {fieldName} większą niż lub równą {params}.',
+    MaxNumber: 'Proszę podać wartość {fieldName} mniejszą niż lub równą {params}.',
     MinMaxNumber: 'Proszę podać wartość {fieldName} o długości od {params.min} do {params.max}.',
     IsDate: 'Wprowadź datę (DD MM RRRR).',
     MinDate: 'Proszę podać wartość {fieldName} przypadającą po {params, date, YYYYMMDD}.',
@@ -32,8 +32,8 @@ export default {
     MinMaxLength:
       'Proszę podać prawidłową wartość {fieldName} (od {params.min} do {params.max} znaków).',
     IsNumber: 'Wprowadź prawidłową wartość w polu {fieldName}.',
-    MinNumber: 'Proszę podać wartość {fieldName} większą niż {params}.',
-    MaxNumber: 'Proszę podać wartość {fieldName} mniejszą niż {params}.',
+    MinNumber: 'Proszę podać wartość {fieldName} większą niż lub równą {params}.',
+    MaxNumber: 'Proszę podać wartość {fieldName} mniejszą niż lub równą {params}.',
     MinMaxNumber: 'Proszę podać wartość {fieldName} o długości od {params.min} do {params.max}.',
     IsDate: 'Wprowadź datę (DD MM RRRR).',
     MinDate: 'Proszę podać wartość {fieldName} przypadającą po {params, date, YYYYMMDD}.',

package/custom-elements.json

@@ -19581,6 +19581,16 @@
                 "module": "components/overlays/src/OverlayMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "isAlertDialog",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "is-alert-dialog"
+            },
             {
               "kind": "field",
               "name": "properties",
@@ -19866,19 +19876,15 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "OverlayMixin",
-              "package": "@lion/ui/overlays.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "lion-dialog",
-          "customElement": true,
           "attributes": [
+            {
+              "name": "is-alert-dialog",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "isAlertDialog"
+            },
             {
               "name": "opened",
               "type": {
@@ -19893,6 +19899,18 @@
               }
             }
           ],
+          "mixins": [
+            {
+              "name": "OverlayMixin",
+              "package": "@lion/ui/overlays.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "lion-dialog",
+          "customElement": true,
           "events": [
             {
               "name": "opened-changed",
@@ -116396,6 +116414,13 @@
               "readonly": true,
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "isAlertDialog",
+              "description": "The alertdialog role is to be used on modal alert dialogs that interrupt a user's workflow\nto communicate an important message and require a response.",
+              "readonly": true,
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "invokerRelation",
@@ -116991,7 +117016,7 @@
                 "text": "OverlayConfig"
               },
               "privacy": "protected",
-              "default": "{ placementMode: undefined, contentNode: config.contentNode, contentWrapperNode: config.contentWrapperNode, invokerNode: config.invokerNode, backdropNode: config.backdropNode, referenceNode: undefined, elementToFocusAfterHide: config.invokerNode, inheritsReferenceWidth: 'none', hasBackdrop: false, isBlocking: false, preventsScroll: false, trapsKeyboardFocus: false, hidesOnEsc: false, hidesOnOutsideEsc: false, hidesOnOutsideClick: false, isTooltip: false, invokerRelation: 'description', visibilityTriggerFunction: undefined, handlesAccessibility: false, popperConfig: { placement: 'top', strategy: 'fixed', modifiers: [ { name: 'preventOverflow', enabled: true, options: { boundariesElement: 'viewport', padding: 8, // viewport-margin for shifting/sliding }, }, { name: 'flip', options: { boundariesElement: 'viewport', padding: 16, // viewport-margin for flipping }, }, { name: 'offset', enabled: true, options: { offset: [0, 8], // horizontal and vertical margin (distance between popper and referenceElement) }, }, { name: 'arrow', enabled: false, }, ], }, viewportConfig: { placement: 'center', }, zIndex: 9999, }"
+              "default": "{ placementMode: undefined, contentNode: config.contentNode, contentWrapperNode: config.contentWrapperNode, invokerNode: config.invokerNode, backdropNode: config.backdropNode, referenceNode: undefined, elementToFocusAfterHide: config.invokerNode, inheritsReferenceWidth: 'none', hasBackdrop: false, isBlocking: false, preventsScroll: false, trapsKeyboardFocus: false, hidesOnEsc: false, hidesOnOutsideEsc: false, hidesOnOutsideClick: false, isTooltip: false, isAlertDialog: false, invokerRelation: 'description', visibilityTriggerFunction: undefined, handlesAccessibility: false, popperConfig: { placement: 'top', strategy: 'fixed', modifiers: [ { name: 'preventOverflow', enabled: true, options: { boundariesElement: 'viewport', padding: 8, // viewport-margin for shifting/sliding }, }, { name: 'flip', options: { boundariesElement: 'viewport', padding: 16, // viewport-margin for flipping }, }, { name: 'offset', enabled: true, options: { offset: [0, 8], // horizontal and vertical margin (distance between popper and referenceElement) }, }, { name: 'arrow', enabled: false, }, ], }, viewportConfig: { placement: 'center', }, zIndex: 9999, }"
             },
             {
               "kind": "field",

package/dist-types/components/button/src/LionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionButton.d.ts","sourceRoot":"","sources":["../../../../components/button/src/LionButton.js"],"names":[],"mappings":";AAMA;;GAEG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH;IACE;;;;;;;;;MAKC;IAMD,+CA+EC;IAnFD,+CAEC;IAqFC,aAAoB;IACpB,gBAAmB;IAEnB,kBAA+B;IA6BjC;;OAEG;IACH,sBAIC;IAED;;OAEG;IACH,2BASC;IAED;;;OAGG;IACH,yBAuBC;IAED;;;OAGG;IACH,uBASC;CACF;6BAtNY,OAAO,KAAK,EAAE,cAAc"}
+{"version":3,"file":"LionButton.d.ts","sourceRoot":"","sources":["../../../../components/button/src/LionButton.js"],"names":[],"mappings":";AAMA;;GAEG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH;IACE;;;;;;;;;MAKC;IAMD,+CA+EC;IAnFD,+CAEC;IAqFC,aAAoB;IACpB,gBAAmB;IAEnB,kBAA+B;IAiCjC;;OAEG;IACH,sBAIC;IAED;;OAEG;IACH,2BASC;IAED;;;OAGG;IACH,yBAuBC;IAED;;;OAGG;IACH,uBASC;CACF;6BA1NY,OAAO,KAAK,EAAE,cAAc"}

package/dist-types/components/calendar/src/LionCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionCalendar.d.ts","sourceRoot":"","sources":["../../../../components/calendar/src/LionCalendar.js"],"names":[],"mappings":";AAoCA;;GAEG;AACH;IAkEE;QAEI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;;WAGG;;;;QAGH;;;;WAIG;;;;QAGH;;;;WAIG;;;;QAGH;;;;;;WAMG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IA4CD,+CAEC;IAmKD;;;OAGG;IACH,oDAA4F;IAjN1F;;OAEG;IACH,eAA4B;IAC5B,cAA0B;IAE1B,cAAyC;IACzC,uBAAuB;IACvB,uBADY,GAAG,mCACkB;IAEjC,wBAAwB;IAExB,oBAFY,IAAI,aAEgB;IAEhC,uBAAuB;IACvB,8BAAoC;IACpC,eAAe;IACf,gBAA4C;IAC5C,mBAAmB;IACnB,aADW,IAAI,CACgB;IAC/B;;;OAGG;IACH,sBAAyB;IACzB,eAAe;IACf,gCAAoC;IACpC,eAAe;IACf,sBAA0B;IAC1B,eAAgB;IAChB,eAAe;IACf,uCAA+E;IAC/E,eAAe;IACf,mCAAuE;IACvE,eAAe;IACf,mCAAuE;IACvE,eAAe;IACf,kCAAsE;IAOxE,+CAMC;IAED,+BAEC;IAED,sBAEC;IAED,0BAEC;IAED,qBAEC;IAED,yBAEC;IAED;;OAEG;IACH,gBAFW,IAAI,iBAMd;IAED,yBAOC;IAED,mCAIC;IAED,mCAkCC;IATG,uDAEC;IAkBL,6BAaC;IAUD;;;;;OAKG;IACH,oDAJW,OAAO,sEAEL,IAAI,CAkBhB;IAED;;;OAGG;IACH,wBAWC;IAQD;;OAEG;IACH,sCASC;IAFC,mBAAmB;IACnB,uCAA4C;IAG9C;;;;OAIG;IACH,gCAkBC;IAED;;;;OAIG;IACH,+BAWC;IAED;;OAEG;IACH,2BAQC;IAED;;OAEG;IACH,qBAeC;IAED;;;;;OAKG;IACH,8BAiBC;IAED;;;;;OAKG;IACH,0BAiBC;IAED;;;;;OAKG;IAEH,uCANW,MAAM,iBACN,MAAM,gBACN,MAAM,wCA0BhB;IAGD,8DAEC;IAED;;;;;OAKG;IAEH,mCANW,MAAM,aACN,MAAM,YACN,MAAM,wCA0BhB;IAGD,0DAEC;IAED;;;;;;;OAOG;IACH,6BAEC;IAED;;;OAGG;IACH,iCAuBC;IAED;;;;;OAKG;IACH,8BA0CC;IAED;;;OAGG;IACH,qBAkBC;IAED;;;OAGG;IACH,6BAUC;IATC,+BAAgC;IAWlC;;OAEG;IACH,6BAIC;IAED;;;OAGG;IACH,mDAGC;IAED;;;OAGG;IACH,uDAGC;IAED;;;OAGG;IACH,sDAGC;IAED;;;OAGG;IACH,wBAGC;IAED;;;;;OAKG;IACH,iCAmCC;IAED;;;OAGG;IACH,8BAKC;IAED;;OAEG;IACH,8BASC;IAED;;OAEG;IACH,6BASC;IAED;;;OAGG;IACH,6BAIC;IAED;;;OAGG;IACH,kCAsDC;IAED;;;;;;;OAOG;IACH,qBAeC;IAED;;OAEG;IACH,oBAEC;CACF;kBAp6BY,OAAO,iBAAiB,EAAE,GAAG;mBAC7B,OAAO,iBAAiB,EAAE,IAAI;oBAC9B,OAAO,iBAAiB,EAAE,KAAK"}
+{"version":3,"file":"LionCalendar.d.ts","sourceRoot":"","sources":["../../../../components/calendar/src/LionCalendar.js"],"names":[],"mappings":";AAoCA;;GAEG;AACH;IAkEE;QAEI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;;WAGG;;;;QAGH;;;;WAIG;;;;QAGH;;;;WAIG;;;;QAGH;;;;;;WAMG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IA4CD,+CAEC;IAmKD;;;OAGG;IACH,oDAA4F;IAjN1F;;OAEG;IACH,eAA4B;IAC5B,cAA0B;IAE1B,cAAyC;IACzC,uBAAuB;IACvB,uBADY,GAAG,mCACkB;IAEjC,wBAAwB;IAExB,oBAFY,IAAI,aAEgB;IAEhC,uBAAuB;IACvB,8BAAoC;IACpC,eAAe;IACf,gBAA4C;IAC5C,mBAAmB;IACnB,aADW,IAAI,CACgB;IAC/B;;;OAGG;IACH,sBAAyB;IACzB,eAAe;IACf,gCAAoC;IACpC,eAAe;IACf,sBAA0B;IAC1B,eAAgB;IAChB,eAAe;IACf,uCAA+E;IAC/E,eAAe;IACf,mCAAuE;IACvE,eAAe;IACf,mCAAuE;IACvE,eAAe;IACf,kCAAsE;IAOxE,+CAMC;IAED,+BAEC;IAED,sBAEC;IAED,0BAEC;IAED,qBAEC;IAED,yBAEC;IAED;;OAEG;IACH,gBAFW,IAAI,iBAMd;IAED,yBAOC;IAED,mCAIC;IAED,mCAkCC;IATG,uDAEC;IAkBL,6BAaC;IAUD;;;;;OAKG;IACH,oDAJW,OAAO,sEAEL,IAAI,CAkBhB;IAED;;;OAGG;IACH,wBAWC;IAQD;;OAEG;IACH,sCASC;IAFC,mBAAmB;IACnB,uCAA4C;IAG9C;;;;OAIG;IACH,gCAkBC;IAED;;;;OAIG;IACH,+BAWC;IAED;;OAEG;IACH,2BAQC;IAED;;OAEG;IACH,qBAeC;IAED;;;;;OAKG;IACH,8BAiBC;IAED;;;;;OAKG;IACH,0BAiBC;IAED;;;;;OAKG;IAEH,uCANW,MAAM,iBACN,MAAM,gBACN,MAAM,wCA0BhB;IAGD,8DAEC;IAED;;;;;OAKG;IAEH,mCANW,MAAM,aACN,MAAM,YACN,MAAM,wCA0BhB;IAGD,0DAEC;IAED;;;;;;;OAOG;IACH,6BAEC;IAED;;;OAGG;IACH,iCAuBC;IAED;;;;;OAKG;IACH,8BAiCC;IAED;;;OAGG;IACH,qBAkBC;IAED;;;OAGG;IACH,6BAUC;IATC,+BAAgC;IAWlC;;OAEG;IACH,6BAIC;IAED;;;OAGG;IACH,mDAGC;IAED;;;OAGG;IACH,uDAGC;IAED;;;OAGG;IACH,sDAGC;IAED;;;OAGG;IACH,wBAGC;IAED;;;;;OAKG;IACH,iCAmCC;IAED;;;OAGG;IACH,8BAKC;IAED;;OAEG;IACH,8BASC;IAED;;OAEG;IACH,6BASC;IAED;;;OAGG;IACH,6BAIC;IAED;;;OAGG;IACH,kCAsDC;IAED;;;;;;;OAOG;IACH,qBAeC;IAED;;OAEG;IACH,oBAEC;CACF;kBA35BY,OAAO,iBAAiB,EAAE,GAAG;mBAC7B,OAAO,iBAAiB,EAAE,IAAI;oBAC9B,OAAO,iBAAiB,EAAE,KAAK"}

package/dist-types/components/calendar/translations/bg.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=bg.d.ts.map

package/dist-types/components/calendar/translations/cs.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=cs.d.ts.map

package/dist-types/components/calendar/translations/de.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=de.d.ts.map

package/dist-types/components/calendar/translations/en.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=en.d.ts.map

package/dist-types/components/calendar/translations/es.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=es.d.ts.map

package/dist-types/components/calendar/translations/fr.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=fr.d.ts.map

package/dist-types/components/calendar/translations/hu.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=hu.d.ts.map

package/dist-types/components/calendar/translations/it.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=it.d.ts.map

package/dist-types/components/calendar/translations/nl.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=nl.d.ts.map

package/dist-types/components/calendar/translations/pl.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=pl.d.ts.map

package/dist-types/components/calendar/translations/ro.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=ro.d.ts.map

package/dist-types/components/calendar/translations/ru.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=ru.d.ts.map

package/dist-types/components/calendar/translations/sk.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=sk.d.ts.map

package/dist-types/components/calendar/translations/uk.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=uk.d.ts.map

package/dist-types/components/calendar/translations/zh.d.ts

@@ -3,6 +3,9 @@ declare namespace _default {
     const previousMonth: string;
     const nextFullYear: string;
     const previousFullYear: string;
+    const defaultDisabledDate: string;
+    const beforeDisabledDate: string;
+    const afterDisabledDate: string;
 }
 export default _default;
 //# sourceMappingURL=zh.d.ts.map

package/dist-types/components/core/src/SlotMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlotMixin.d.ts","sourceRoot":"","sources":["../../../../components/core/src/SlotMixin.js"],"names":[],"mappings":"wBASa,OAAO,4BAA4B,EAAE,SAAS;AAgS3D,4nBAA8D;4BAnSjD;IAAC,YAAY,EAAC,OAAO,CAAC;IAAC,yCAAyC,EAAE,cAAc,CAAA;CAAC;iCACjF,OAAO,4BAA4B,EAAE,kBAAkB;iCACvD,OAAO,4BAA4B,EAAE,kBAAkB;uBAEvD,OAAO,4BAA4B,EAAE,QAAQ;yBAC7C,OAAO,KAAK,EAAE,UAAU"}
+{"version":3,"file":"SlotMixin.d.ts","sourceRoot":"","sources":["../../../../components/core/src/SlotMixin.js"],"names":[],"mappings":"wBASa,OAAO,4BAA4B,EAAE,SAAS;AA+S3D,4nBAA8D;4BAlTjD;IAAC,YAAY,EAAC,OAAO,CAAC;IAAC,yCAAyC,EAAE,cAAc,CAAA;CAAC;iCACjF,OAAO,4BAA4B,EAAE,kBAAkB;iCACvD,OAAO,4BAA4B,EAAE,kBAAkB;uBAEvD,OAAO,4BAA4B,EAAE,QAAQ;yBAC7C,OAAO,KAAK,EAAE,UAAU"}