@lion/ui 0.9.0 → 0.9.1

package/components/combobox/src/LionCombobox.js

@@ -663,7 +663,11 @@ export class LionCombobox extends LocalizeMixin(OverlayMixin(CustomChoiceGroupMi
     ) {
       return false;
     }
-    if (this.filled || this.showAllOnEmpty) {
+    if (
+      this.filled ||
+      this.showAllOnEmpty ||
+      (!this.filled && this.multipleChoice && this.__prevCboxValueNonSelected)
+    ) {
       return true;
     }
     // when no keyboard action involved (on focused change), return current opened state
@@ -705,7 +709,7 @@ export class LionCombobox extends LocalizeMixin(OverlayMixin(CustomChoiceGroupMi
   // eslint-disable-next-line no-unused-vars
   _textboxOnInput(ev) {
     this.__shouldAutocompleteNextUpdate = true;
-    this.opened = true;
+    this.opened = this._showOverlayCondition({});
   }
 
   /**

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

@@ -931,6 +931,50 @@ describe('lion-combobox', () => {
       expect(el.opened).to.equal(false);
     });
 
+    it('does not flash the menu when _showOverlayCondition returns "false"', async () => {
+      class ComplexCombobox extends LionCombobox {
+        _showOverlayCondition() {
+          return false;
+        }
+      }
+
+      const tagName = defineCE(ComplexCombobox);
+      const tag = unsafeStatic(tagName);
+
+      const el = /** @type {LionCombobox} */ (
+        await fixture(html` 
+          <${tag} name="combo" label="Display only the label once selected">
+            <lion-option .choiceValue="${'Artichoke'}">Artichoke</lion-option>
+            <lion-option .choiceValue="${'Chard'}">Chard</lion-option>
+            <lion-option .choiceValue="${'Chicory'}">Chicory</lion-option>
+            <lion-option .choiceValue="${'Victoria Plum'}">Victoria Plum</lion-option>
+          </${tag}>
+        `)
+      );
+
+      const dialog = el.shadowRoot?.querySelector('dialog');
+      /**
+       * hasDropdownFlashed is `true` if the menu was shown for a short period of time and then got closed
+       */
+      let hasDropdownFlashed = false;
+      const observer = new MutationObserver(mutationList => {
+        // eslint-disable-next-line no-unused-vars
+        for (const mutation of mutationList) {
+          if (dialog?.style.display === '') {
+            hasDropdownFlashed = true;
+          }
+        }
+      });
+      observer.observe(/** @type {Node} */ (dialog), { attributeFilter: ['style'] });
+
+      const { _inputNode } = getComboboxMembers(el);
+      _inputNode.focus();
+      await sendKeys({
+        type: 'art',
+      });
+      expect(hasDropdownFlashed).to.be.false;
+    });
+
     it('shows overlay on click when filled', async () => {
       const el = /** @type {LionCombobox} */ (
         await fixture(html`
@@ -1157,7 +1201,10 @@ describe('lion-combobox', () => {
         class ShowOverlayConditionCombobox extends LionCombobox {
           /** @param {{ currentValue: string, lastKey:string }} options */
           _showOverlayCondition(options) {
-            return options.currentValue.length > 3 && super._showOverlayCondition(options);
+            return (
+              // @ts-ignore
+              this.__prevCboxValueNonSelected.length > 3 && super._showOverlayCondition(options)
+            );
           }
         }
         const tagName = defineCE(ShowOverlayConditionCombobox);
@@ -1182,7 +1229,10 @@ describe('lion-combobox', () => {
         class ShowOverlayConditionCombobox extends LionCombobox {
           /** @param {{ currentValue: string, lastKey:string }} options */
           _showOverlayCondition(options) {
-            return options.currentValue.length > 3 && super._showOverlayCondition(options);
+            return (
+              // @ts-ignore
+              this.__prevCboxValueNonSelected.length > 3 && super._showOverlayCondition(options)
+            );
           }
         }
         const tagName = defineCE(ShowOverlayConditionCombobox);
@@ -1207,7 +1257,10 @@ describe('lion-combobox', () => {
         class ShowOverlayConditionCombobox extends LionCombobox {
           /** @param {{ currentValue: string, lastKey:string }} options */
           _showOverlayCondition(options) {
-            return options.currentValue.length > 3 && super._showOverlayCondition(options);
+            return (
+              // @ts-ignore
+              this.__prevCboxValueNonSelected.length > 3 && super._showOverlayCondition(options)
+            );
           }
         }
         const tagName = defineCE(ShowOverlayConditionCombobox);

package/components/form-integrations/test/form-integrations.test.js

@@ -48,7 +48,7 @@ describe('Form Integrations', () => {
       notifications: { value: '', checked: false },
       rsvp: '',
       tel: '',
-      'tel-dropdown': '+44',
+      'tel-dropdown': '',
       comments: '',
     });
   });
@@ -82,7 +82,7 @@ describe('Form Integrations', () => {
       notifications: '',
       rsvp: '',
       tel: '',
-      'tel-dropdown': '+44',
+      'tel-dropdown': '',
       comments: '',
     });
   });

package/components/input-datepicker/translations/es.js

@@ -1,3 +1,3 @@
 export default {
-  openDatepickerLabel: 'Selector de fecha abierta',
+  openDatepickerLabel: 'Abrir selector de fecha',
 };

package/components/input-stepper/src/LionInputStepper.js

@@ -21,6 +21,19 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
         .input-group__container > .input-group__input ::slotted(.form-control) {
           text-align: center;
         }
+
+        .input-stepper__value {
+          position: absolute;
+          width: 1px;
+          height: 1px;
+          overflow: hidden;
+          clip-path: inset(100%);
+          clip: rect(1px, 1px, 1px, 1px);
+          white-space: nowrap;
+          border: 0;
+          margin: 0;
+          padding: 0;
+        }
       `,
     ];
   }
@@ -83,7 +96,8 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
 
     this.__increment = this.__increment.bind(this);
     this.__decrement = this.__decrement.bind(this);
-    this.__boundOnLeaveButton = this._onLeaveButton.bind(this);
+    this._onEnterButton = this._onEnterButton.bind(this);
+    this._onLeaveButton = this._onLeaveButton.bind(this);
   }
 
   connectedCallback() {
@@ -93,11 +107,12 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       min: this.min,
       step: this.step,
     };
-
-    this.role = 'spinbutton';
+    if (this._inputNode) {
+      this._inputNode.role = 'spinbutton';
+      this._inputNode.setAttribute('inputmode', 'decimal');
+      this._inputNode.setAttribute('autocomplete', 'off');
+    }
     this.addEventListener('keydown', this.__keyDownHandler);
-    this._inputNode.setAttribute('inputmode', 'decimal');
-    this._inputNode.setAttribute('autocomplete', 'off');
     this.__setDefaultValidators();
     this.__toggleSpinnerButtonsState();
   }
@@ -119,9 +134,9 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       this._inputNode.min = `${this.min}`;
       this.values.min = this.min;
       if (this.min !== Infinity) {
-        this.setAttribute('aria-valuemin', `${this.min}`);
+        this._inputNode.setAttribute('aria-valuemin', `${this.min}`);
       } else {
-        this.removeAttribute('aria-valuemin');
+        this._inputNode.removeAttribute('aria-valuemin');
       }
       this.__toggleSpinnerButtonsState();
     }
@@ -130,9 +145,9 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       this._inputNode.max = `${this.max}`;
       this.values.max = this.max;
       if (this.max !== Infinity) {
-        this.setAttribute('aria-valuemax', `${this.max}`);
+        this._inputNode.setAttribute('aria-valuemax', `${this.max}`);
       } else {
-        this.removeAttribute('aria-valuemax');
+        this._inputNode.removeAttribute('aria-valuemax');
       }
       this.__toggleSpinnerButtonsState();
     }
