Namespace: cq-comparison-tap-capture

WebComponents. cq-comparison-tap-capture

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 term structure 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>