Uncaught Error: <author-popup> Invalid mode "programmatic". Valid modes: "hover", "click", "programmatic"

[gbdrummer]

The connected handler appears to have some copy-paste code from the attribute.change handler which does not properly handle all modes.

Also, consider changing the name of "programmatic" mode to "manual"

[coreybutler]

This was the code creating the error:

       <author-popup for="code" mode="programmatic">
          <author-menu>
            <author-options>
              <author-option>test a</author-option>
              <author-option>test b</author-option>
              <author-option>test c</author-option>
            </author-options>
          </author-menu>
        </author-popup>

When no mode exists at all, the error shows the template literal variable.

Example

       <author-popup for="code">
          <author-menu>
            <author-options>
              <author-option>test a</author-option>
              <author-option>test b</author-option>
              <author-option>test c</author-option>
            </author-options>
          </author-menu>
        </author-popup>

Uncaught Error: <author-popup> Invalid mode "${newValue}". Valid modes: "hover", "click", "programmatic"

From the browser: