The comparison tap capture web component, cq-comparison-tap-capture
, surrounds cq-menu
and cq-comparison-lookup-frame
components to handle the selection of items from menus and
lookup dialog boxes that are part of a comparison control. The control enables the addition
of secondary curves to a cross section chart.
- Since:
-
7.5.0
- See:
Example
<cq-curve-comparison cq-marker class="ciq-comparison ciq-entity-comparison">
<cq-menu class="cq-comparison-new">
<cq-comparison-tap-capture>
<cq-comparison-add-label class="ciq-no-share">
<cq-comparison-plus></cq-comparison-plus><span>Compare</span><span>...</span>
</cq-comparison-add-label>
<cq-menu class="ciq-comparison-curve-menu">
<cq-menu-dropdown class="ciq-value-dropdown">
<cq-item stxtap="Layout.showEntityComparison()">Add Entity</cq-item>
<cq-item stxtap="Layout.showHistoricalComparisonDialog()">Add Historical</cq-item>
</cq-menu-dropdown>
</cq-menu>
<cq-comparison-add>
<cq-comparison-lookup-frame>
<cq-lookup cq-keystroke-claim cq-keystroke-default cq-uppercase cq-exchanges="futures,govt,muni,corp">
<cq-lookup-input cq-no-close>
<input type="text" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="none"
name="symbol" placeholder="">
<cq-lookup-icon></cq-lookup-icon>
</cq-lookup-input>
<cq-lookup-results>
<cq-lookup-filters cq-no-close>
<cq-filter class="true">ALL</cq-filter>
<cq-filter>BONDS</cq-filter>
<cq-filter>FUTURES</cq-filter>
</cq-lookup-filters>
<cq-scroll></cq-scroll>
</cq-lookup-results>
</cq-lookup>
</cq-comparison-lookup-frame>
<cq-swatch cq-no-close></cq-swatch>
<span><cq-accept-btn class="stx-btn">ADD</cq-accept-btn></span>
</cq-comparison-add>
</cq-comparison-tap-capture>
</cq-menu>
</cq-curve-comparison>