Simple web component that allows data binding to arbitrary properties of CIQ.ChartEngine.currentVectorParameters. Ideal for use as a drawing toolbar extension.
Example
<cq-cvp-controller cq-section cq-cvp-header="1">
<div cq-section>
<div class="ciq-heading">Dev 1</div>
<span stxtap="toggleActive()" class="ciq-checkbox">
<span></span>
</span>
</div>
<cq-line-color cq-section class="ciq-color" stxbind="getColor()" stxtap="pickColor()">
<span></span>
</cq-line-color>
<cq-line-style cq-section>
<cq-menu class="ciq-select">
<span cq-cvp-line-style class="ciq-line ciq-selected"></span>
<cq-menu-dropdown class="ciq-line-style-menu">
<cq-item stxtap="setStyle(1, 'solid')">
<span class="ciq-line-style-option ciq-solid-1"></span>
</cq-item>
<cq-item stxtap="setStyle(3, 'solid')">
<span class="ciq-line-style-option ciq-solid-3"></span>
</cq-item>
<cq-item stxtap="setStyle(5, 'solid')">
<span class="ciq-line-style-option ciq-solid-5"></span>
</cq-item>
<cq-item stxtap="setStyle(1, 'dotted')">
<span class="ciq-line-style-option ciq-dotted-1"></span>
</cq-item>
<cq-item stxtap="setStyle(3, 'dotted')">
<span class="ciq-line-style-option ciq-dotted-3"></span>
</cq-item>
<cq-item stxtap="setStyle(5, 'dotted')">
<span class="ciq-line-style-option ciq-dotted-5"></span>
</cq-item>
<cq-item stxtap="setStyle(1, 'dashed')">
<span class="ciq-line-style-option ciq-dashed-1"></span>
</cq-item>
<cq-item stxtap="setStyle(3, 'dashed')">
<span class="ciq-line-style-option ciq-dashed-3"></span>
</cq-item>
<cq-item stxtap="setStyle(5, 'dashed')">
<span class="ciq-line-style-option ciq-dashed-5"></span>
</cq-item>
</cq-menu-dropdown>
</cq-menu>
</cq-line-style>
</cq-cvp-controller>