feat: add trigger property, make opened property public

[web-padawan]

Description

• Added the trigger property for setting how popover opens and closes.
• Changed opened property to be public (especially for manual trigger).

Type of change

• Feature

[vursen]

Issue: Popover opens and immediately closes on click when modal and trigger is focus

<vaadin-button id="button">Discount</vaadin-button>

<vaadin-popover for="button" position="bottom-start"></vaadin-popover>

<script type="module">
  import '@vaadin/button';
  import '@vaadin/horizontal-layout';
  import '@vaadin/popover';
  import '@vaadin/text-field';
  
  const popover = document.querySelector('vaadin-popover');

  popover.modal = true;
  popover.trigger = ['focus'];

  popover.renderer = (root) => {
    if (root.firstChild) {
      return;
    }

    const layout = document.createElement('vaadin-horizontal-layout');
    layout.setAttribute('theme', 'spacing-s');
    layout.style.alignItems = 'baseline';

    const field = document.createElement('vaadin-text-field');
    field.label = 'Discount code';

    const button = document.createElement('vaadin-button');
    button.textContent = 'Apply';

    layout.append(field, button);

    root.append(layout);
  };
</script>

[sonarcloud]

Quality Gate passed

Issues
14 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[web-padawan]

Popover opens and immediately closes on click when modal and trigger is focus

Fixed.

[vaadin-bot]

This ticket/PR has been released with Vaadin 24.5.0.alpha1 and is also targeting the upcoming stable 24.5.0 version.