Systems and Methods of Implementing Extensible Browser Executable Components

摘要

The technology disclosed describes systems and methods for implementing extensible browser executable components, such as popup controls for action, checkbox and radio button dropdown menus, modals, dialogs, date pickers and autocompletes. The disclosed technology systems and methods can also be used for rendering executable components for mobile application interfaces. The technology further discloses systems and methods for providing support for developers whose goal is to render specific implementations of browser executable components. The technology disclosed also describes systems and methods for bypassing suppression of DOM click event bubbling for a popup controls for action, checkbox and radio button dropdown menus, modals, dialogs, date pickers and autocompletes; and discloses systems and methods for implementing modal interaction between an iframe and a popup control.

主权项

1. A popup control development subsystem, including:
a code generator running on a processor that generates code that interacts with a controller-and-view interface and that implements accessibility ready menu, auto complete, date picker, and dialog popup controls, the generated code including:
a popup control implemented by a base popup container that contains at least a trigger component and a target component that interact with the controller-and-view interface to respond to transition events, wherein the transition events cause the popup control
to collapse, expand, show and hide the popup, andto recognize a trigger-select;the trigger component, when invoked, causes the controller-and-view interface to invoke the target component; andthe target component, when invoked, reveals and enumerates selectable target actions; and a code editor that interacts with a user to:
accept a user selection among the menu, auto complete, date picker, and dialog popup controls and invokes the code generator to generate code for the base popup control, the trigger component and the target component corresponding to the user selection;accept user inputs to complete the base popup control, the trigger component and the target component and implement a completed popup control corresponding to the user selection; andstore the completed popup control for later use.