@@ -145,14 +160,6 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       this._inputNode.step = `${this.step}`;
       this.values.step = this.step;
     }
-
-    if (changedProperties.has('_ariaLabelledNodes')) {
-      this.__reflectAriaAttrToSpinButton('aria-labelledby', this._ariaLabelledNodes);
-    }
-
-    if (changedProperties.has('_ariaDescribedNodes')) {
-      this.__reflectAriaAttrToSpinButton('aria-describedby', this._ariaDescribedNodes);
-    }
   }
 
   get slots() {
@@ -163,22 +170,6 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
     };
   }
 
-  /**
-   * Based on FormControlMixin __reflectAriaAttr()
-   *
-   * Will handle help text, validation feedback and character counter,
-   * prefix/suffix/before/after (if they contain data-description flag attr).
-   * Also, contents of id references that will be put in the <lion-field>._ariaDescribedby property
-   * from an external context, will be read by a screen reader.
-   * @param {string} attrName
-   * @param {Element[]} nodes
-   * @private
-   */
-  __reflectAriaAttrToSpinButton(attrName, nodes) {
-    const string = nodes.map(n => n.id).join(' ');
-    this.setAttribute(attrName, string);
-  }
-
   /**
    * Set aria labels and apply validators
    * @private
@@ -227,7 +218,6 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
     }
     decrementButton[disableDecrementor ? 'setAttribute' : 'removeAttribute']('disabled', 'true');
     incrementButton[disableIncrementor ? 'setAttribute' : 'removeAttribute']('disabled', 'true');
-
     this._updateAriaAttributes();
   }
 
@@ -237,21 +227,22 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
   _updateAriaAttributes() {
     const displayValue = this._inputNode.value;
     if (displayValue) {
-      this.setAttribute('aria-valuenow', `${displayValue}`);
+      this._inputNode.setAttribute('aria-valuenow', `${displayValue}`);
       if (
         Object.keys(this.valueTextMapping).length !== 0 &&
         Object.keys(this.valueTextMapping).find(key => Number(key) === this.currentValue)
       ) {
-        this.setAttribute('aria-valuetext', `${this.valueTextMapping[this.currentValue]}`);
+        this.__valueText = this.valueTextMapping[this.currentValue];
       } else {
         // VoiceOver announces percentages once the valuemin or valuemax are used.
         // This can be fixed by setting valuetext to the same value as valuenow
         // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuenow
-        this.setAttribute('aria-valuetext', `${displayValue}`);
+        this.__valueText = displayValue;
       }
+      this._inputNode.setAttribute('aria-valuetext', `${this.__valueText}`);
     } else {
-      this.removeAttribute('aria-valuenow');
-      this.removeAttribute('aria-valuetext');
+      this._inputNode.removeAttribute('aria-valuenow');
+      this._inputNode.removeAttribute('aria-valuetext');
     }
   }
 
@@ -373,7 +364,8 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       <button
         ?disabled=${this.disabled || this.readOnly}
         @click=${this.__decrement}
-        @blur=${this.__boundOnLeaveButton}
+        @focus=${this._onEnterButton}
+        @blur=${this._onLeaveButton}
         type="button"
         aria-label="${this.msgLit('lion-input-stepper:decrease')}"
       >
@@ -392,7 +384,8 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       <button
         ?disabled=${this.disabled || this.readOnly}
         @click=${this.__increment}
-        @blur=${this.__boundOnLeaveButton}
+        @focus=${this._onEnterButton}
+        @blur=${this._onLeaveButton}
         type="button"
         aria-label="${this.msgLit('lion-input-stepper:increase')}"
       >
@@ -401,6 +394,33 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
     `;
   }
 
+  /** @protected */
+  _inputGroupTemplate() {
+    return html`
+      <div class="input-stepper__value">${this.__valueText}</div>
+      <div class="input-group">
+        ${this._inputGroupBeforeTemplate()}
+        <div class="input-group__container">
+          ${this._inputGroupPrefixTemplate()} ${this._inputGroupInputTemplate()}
+          ${this._inputGroupSuffixTemplate()}
+        </div>
+        ${this._inputGroupAfterTemplate()}
+      </div>
+    `;
+  }
+
+  /**
+   * @protected
+   * @param {Event} ev
+   */
+  // eslint-disable-next-line no-unused-vars
+  _onEnterButton(ev) {
+    const valueNode = /** @type {HTMLElement} */ (
+      this.shadowRoot?.querySelector('.input-stepper__value')
+    );
+    valueNode.setAttribute('aria-live', 'assertive');
+  }
+
   /**
    * Redispatch leave event on host when catching leave event
    * on the incrementor and decrementor button.
@@ -410,8 +430,16 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
    *
    * Interacting with the buttons is "user interactions"
    * the same way as focusing + blurring the field (native input)
+   *
+   * @protected
+   * @param {Event} ev
    */
-  _onLeaveButton() {
+  // eslint-disable-next-line no-unused-vars
+  _onLeaveButton(ev) {
+    const valueNode = /** @type {HTMLElement} */ (
+      this.shadowRoot?.querySelector('.input-stepper__value')
+    );
+    valueNode.removeAttribute('aria-live');
     this.dispatchEvent(new Event(this._leaveEvent));
   }
 }

package/components/input-stepper/test/lion-input-stepper.test.js

@@ -278,17 +278,23 @@ describe('<lion-input-stepper>', () => {
       await expect(el).to.be.accessible();
     });
 
+    it('has role="spinbutton"', async () => {
+      const el = await fixture(defaultInputStepper);
+      expect(el._inputNode.hasAttribute('role')).to.be.true;
+      expect(el._inputNode.getAttribute('role')).to.equal('spinbutton');
+    });
+
     it('updates aria-valuenow when stepper is changed', async () => {
       const el = await fixture(defaultInputStepper);
       el.modelValue = 1;
 
       await el.updateComplete;
-      expect(el.hasAttribute('aria-valuenow')).to.be.true;
-      expect(el.getAttribute('aria-valuenow')).to.equal('1');
+      expect(el._inputNode.hasAttribute('aria-valuenow')).to.be.true;
+      expect(el._inputNode.getAttribute('aria-valuenow')).to.equal('1');
 
       el.modelValue = '';
       await el.updateComplete;
-      expect(el.hasAttribute('aria-valuenow')).to.be.false;
+      expect(el._inputNode.hasAttribute('aria-valuenow')).to.be.false;
     });
 
     it('updates aria-valuetext when stepper is changed', async () => {
@@ -299,12 +305,12 @@ describe('<lion-input-stepper>', () => {
       el.modelValue = 1;
       await el.updateComplete;
 
-      expect(el.hasAttribute('aria-valuetext')).to.be.true;
-      expect(el.getAttribute('aria-valuetext')).to.equal('1');
+      expect(el._inputNode.hasAttribute('aria-valuetext')).to.be.true;
+      expect(el._inputNode.getAttribute('aria-valuetext')).to.equal('1');
 
       el.modelValue = '';
       await el.updateComplete;
-      expect(el.hasAttribute('aria-valuetext')).to.be.false;
+      expect(el._inputNode.hasAttribute('aria-valuetext')).to.be.false;
     });
 
     it('can give aria-valuetext to override default value as a human-readable text alternative', async () => {
@@ -318,30 +324,60 @@ describe('<lion-input-stepper>', () => {
       `);
       el.modelValue = 1;
       await el.updateComplete;
-      expect(el.hasAttribute('aria-valuetext')).to.be.true;
-      expect(el.getAttribute('aria-valuetext')).to.equal('first');
+      expect(el._inputNode.hasAttribute('aria-valuetext')).to.be.true;
+      expect(el._inputNode.getAttribute('aria-valuetext')).to.equal('first');
     });
 
     it('updates aria-valuemin when stepper is changed', async () => {
       const el = await fixture(inputStepperWithAttrs);
       const incrementButton = el.querySelector('[slot=suffix]');
       incrementButton?.dispatchEvent(new Event('click'));
-      expect(el).to.have.attribute('aria-valuemin', '100');
+      expect(el._inputNode.hasAttribute('aria-valuemin')).to.be.true;
+      expect(el._inputNode.getAttribute('aria-valuemin')).to.equal('100');
 
       el.min = 0;
       await el.updateComplete;
-      expect(el).to.have.attribute('aria-valuemin', '0');
+      expect(el._inputNode.hasAttribute('aria-valuemin')).to.be.true;
+      expect(el._inputNode.getAttribute('aria-valuemin')).to.equal('0');
     });
 
     it('updates aria-valuemax when stepper is changed', async () => {
       const el = await fixture(inputStepperWithAttrs);
       const incrementButton = el.querySelector('[slot=suffix]');
       incrementButton?.dispatchEvent(new Event('click'));
-      expect(el).to.have.attribute('aria-valuemax', '200');
+      expect(el._inputNode.hasAttribute('aria-valuemax')).to.be.true;
+      expect(el._inputNode.getAttribute('aria-valuemax')).to.equal('200');
 
       el.max = 1000;
       await el.updateComplete;
-      expect(el).to.have.attribute('aria-valuemax', '1000');
+      expect(el._inputNode.hasAttribute('aria-valuemax')).to.be.true;
+      expect(el._inputNode.getAttribute('aria-valuemax')).to.equal('1000');
+    });
+
+    it('when decrease button gets focus, it sets aria-live to input-stepper__value', async () => {
+      const el = await fixture(inputStepperWithAttrs);
+      const stepperValue = el.shadowRoot?.querySelector('.input-stepper__value');
+      const decrementButton = el.querySelector('[slot=prefix]');
+
+      decrementButton?.dispatchEvent(new Event('focus'));
+      expect(stepperValue?.hasAttribute('aria-live')).to.be.true;
+      expect(stepperValue?.getAttribute('aria-live')).to.equal('assertive');
+
+      decrementButton?.dispatchEvent(new Event('blur'));
+      expect(stepperValue?.hasAttribute('aria-live')).to.be.false;
+    });
+
+    it('when increase button gets focus, it sets aria-live to input-stepper__value', async () => {
+      const el = await fixture(inputStepperWithAttrs);
+      const stepperValue = el.shadowRoot?.querySelector('.input-stepper__value');
+      const incrementButton = el.querySelector('[slot=suffix]');
+
+      incrementButton?.dispatchEvent(new Event('focus'));
+      expect(stepperValue?.hasAttribute('aria-live')).to.be.true;
+      expect(stepperValue?.getAttribute('aria-live')).to.equal('assertive');
+
+      incrementButton?.dispatchEvent(new Event('blur'));
+      expect(stepperValue?.hasAttribute('aria-live')).to.be.false;
     });
   });
 });

package/components/input-tel-dropdown/src/LionInputTelDropdown.js

@@ -158,11 +158,11 @@ export class LionInputTelDropdown extends LionInputTel {
     super.styles,
     css`
       /**
-           * We need to align the height of the dropdown with the height of the text field.
-           * We target the HTMLDivElement (render wrapper from SlotMixin) here. Its child,
-           * [data-ref=dropdown], recieves a 100% height as well via inline styles (since we
-           * can't target from shadow styles).
-           */
+       * We need to align the height of the dropdown with the height of the text field.
+       * We target the HTMLDivElement (render wrapper from SlotMixin) here. Its child,
+       * [data-ref=dropdown], receives a 100% height as well via inline styles (since we
+       * can't target from shadow styles).
+       */
       ::slotted([slot='prefix']) {
         height: 100%;
       }
@@ -301,7 +301,8 @@ export class LionInputTelDropdown extends LionInputTel {
       } else {
         this.__initializedRegionCode = `+${countryCode}`;
       }
-      this.modelValue = this.__initializedRegionCode;
+      // on init we set the value to the _inputNode and not the modelValue to prevent validation
+      this._inputNode.value = this.__initializedRegionCode;
       this._initialModelValue = this.__initializedRegionCode;
       this.initInteractionState();
     }

package/components/input-tel-dropdown/test/LionInputTelDropdown.test.js

@@ -9,8 +9,10 @@ import { LionOption } from '@lion/ui/listbox.js';
 import { ref } from 'lit/directives/ref.js';
 import { html } from 'lit';
 
+import { mockPhoneUtilManager, restorePhoneUtilManager } from '@lion/ui/input-tel-test-helpers.js';
 import { isActiveElement } from '../../core/test-helpers/isActiveElement.js';
 import { ScopedElementsMixin } from '../../core/src/ScopedElementsMixin.js';
+import '@lion/ui/define/lion-input-tel-dropdown.js';
 
 /**
  * @typedef {import('../types/index.js').TemplateDataForDropdownInputTel} TemplateDataForDropdownInputTel
@@ -67,6 +69,18 @@ describe('WithFormControlInputTelDropdown', () => {
   // Runs it for LionSelectRich, which uses .modelValue/@model-value-changed instead of .value/@change
   runInputTelDropdownSuite({ klass: WithFormControlInputTelDropdown });
 
+  it("it doesn't set the country as modelValue, only as viewValue", async () => {
+    const el = /** @type {LionInputTelDropdown} */ (
+      await fixture(html`
+        <lion-input-tel-dropdown .allowedRegions="${['NL']}"></lion-input-tel-dropdown>
+      `)
+    );
+
+    // @ts-expect-error [allow-protected-in-tests]
+    expect(el._inputNode.value).to.equal('+31');
+    expect(el.modelValue).to.equal('');
+  });
+
   it('focuses the textbox right after selection if selected via opened dropdown if interaction-mode is mac', async () => {
     class InputTelDropdownMac extends LionInputTelDropdown {
       static templates = {
@@ -172,4 +186,40 @@ describe('WithFormControlInputTelDropdown', () => {
       expect(isActiveElement(el._inputNode)).to.be.false;
     }
   });
+
+  describe('defaultValidators', () => {
+    /** @type {(value:any) => void} */
+    let resolveLoaded;
+    beforeEach(() => {
+      ({ resolveLoaded } = mockPhoneUtilManager());
+    });
+
+    afterEach(() => {
+      restorePhoneUtilManager();
+    });
+
+    it('without interaction are not called', async () => {
+      const el = /** @type {LionInputTelDropdown} */ (
+        await fixture(html`
+          <lion-input-tel-dropdown .allowedRegions="${['NL']}"></lion-input-tel-dropdown>
+        `)
+      );
+      resolveLoaded(undefined);
+      await aTimeout(0);
+      expect(el.hasFeedbackFor).to.deep.equal([]);
+    });
+
+    it('with interaction are called', async () => {
+      const el = /** @type {LionInputTelDropdown} */ (
+        await fixture(html`
+          <lion-input-tel-dropdown .allowedRegions="${['NL']}"></lion-input-tel-dropdown>
+        `)
+      );
+      el.modelValue = '+31 6';
+
+      resolveLoaded(undefined);
+      await aTimeout(0);
+      expect(el.hasFeedbackFor).to.deep.equal(['error']);
+    });
+  });
 });

package/custom-elements.json

@@ -92050,26 +92050,6 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "__reflectAriaAttrToSpinButton",
-              "parameters": [
-                {
-                  "name": "attrName",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "nodes",
-                  "type": {
-                    "text": "Element[]"
-                  }
-                }
-              ],
-              "description": "Based on FormControlMixin __reflectAriaAttr()\n\nWill handle help text, validation feedback and character counter,\nprefix/suffix/before/after (if they contain data-description flag attr).\nAlso, contents of id references that will be put in the <lion-field>._ariaDescribedby property\nfrom an external context, will be read by a screen reader.",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "__setDefaultValidators",
@@ -92218,9 +92198,44 @@
               },
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "_inputGroupTemplate",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onEnterButton",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "_onLeaveButton",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
               "description": "Redispatch leave event on host when catching leave event\non the incrementor and decrementor button.\n\nThis redispatched leave event will be caught by\nInteractionStateMixin to set \"touched\" state to true.\n\nInteracting with the buttons is \"user interactions\"\nthe same way as focusing + blurring the field (native input)",
               "privacy": "protected"
             },
@@ -92332,11 +92347,6 @@
               "default": "{ max: this.max, min: this.min, step: this.step, }",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "__boundOnLeaveButton",
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "properties",
@@ -93170,20 +93180,6 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "_inputGroupTemplate",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "LionField",
-                "module": "components/form-core/src/LionField.js"
-              }
-            },
             {
               "kind": "method",
               "name": "_inputGroupBeforeTemplate",

package/dist-types/components/combobox/src/LionCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionCombobox.d.ts","sourceRoot":"","sources":["../../../../components/combobox/src/LionCombobox.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"LionCombobox.d.ts","sourceRoot":"","sources":["../../../../components/combobox/src/LionCombobox.js"],"names":[],"mappings":"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"}