Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@chartiq/react-components

Package Overview
Dependencies
Maintainers
6
Versions
11
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chartiq/react-components - npm Package Compare versions

Comparing version 9.0.0 to 9.1.3

5

ActiveTrader/resources.js

@@ -45,5 +45,6 @@ import 'chartiq/examples/feeds/symbolLookupChartIQ';

height: "40%",
precedingContainer: "#marketDepthBookmark"
precedingContainer: "#marketDepthBookmark",
interaction: true
};
config.menuChartPreferences = config.menuChartPreferences.filter(item => item.label !== "Extended Hours");
config.menus.preferences.content = config.menus.preferences.content.filter(item => item.label !== "Extended Hours");
config.addOns.tableView.coverContainer = ".ciq-chart-area";

@@ -50,0 +51,0 @@ return config;

385

ActiveTrader/Template.js

@@ -12,24 +12,24 @@ import React from "react";

class: "ciq-sidenav",
"cq-member": "sidenav",
"cq-toggles": "sidenavOn,sidenavOff",
"cq-toggle-classes": "active,",
"keyboard-navigation": "false"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "More"))), /*#__PURE__*/React.createElement("cq-clickable", {
role: "button",
class: "symbol-search",
"cq-selector": "cq-lookup-dialog",
"cq-method": "open",
delay: "true"
}, /*#__PURE__*/React.createElement("span", {
className: "ciq-lookup-icon"
}), /*#__PURE__*/React.createElement("cq-tooltip", null, "Symbol Search")), /*#__PURE__*/React.createElement("cq-clickable", {
role: "button",
class: "symbol-search",
"cq-selector": "cq-lookup-dialog",
"cq-method": "open",
comparison: "true",
delay: "true"
}, /*#__PURE__*/React.createElement("span", {
className: "ciq-comparison-icon"
}), /*#__PURE__*/React.createElement("cq-tooltip", null, "Add Comparison")), /*#__PURE__*/React.createElement("cq-side-nav", {
member: "sidenav",
toggles: "sidenavOn,sidenavOff",
"toggle-classes": "active,",
reader: "More Options",
tooltip: "More",
icon: "morenav"
})), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-lookup-icon",
config: "symbolsearch",
reader: "Symbol Search",
tooltip: "Symbol Search",
icon: "search",
"help-id": "search_symbol_lookup"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-comparison-icon",
config: "symbolsearch",
reader: "Add Comparison",
tooltip: "Add Comparison",
icon: "compare",
"help-id": "add_comparison",
comparison: "true"
}), /*#__PURE__*/React.createElement("cq-side-nav", {
"cq-on": "sidenavOn"

@@ -40,37 +40,37 @@ }, /*#__PURE__*/React.createElement("div", {

class: "ciq-draw",
"cq-member": "drawing"
}, /*#__PURE__*/React.createElement("cq-help", {
member: "drawing",
reader: "Draw",
tooltip: "Draw",
icon: "draw",
"help-id": "drawing_tools_toggle"
}), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Draw")), /*#__PURE__*/React.createElement("cq-info-toggle-dropdown", null, /*#__PURE__*/React.createElement("cq-toggle", {
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-CH",
"cq-member": "crosshair"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Crosshair (Alt + \\)")), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu toggle-options collapse"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-item", {
"cq-member": "crosshair"
}, "Hide Heads-Up Display", /*#__PURE__*/React.createElement("span", {
className: "ciq-radio"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
"cq-member": "headsUp-static"
}, "Show Heads-Up Display", /*#__PURE__*/React.createElement("span", {
className: "ciq-radio"
}, /*#__PURE__*/React.createElement("span", null)))))), /*#__PURE__*/React.createElement("cq-info-toggle-dropdown", null, /*#__PURE__*/React.createElement("cq-toggle", {
config: "crosshair",
reader: "Crosshair",
tooltip: "Crosshair (Alt + \\)",
icon: "crosshair"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown toggle-options",
reader: "Crosshair Options",
config: "crosshair"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-HU",
"cq-member": "headsUp"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Info")), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu toggle-options collapse tooltip-ui"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-item", {
"cq-member": "headsUp-dynamic"
}, "Show Dynamic Callout", /*#__PURE__*/React.createElement("span", {
className: "ciq-radio"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
"cq-member": "headsUp-floating"
}, "Show Tooltip", /*#__PURE__*/React.createElement("span", {
className: "ciq-radio"
}, /*#__PURE__*/React.createElement("span", null)))))), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-DT tableview-ui",
"cq-member": "tableView",
role: "button",
"aria-pressed": "false"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Table View")))), /*#__PURE__*/React.createElement("div", {
feature: "tooltip",
config: "info",
reader: "Info",
tooltip: "Info",
icon: "info"
}), /*#__PURE__*/React.createElement("cq-menu", {
feature: "tooltip",
class: "nav-dropdown toggle-options",
reader: "Info Options",
config: "info"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-DT",
feature: "tableview",
member: "tableView",
reader: "Table View",
tooltip: "Table View",
icon: "tableview"
}))), /*#__PURE__*/React.createElement("div", {
className: "ciq-menu-section"

@@ -80,102 +80,44 @@ }, /*#__PURE__*/React.createElement("div", {

}, /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-display collapse"
}, /*#__PURE__*/React.createElement("cq-clickable", {
"cq-tooltip-activator": true,
stxbind: "Layout.chartType",
"ciq-no-icon-text": "Display"
}, /*#__PURE__*/React.createElement("span", {
"ciq-menu-icon": "true"
}), /*#__PURE__*/React.createElement("cq-tooltip", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-types"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Chart Types"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuChartStyle"
})), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-aggregations advanced-ui"
}, /*#__PURE__*/React.createElement("cq-separator", null), /*#__PURE__*/React.createElement("cq-heading", null, "Aggregated Types"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuChartAggregates"
})))), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-period"
}, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("cq-clickable", {
stxbind: "Layout.periodicity"
}, "1D")), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuPeriodicity"
}))), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-views collapse"
}, /*#__PURE__*/React.createElement("span", null, "Views"), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-views", null))), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-studies collapse",
"cq-focus": "input"
}, /*#__PURE__*/React.createElement("span", null, "Studies"), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-study-menu-manager", null))), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu stx-markers collapse"
}, /*#__PURE__*/React.createElement("span", null, "Events"), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("div", {
className: "markers-ui"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Chart Events"), /*#__PURE__*/React.createElement("cq-item", {
stxtap: "Markers.showMarkers('square')",
"cq-no-close": true
}, "Simple Square", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
stxtap: "Markers.showMarkers('circle')",
"cq-no-close": true
}, "Simple Circle", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
stxtap: "Markers.showMarkers('callout')",
"cq-no-close": true
}, "Callouts", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
class: "video_markers-ui",
stxtap: "Markers.showMarkers('video')",
"cq-no-close": true
}, "Video", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
stxtap: "Markers.showMarkers('helicopter')",
"cq-no-close": true
}, "Abstract", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null)))), /*#__PURE__*/React.createElement("div", {
className: "timespanevent-ui"
}, /*#__PURE__*/React.createElement("cq-separator", null), /*#__PURE__*/React.createElement("cq-heading", null, "Panel Events"), /*#__PURE__*/React.createElement("cq-item", {
class: "span-event",
stxtap: "TimeSpanEvent.showMarkers('Order')",
"cq-no-close": true
}, "Order", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch ciq-active"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
class: "span-event",
stxtap: "TimeSpanEvent.showMarkers('CEO')",
"cq-no-close": true
}, "CEO", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch ciq-active"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
class: "span-event",
stxtap: "TimeSpanEvent.showMarkers('News')",
"cq-no-close": true
}, "News", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch ciq-active"
}, /*#__PURE__*/React.createElement("span", null)))))), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-preferences collapse"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-preferences"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Chart Preferences"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuChartPreferences"
}), /*#__PURE__*/React.createElement("cq-separator", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "y-axis-preferences"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Y-Axis Preferences"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuYAxisPreferences"
}), /*#__PURE__*/React.createElement("cq-separator", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-addons"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Additional Features"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuAddOns"
}), /*#__PURE__*/React.createElement("cq-separator", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-theme"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Themes"), /*#__PURE__*/React.createElement("cq-themes", null), /*#__PURE__*/React.createElement("cq-separator", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-locale"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Locale"), /*#__PURE__*/React.createElement("cq-item", null, /*#__PURE__*/React.createElement("cq-clickable", {
"cq-selector": "cq-timezone-dialog",
"cq-method": "open"
}, "Change Timezone")), /*#__PURE__*/React.createElement("cq-item", {
stxsetget: "Layout.Language()"
}, /*#__PURE__*/React.createElement("cq-flag", null), /*#__PURE__*/React.createElement("cq-language-name", null, "Change Language")))))), /*#__PURE__*/React.createElement("div", {
class: "nav-dropdown ciq-display",
reader: "Display",
config: "display",
binding: "Layout.chartType",
icon: true,
"help-id": "display_dropdown",
tooltip: true
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-period",
reader: "Periodicity",
config: "period",
text: true,
binding: "Layout.periodicity"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-views alignright-md alignright-sm",
config: "views",
text: "Views",
icon: "views",
responsive: true,
tooltip: "Views"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-studies alignright",
"cq-focus": "input",
config: "studies",
text: "Studies",
icon: "studies",
responsive: true,
tooltip: "Studies"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-markers alignright",
config: "markers",
text: "Events",
icon: "events",
responsive: true,
tooltip: "Events"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-preferences alignright",
reader: "Preferences",
config: "preferences",
icon: "preferences",
tooltip: "Preferences"
})), /*#__PURE__*/React.createElement("div", {
className: "ciq-toggles"

@@ -217,17 +159,3 @@ }))), /*#__PURE__*/React.createElement("div", {

"cq-active": true
}, /*#__PURE__*/React.createElement("cq-orderbook-table", {
reverse: true
}, /*#__PURE__*/React.createElement("cq-scroll", {
"cq-no-claim": true
}, /*#__PURE__*/React.createElement("cq-orderbook-bids", null))), /*#__PURE__*/React.createElement("cq-orderbook-table", null, /*#__PURE__*/React.createElement("cq-scroll", {
"cq-no-claim": true
}, /*#__PURE__*/React.createElement("cq-orderbook-asks", null))), /*#__PURE__*/React.createElement("template", null, /*#__PURE__*/React.createElement("cq-item", {
"cq-size-shading": true
}, /*#__PURE__*/React.createElement("div", {
col: "price"
}, "Price"), /*#__PURE__*/React.createElement("div", {
col: "size"
}, "Size"), /*#__PURE__*/React.createElement("div", {
col: "amount"
}, "Amount")))))), /*#__PURE__*/React.createElement("div", {
}))), /*#__PURE__*/React.createElement("div", {
id: "mainChartGroup",

@@ -238,5 +166,5 @@ "packager-append-child": "div.ciq-chart-area div.ciq-chart"

}, /*#__PURE__*/React.createElement("cq-message-toaster", {
defaultDisplayTime: "10",
defaultTransition: "slide",
defaultPosition: "top"
"default-display-time": "10",
"default-transition": "slide",
"default-position": "top"
}), /*#__PURE__*/React.createElement("cq-palette-dock", null, /*#__PURE__*/React.createElement("div", {

@@ -249,3 +177,4 @@ className: "palette-dock-container"

"min-height": "300",
"cq-drawing-edit": "none"
"cq-drawing-edit": "none",
"cq-keystroke-claim": true
}), /*#__PURE__*/React.createElement("cq-drawing-settings", {

@@ -260,21 +189,109 @@ class: "palette-settings",

className: "chartContainer"
}, /*#__PURE__*/React.createElement("cq-chart-title", {
}, /*#__PURE__*/React.createElement("table", {
className: "hu-tooltip"
}, /*#__PURE__*/React.createElement("caption", null, "Tooltip"), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", {
"hu-tooltip-field": "",
className: "hu-tooltip-sr-only"
}, /*#__PURE__*/React.createElement("th", null, "Field"), /*#__PURE__*/React.createElement("th", null, "Value")), /*#__PURE__*/React.createElement("tr", {
"hu-tooltip-field": "DT"
}, /*#__PURE__*/React.createElement("td", {
className: "hu-tooltip-name"
}, "Date/Time"), /*#__PURE__*/React.createElement("td", {
className: "hu-tooltip-value"
})), /*#__PURE__*/React.createElement("tr", {
"hu-tooltip-field": "Close"
}, /*#__PURE__*/React.createElement("td", {
className: "hu-tooltip-name"
}), /*#__PURE__*/React.createElement("td", {
className: "hu-tooltip-value"
})))), /*#__PURE__*/React.createElement("cq-chart-title", {
"cq-marker": true,
"cq-browser-tab": true,
"cq-activate-symbol-search-on-click": true
}), /*#__PURE__*/React.createElement("cq-chart-legend", null))))))), /*#__PURE__*/React.createElement("cq-abstract-marker", {
}), /*#__PURE__*/React.createElement("cq-marker", {
class: "chart-control-group full-screen-show"
}, /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-lookup-icon",
config: "symbolsearch",
reader: "Symbol Search",
tooltip: "Symbol Search",
icon: "search",
"help-id": "search_symbol_lookup"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-comparison-icon",
config: "symbolsearch",
reader: "Add Comparison",
tooltip: "Add Comparison",
icon: "compare",
"help-id": "add_comparison",
comparison: "true"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-draw",
member: "drawing",
reader: "Draw",
icon: "draw",
tooltip: "Draw",
"help-id": "drawing_tools_toggle"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-CH",
config: "crosshair",
reader: "Crosshair",
icon: "crosshair",
tooltip: "Crosshair (Alt + \\)"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-DT",
feature: "tableview",
member: "tableView",
reader: "Table View",
icon: "tableview",
tooltip: "Table View"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-period full-screen",
config: "period",
text: true,
binding: "Layout.periodicity"
})), /*#__PURE__*/React.createElement("cq-study-legend", {
class: "hovershow",
"marker-label": "Signals",
filter: "signal",
"cq-marker": true
}), /*#__PURE__*/React.createElement("cq-study-legend", {
class: "hovershow",
"marker-label": "Plots",
"clone-to-panel": true,
filter: "panel",
"button-remove": "true",
series: "true",
"cq-marker": true
}), /*#__PURE__*/React.createElement("cq-loader", null))))))), /*#__PURE__*/React.createElement("cq-abstract-marker", {
"cq-type": "helicopter"
}), /*#__PURE__*/React.createElement("cq-attribution", null), /*#__PURE__*/React.createElement("div", {
role: "complementary",
className: "ciq-footer full-screen-hide"
}, /*#__PURE__*/React.createElement("cq-share-button", null), /*#__PURE__*/React.createElement("div", {
className: "shortcuts-ui ciq-shortcut-button",
}, /*#__PURE__*/React.createElement("cq-share-button", {
class: "ciq-share-button bottom",
reader: "Share Chart",
icon: "share",
tooltip: "Share"
}), /*#__PURE__*/React.createElement("cq-toggle", {
feature: "shortcuts",
member: "session.shortcuts",
class: "ciq-shortcut-button bottom",
stxtap: "Layout.showShortcuts()",
title: "Toggle shortcut legend"
}), /*#__PURE__*/React.createElement("div", {
className: "help-ui ciq-help-button",
reader: "Toggle Shortcut Legend",
icon: "shortcuts",
tooltip: "Shortcuts"
}), /*#__PURE__*/React.createElement("cq-toggle", {
feature: "help",
member: "session.help",
class: "ciq-help-button bottom",
stxtap: "Layout.toggleHelp()",
title: "Toggle Interactive Help"
}), /*#__PURE__*/React.createElement("cq-show-range", null)), /*#__PURE__*/React.createElement("div", {
className: "cq-context-dialog"
}, /*#__PURE__*/React.createElement("cq-dialog", null, /*#__PURE__*/React.createElement("cq-drawing-context", null)), /*#__PURE__*/React.createElement("cq-dialog", null, /*#__PURE__*/React.createElement("cq-study-context", null))), /*#__PURE__*/React.createElement("cq-side-panel", null));
reader: "Toggle Interactive Help",
icon: "help",
tooltip: "Interactive Help"
}), /*#__PURE__*/React.createElement("cq-show-range", {
config: "range",
role: "group",
"aria-labelledby": "label_showRange"
})), /*#__PURE__*/React.createElement("cq-dialogs", null, /*#__PURE__*/React.createElement("cq-dialog", null, /*#__PURE__*/React.createElement("cq-drawing-context", null)), /*#__PURE__*/React.createElement("cq-dialog", null, /*#__PURE__*/React.createElement("cq-study-context", null))), /*#__PURE__*/React.createElement("cq-side-panel", null));
}

@@ -18,2 +18,3 @@ import React from "react";

import "chartiq/css/chartiq.css";
import "chartiq/css/webcomponents.css";
import "./library-overrides.css";

@@ -20,0 +21,0 @@ import { getCustomConfig } from "./resources"; // ChartIQ library resources

@@ -13,2 +13,3 @@ import React from "react";

import "chartiq/css/chartiq.css"; // Chart UI
import "chartiq/css/webcomponents.css";
import "./library-overrides.css";

@@ -64,6 +65,7 @@ import { getCustomConfig } from "./resources"; // ChartIQ library resources

window.setTimeout(() => {
const uiContext = this.uiContext = this.createChartAndUI({
const uiContext = this.uiContext = new CIQ.UI.Chart().createChartAndUI({
container,
config
});
;
const chartEngine = this.stx = uiContext.stx;

@@ -91,19 +93,2 @@ this.setState({

}
createChartAndUI({
container,
config
}) {
// A Strategy to optionally use the Study Menu or the default Study Browser via URL query string.
const useStudyMenu = /studymenu=y/i.test(document.location.href);
if (useStudyMenu && CIQ.Studies.Favorites) {
CIQ.Studies.Favorites_disabled = CIQ.Studies.Favorites;
delete CIQ.Studies.Favorites;
} else if (!useStudyMenu && CIQ.Studies.Favorites_disabled) {
CIQ.Studies.Favorites = CIQ.Studies.Favorites_disabled;
}
return new CIQ.UI.Chart().createChartAndUI({
container,
config
});
}
render() {

@@ -110,0 +95,0 @@ this.rendered = true;

@@ -16,23 +16,24 @@ import { CIQ } from "chartiq";

class: "ciq-sidenav",
"cq-member": "sidenav",
"cq-toggles": "sidenavOn,sidenavOff",
"cq-toggle-classes": "active,"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "More"))), /*#__PURE__*/React.createElement("cq-clickable", {
role: "button",
class: "symbol-search",
"cq-selector": "cq-lookup-dialog",
"cq-method": "open",
delay: "true"
}, /*#__PURE__*/React.createElement("span", {
className: "ciq-lookup-icon"
}), /*#__PURE__*/React.createElement("cq-tooltip", null, "Symbol Search")), /*#__PURE__*/React.createElement("cq-clickable", {
role: "button",
class: "symbol-search",
"cq-selector": "cq-lookup-dialog",
"cq-method": "open",
comparison: "true",
delay: "true"
}, /*#__PURE__*/React.createElement("span", {
className: "ciq-comparison-icon"
}), /*#__PURE__*/React.createElement("cq-tooltip", null, "Add Comparison")), /*#__PURE__*/React.createElement("cq-side-nav", {
member: "sidenav",
toggles: "sidenavOn,sidenavOff",
"toggle-classes": "active,",
reader: "More Options",
tooltip: "More",
icon: "morenav"
})), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-lookup-icon",
config: "symbolsearch",
reader: "Symbol Search",
tooltip: "Symbol Search",
icon: "search",
"help-id": "search_symbol_lookup"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-comparison-icon",
config: "symbolsearch",
reader: "Add Comparison",
tooltip: "Add Comparison",
icon: "compare",
"help-id": "add_comparison",
comparison: "true"
}), /*#__PURE__*/React.createElement("cq-side-nav", {
"cq-on": "sidenavOn"

@@ -43,37 +44,37 @@ }, /*#__PURE__*/React.createElement("div", {

class: "ciq-draw",
"cq-member": "drawing"
}, /*#__PURE__*/React.createElement("cq-help", {
member: "drawing",
reader: "Draw",
tooltip: "Draw",
icon: "draw",
"help-id": "drawing_tools_toggle"
}), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Draw")), /*#__PURE__*/React.createElement("cq-info-toggle-dropdown", null, /*#__PURE__*/React.createElement("cq-toggle", {
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-CH",
"cq-member": "crosshair"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Crosshair (Alt + \\)")), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu toggle-options collapse"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-item", {
"cq-member": "crosshair"
}, "Hide Heads-Up Display", /*#__PURE__*/React.createElement("span", {
className: "ciq-radio"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
"cq-member": "headsUp-static"
}, "Show Heads-Up Display", /*#__PURE__*/React.createElement("span", {
className: "ciq-radio"
}, /*#__PURE__*/React.createElement("span", null)))))), /*#__PURE__*/React.createElement("cq-info-toggle-dropdown", null, /*#__PURE__*/React.createElement("cq-toggle", {
config: "crosshair",
reader: "Crosshair",
tooltip: "Crosshair (Alt + \\)",
icon: "crosshair"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown toggle-options",
reader: "Crosshair Options",
config: "crosshair"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-HU",
"cq-member": "headsUp"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Info")), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu toggle-options collapse tooltip-ui"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-item", {
"cq-member": "headsUp-dynamic"
}, "Show Dynamic Callout", /*#__PURE__*/React.createElement("span", {
className: "ciq-radio"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
"cq-member": "headsUp-floating"
}, "Show Tooltip", /*#__PURE__*/React.createElement("span", {
className: "ciq-radio"
}, /*#__PURE__*/React.createElement("span", null)))))), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-DT tableview-ui",
"cq-member": "tableView",
role: "button",
"aria-pressed": "false"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-tooltip", null, "Table View")))), /*#__PURE__*/React.createElement("div", {
feature: "tooltip",
config: "info",
reader: "Info",
tooltip: "Info",
icon: "info"
}), /*#__PURE__*/React.createElement("cq-menu", {
feature: "tooltip",
class: "nav-dropdown toggle-options",
reader: "Info Options",
config: "info"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-DT",
feature: "tableview",
member: "tableView",
reader: "Table View",
tooltip: "Table View",
icon: "tableview"
}))), /*#__PURE__*/React.createElement("div", {
className: "ciq-menu-section"

@@ -83,122 +84,44 @@ }, /*#__PURE__*/React.createElement("div", {

}, /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-display collapse"
}, /*#__PURE__*/React.createElement("cq-clickable", {
"cq-tooltip-activator": true,
stxbind: "Layout.chartType",
"ciq-no-icon-text": "Display"
}, /*#__PURE__*/React.createElement("span", {
"ciq-menu-icon": "true"
}), /*#__PURE__*/React.createElement("cq-tooltip", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-types"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Chart Types"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuChartStyle"
})), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-aggregations advanced-ui"
}, /*#__PURE__*/React.createElement("cq-separator", null), /*#__PURE__*/React.createElement("cq-heading", null, "Aggregated Types"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuChartAggregates"
})))), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-period"
}, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("cq-clickable", {
stxbind: "Layout.periodicity"
}, "1D")), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuPeriodicity"
}))), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-views collapse"
}, /*#__PURE__*/React.createElement("span", null, "Views"), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-views", null))), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-studies collapse",
"cq-focus": "input"
}, /*#__PURE__*/React.createElement("span", null, "Studies"), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-study-menu-manager", null))), config && (config.eventMarkersImplementation || CIQ.SignalIQ || CIQ.UI.TimeSpanEvent) && /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu stx-markers collapse"
}, /*#__PURE__*/React.createElement("span", null, "Events"), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("div", {
className: "signaliq-ui"
}, /*#__PURE__*/React.createElement("cq-heading", null, "SignalIQ"), /*#__PURE__*/React.createElement("cq-item", null, /*#__PURE__*/React.createElement("cq-clickable", {
"cq-selector": "cq-signaliq-dialog",
"cq-method": "open"
}, /*#__PURE__*/React.createElement("cq-plus", null), " New Signal")), /*#__PURE__*/React.createElement("cq-separator", null), /*#__PURE__*/React.createElement("cq-study-legend", {
"cq-signal-studies-only": true,
"cq-no-close": true
}, /*#__PURE__*/React.createElement("cq-section-dynamic", null, /*#__PURE__*/React.createElement("cq-study-legend-content", null, /*#__PURE__*/React.createElement("template", {
"cq-study-legend": "true"
}, /*#__PURE__*/React.createElement("cq-item", null, /*#__PURE__*/React.createElement("cq-label", {
class: "click-to-edit"
}), /*#__PURE__*/React.createElement("div", {
className: "ciq-icon ciq-close"
}))))), /*#__PURE__*/React.createElement("cq-separator", null))), config && config.eventMarkersImplementation && /*#__PURE__*/React.createElement("div", {
className: "markers-ui"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Chart Events"), /*#__PURE__*/React.createElement("cq-item", {
stxtap: "Markers.showMarkers('square')",
"cq-no-close": true
}, "Simple Square", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
stxtap: "Markers.showMarkers('circle')",
"cq-no-close": true
}, "Simple Circle", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
stxtap: "Markers.showMarkers('callout')",
"cq-no-close": true
}, "Callouts", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
class: "ta_markers-ui",
stxtap: "Markers.showMarkers('trade')",
"cq-no-close": true
}, "Trade", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
class: "video_markers-ui",
stxtap: "Markers.showMarkers('video')",
"cq-no-close": true
}, "Video", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
stxtap: "Markers.showMarkers('helicopter')",
"cq-no-close": true
}, "Abstract", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch"
}, /*#__PURE__*/React.createElement("span", null)))), /*#__PURE__*/React.createElement("div", {
className: "timespanevent-ui"
}, /*#__PURE__*/React.createElement("cq-separator", null), /*#__PURE__*/React.createElement("cq-heading", null, "Panel Events"), /*#__PURE__*/React.createElement("cq-item", {
class: "span-event",
stxtap: "TimeSpanEvent.showMarkers('Order')",
"cq-no-close": true
}, "Order", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch ciq-active"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
class: "span-event",
stxtap: "TimeSpanEvent.showMarkers('CEO')",
"cq-no-close": true
}, "CEO", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch ciq-active"
}, /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("cq-item", {
class: "span-event",
stxtap: "TimeSpanEvent.showMarkers('News')",
"cq-no-close": true
}, "News", /*#__PURE__*/React.createElement("span", {
className: "ciq-switch ciq-active"
}, /*#__PURE__*/React.createElement("span", null)))))), /*#__PURE__*/React.createElement("cq-menu", {
class: "ciq-menu ciq-preferences collapse"
}, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("cq-menu-dropdown", null, /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-preferences"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Chart Preferences"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuChartPreferences"
}), /*#__PURE__*/React.createElement("cq-separator", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "y-axis-preferences"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Y-Axis Preferences"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuYAxisPreferences"
}), /*#__PURE__*/React.createElement("cq-separator", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-addons"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Additional Features"), /*#__PURE__*/React.createElement("cq-menu-container", {
"cq-name": "menuAddOns"
}), /*#__PURE__*/React.createElement("cq-separator", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-theme"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Themes"), /*#__PURE__*/React.createElement("cq-themes", null), /*#__PURE__*/React.createElement("cq-separator", null)), /*#__PURE__*/React.createElement("cq-menu-dropdown-section", {
class: "chart-locale"
}, /*#__PURE__*/React.createElement("cq-heading", null, "Locale"), /*#__PURE__*/React.createElement("cq-item", null, /*#__PURE__*/React.createElement("cq-clickable", {
"cq-selector": "cq-timezone-dialog",
"cq-method": "open"
}, "Change Timezone")), /*#__PURE__*/React.createElement("cq-item", {
stxsetget: "Layout.Language()"
}, /*#__PURE__*/React.createElement("cq-flag", null), /*#__PURE__*/React.createElement("cq-language-name", null, "Change Language")))))), /*#__PURE__*/React.createElement("div", {
class: "nav-dropdown ciq-display",
reader: "Display",
config: "display",
binding: "Layout.chartType",
icon: true,
"help-id": "display_dropdown",
tooltip: true
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-period",
reader: "Periodicity",
config: "period",
text: true,
binding: "Layout.periodicity"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-views alignright-md alignright-sm",
config: "views",
text: "Views",
icon: "views",
responsive: true,
tooltip: "Views"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-studies alignright",
"cq-focus": "input",
config: "studies",
text: "Studies",
icon: "studies",
responsive: true,
tooltip: "Studies"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-markers alignright",
config: "markers",
text: "Events",
icon: "events",
responsive: true,
tooltip: "Events"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-preferences alignright",
reader: "Preferences",
config: "preferences",
icon: "preferences",
tooltip: "Preferences"
})), /*#__PURE__*/React.createElement("div", {
className: "ciq-toggles"

@@ -211,5 +134,5 @@ }))), /*#__PURE__*/React.createElement("div", {

}, /*#__PURE__*/React.createElement("cq-message-toaster", {
defaultDisplayTime: "10",
defaultTransition: "slide",
defaultPosition: "top"
"default-display-time": "10",
"default-transition": "slide",
"default-position": "top"
}), /*#__PURE__*/React.createElement("cq-palette-dock", null, /*#__PURE__*/React.createElement("div", {

@@ -222,3 +145,4 @@ className: "palette-dock-container"

"min-height": "300",
"cq-drawing-edit": "none"
"cq-drawing-edit": "none",
"cq-keystroke-claim": true
}), /*#__PURE__*/React.createElement("cq-drawing-settings", {

@@ -254,20 +178,88 @@ class: "palette-settings",

"cq-activate-symbol-search-on-click": true
}), /*#__PURE__*/React.createElement("cq-chartcontrol-group", {
class: "full-screen-show",
}), /*#__PURE__*/React.createElement("cq-marker", {
class: "chart-control-group full-screen-show"
}, /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-lookup-icon",
config: "symbolsearch",
reader: "Symbol Search",
tooltip: "Symbol Search",
icon: "search",
"help-id": "search_symbol_lookup"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-comparison-icon",
config: "symbolsearch",
reader: "Add Comparison",
tooltip: "Add Comparison",
icon: "compare",
"help-id": "add_comparison",
comparison: "true"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-draw",
member: "drawing",
reader: "Draw",
icon: "draw",
tooltip: "Draw",
"help-id": "drawing_tools_toggle"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-CH",
config: "crosshair",
reader: "Crosshair",
icon: "crosshair",
tooltip: "Crosshair (Alt + \\)"
}), /*#__PURE__*/React.createElement("cq-toggle", {
class: "ciq-DT",
feature: "tableview",
member: "tableView",
reader: "Table View",
icon: "tableview",
tooltip: "Table View"
}), /*#__PURE__*/React.createElement("cq-menu", {
class: "nav-dropdown ciq-period full-screen",
config: "period",
text: true,
binding: "Layout.periodicity"
})), /*#__PURE__*/React.createElement("cq-study-legend", {
class: "hovershow",
"marker-label": "Signals",
filter: "signal",
"cq-marker": true
}), /*#__PURE__*/React.createElement("cq-chart-legend", null), /*#__PURE__*/React.createElement("cq-loader", null)))), /*#__PURE__*/React.createElement("cq-abstract-marker", {
}), /*#__PURE__*/React.createElement("cq-study-legend", {
class: "hovershow",
"marker-label": "Plots",
"clone-to-panel": true,
filter: "panel",
"button-remove": "true",
series: "true",
"cq-marker": true
}), /*#__PURE__*/React.createElement("cq-loader", null)))), /*#__PURE__*/React.createElement("cq-abstract-marker", {
"cq-type": "helicopter"
}), /*#__PURE__*/React.createElement("cq-attribution", null), /*#__PURE__*/React.createElement("div", {
role: "complementary",
className: "ciq-footer full-screen-hide"
}, /*#__PURE__*/React.createElement("cq-share-button", null), /*#__PURE__*/React.createElement("div", {
className: "shortcuts-ui ciq-shortcut-button",
}, /*#__PURE__*/React.createElement("cq-share-button", {
class: "ciq-share-button bottom",
reader: "Share Chart",
icon: "share",
tooltip: "Share"
}), /*#__PURE__*/React.createElement("cq-toggle", {
feature: "shortcuts",
member: "session.shortcuts",
class: "ciq-shortcut-button bottom",
stxtap: "Layout.showShortcuts()",
title: "Toggle shortcut legend"
}), /*#__PURE__*/React.createElement("div", {
className: "help-ui ciq-help-button",
reader: "Toggle Shortcut Legend",
icon: "shortcuts",
tooltip: "Shortcuts"
}), /*#__PURE__*/React.createElement("cq-toggle", {
feature: "help",
member: "session.help",
class: "ciq-help-button bottom",
stxtap: "Layout.toggleHelp()",
title: "Toggle Interactive Help"
}), /*#__PURE__*/React.createElement("cq-show-range", null)), /*#__PURE__*/React.createElement("div", {
className: "cq-context-dialog"
}, /*#__PURE__*/React.createElement("cq-dialog", null, /*#__PURE__*/React.createElement("cq-drawing-context", null)), /*#__PURE__*/React.createElement("cq-dialog", null, /*#__PURE__*/React.createElement("cq-study-context", null))), /*#__PURE__*/React.createElement("cq-side-panel", null));
reader: "Toggle Interactive Help",
icon: "help",
tooltip: "Interactive Help"
}), /*#__PURE__*/React.createElement("cq-show-range", {
config: "range",
role: "group",
"aria-labelledby": "label_showRange"
})), /*#__PURE__*/React.createElement("cq-dialogs", null, /*#__PURE__*/React.createElement("cq-dialog", null, /*#__PURE__*/React.createElement("cq-drawing-context", null)), /*#__PURE__*/React.createElement("cq-dialog", null, /*#__PURE__*/React.createElement("cq-study-context", null))), /*#__PURE__*/React.createElement("cq-side-panel", null));
}
import React from "react";
import { CIQ } from "chartiq/js/standard";
import "chartiq/js/components";
import "chartiq/js/components-legacy";
import "chartiq/plugins/crosssection/core";

@@ -5,0 +6,0 @@ import "chartiq/plugins/crosssection/datepicker";

@@ -8,3 +8,6 @@ import "chartiq/examples/feeds/symbolLookupChartIQ";

if (!resources.quoteFeed && resources.quoteFeed !== null) resources.quoteFeed = quoteFeed;
return defaultConfig(resources);
return defaultConfig({
...resources,
deprecatedSettings: true
});
}

@@ -11,0 +14,0 @@

{
"name": "@chartiq/react-components",
"version": "9.0.0",
"version": "9.1.3",
"description": "React Components for ChartIQ library",

@@ -5,0 +5,0 @@ "main": "index.js",

@@ -22,3 +22,3 @@ # ChartIQ React Components

This package simplifies ChartIQ library use in the React framework. It requires ChartIQ library v8.8.0 or later.
This package simplifies ChartIQ library use in the React framework. A copy of the ChartIQ JavaScript library is required (works best with version @VERSION@).

@@ -25,0 +25,0 @@ **If you do not have a copy of the library, please contact your account manager or send an email to <info@chartiq.com> or you may visit our <a href="https://pages.marketintelligence.spglobal.com/ChartIQ-Follow-up-Request.html" target="_blank">Request Follow Up site</a> to get in contact with us!**

@@ -42,6 +42,7 @@ import 'chartiq/examples/feeds/symbolLookupChartIQ';

height: "40%",
precedingContainer: "#marketDepthBookmark"
precedingContainer: "#marketDepthBookmark",
interaction: true
};
config.menuChartPreferences = config.menuChartPreferences.filter(
config.menus.preferences.content = config.menus.preferences.content.filter(
(item) => item.label !== "Extended Hours"

@@ -48,0 +49,0 @@ );

@@ -10,92 +10,16 @@ import React from "react";

<div className='sidenav-toggle ciq-toggles'>
<cq-toggle
class='ciq-sidenav'
cq-member='sidenav'
cq-toggles='sidenavOn,sidenavOff'
cq-toggle-classes='active,'
keyboard-navigation='false'
>
<span></span>
<cq-tooltip>More</cq-tooltip>
</cq-toggle>
<cq-toggle class='ciq-sidenav' member='sidenav' toggles='sidenavOn,sidenavOff' toggle-classes='active,' reader='More Options' tooltip='More' icon='morenav'></cq-toggle>
</div>
<cq-clickable role="button" class="symbol-search" cq-selector="cq-lookup-dialog" cq-method="open" delay="true">
<span className="ciq-lookup-icon"></span>
<cq-tooltip>Symbol Search</cq-tooltip>
</cq-clickable>
<cq-toggle class='ciq-lookup-icon' config ='symbolsearch' reader='Symbol Search' tooltip='Symbol Search' icon='search' help-id='search_symbol_lookup'></cq-toggle>
<cq-toggle class='ciq-comparison-icon' config ='symbolsearch' reader='Add Comparison' tooltip='Add Comparison' icon='compare' help-id='add_comparison' comparison='true'></cq-toggle>
<cq-clickable
role="button"
class="symbol-search"
cq-selector="cq-lookup-dialog"
cq-method="open"
comparison="true"
delay="true"
>
<span className="ciq-comparison-icon"></span>
<cq-tooltip>Add Comparison</cq-tooltip>
</cq-clickable>
<cq-side-nav cq-on='sidenavOn'>
<div className='icon-toggles ciq-toggles'>
<cq-toggle class='ciq-draw' cq-member='drawing'>
<cq-help help-id='drawing_tools_toggle'></cq-help>
<span></span>
<cq-tooltip>Draw</cq-tooltip>
</cq-toggle>
<cq-info-toggle-dropdown>
<cq-toggle class='ciq-CH' cq-member='crosshair'>
<span></span>
<cq-tooltip>Crosshair (Alt + \)</cq-tooltip>
</cq-toggle>
<cq-menu class='ciq-menu toggle-options collapse'>
<span></span>
<cq-menu-dropdown>
<cq-item cq-member='crosshair'>
Hide Heads-Up Display
<span className='ciq-radio'>
<span></span>
</span>
</cq-item>
<cq-item cq-member='headsUp-static'>
Show Heads-Up Display
<span className='ciq-radio'>
<span></span>
</span>
</cq-item>
</cq-menu-dropdown>
</cq-menu>
</cq-info-toggle-dropdown>
<cq-info-toggle-dropdown>
<cq-toggle class='ciq-HU' cq-member='headsUp'>
<span></span>
<cq-tooltip>Info</cq-tooltip>
</cq-toggle>
<cq-menu class='ciq-menu toggle-options collapse tooltip-ui'>
<span></span>
<cq-menu-dropdown>
<cq-item cq-member='headsUp-dynamic'>
Show Dynamic Callout
<span className='ciq-radio'>
<span></span>
</span>
</cq-item>
<cq-item cq-member='headsUp-floating'>
Show Tooltip
<span className='ciq-radio'>
<span></span>
</span>
</cq-item>
</cq-menu-dropdown>
</cq-menu>
</cq-info-toggle-dropdown>
<cq-toggle class='ciq-DT tableview-ui' cq-member='tableView' role='button' aria-pressed='false'>
<span></span>
<cq-tooltip>Table View</cq-tooltip>
</cq-toggle>
<cq-toggle class='ciq-draw' member='drawing' reader='Draw' tooltip='Draw' icon='draw' help-id='drawing_tools_toggle'></cq-toggle>
<cq-toggle class='ciq-CH' config='crosshair' reader='Crosshair' tooltip='Crosshair (Alt + \)' icon='crosshair'></cq-toggle>
<cq-menu class='nav-dropdown toggle-options' reader='Crosshair Options' config='crosshair'></cq-menu>
<cq-toggle class='ciq-HU' feature='tooltip' config='info' reader='Info' tooltip='Info' icon='info'></cq-toggle>
<cq-menu feature='tooltip' class='nav-dropdown toggle-options' reader='Info Options' config='info'></cq-menu>
<cq-toggle class='ciq-DT' feature='tableview' member='tableView' reader='Table View' tooltip='Table View' icon='tableview'></cq-toggle>
</div>

@@ -106,174 +30,8 @@ </cq-side-nav>

<div className='ciq-dropdowns'>
<cq-menu class='ciq-menu ciq-display collapse'>
<cq-clickable
cq-tooltip-activator
stxbind='Layout.chartType'
ciq-no-icon-text='Display'
>
<span ciq-menu-icon='true'></span>
<cq-tooltip></cq-tooltip>
</cq-clickable>
<cq-menu-dropdown>
<cq-menu-dropdown-section class='chart-types'>
<cq-heading>Chart Types</cq-heading>
<cq-menu-container cq-name='menuChartStyle'></cq-menu-container>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-aggregations advanced-ui'>
<cq-separator></cq-separator>
<cq-heading>Aggregated Types</cq-heading>
<cq-menu-container cq-name='menuChartAggregates'></cq-menu-container>
</cq-menu-dropdown-section>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='ciq-menu ciq-period'>
<span>
<cq-clickable stxbind='Layout.periodicity'>1D</cq-clickable>
</span>
<cq-menu-dropdown>
<cq-menu-container cq-name='menuPeriodicity'></cq-menu-container>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='ciq-menu ciq-views collapse'>
<span>Views</span>
<cq-menu-dropdown>
<cq-views></cq-views>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='ciq-menu ciq-studies collapse' cq-focus='input'>
<span>Studies</span>
<cq-menu-dropdown>
<cq-study-menu-manager></cq-study-menu-manager>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='ciq-menu stx-markers collapse'>
<span>Events</span>
<cq-menu-dropdown>
<div className="markers-ui">
<cq-heading>Chart Events</cq-heading>
<cq-item stxtap="Markers.showMarkers('square')" cq-no-close>
Simple Square
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
<cq-item stxtap="Markers.showMarkers('circle')" cq-no-close>
Simple Circle
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
<cq-item stxtap="Markers.showMarkers('callout')" cq-no-close>
Callouts
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
{/* <cq-item
class='ta_markers-ui'
stxtap="Markers.showMarkers('trade')"
cq-no-close
>
Trade
<span className='ciq-switch'>
<span></span>
</span>
</cq-item> */}
<cq-item
class='video_markers-ui'
stxtap="Markers.showMarkers('video')"
cq-no-close
>
Video
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
<cq-item stxtap="Markers.showMarkers('helicopter')" cq-no-close>
Abstract
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
</div>
<div className='timespanevent-ui'>
<cq-separator></cq-separator>
<cq-heading>Panel Events</cq-heading>
<cq-item
class='span-event'
stxtap="TimeSpanEvent.showMarkers('Order')"
cq-no-close
>
Order
<span className='ciq-switch ciq-active'>
<span></span>
</span>
</cq-item>
<cq-item
class='span-event'
stxtap="TimeSpanEvent.showMarkers('CEO')"
cq-no-close
>
CEO
<span className='ciq-switch ciq-active'>
<span></span>
</span>
</cq-item>
<cq-item
class='span-event'
stxtap="TimeSpanEvent.showMarkers('News')"
cq-no-close
>
News
<span className='ciq-switch ciq-active'>
<span></span>
</span>
</cq-item>
</div>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='ciq-menu ciq-preferences collapse'>
<span></span>
<cq-menu-dropdown>
<cq-menu-dropdown-section class='chart-preferences'>
<cq-heading>Chart Preferences</cq-heading>
<cq-menu-container cq-name='menuChartPreferences'></cq-menu-container>
<cq-separator></cq-separator>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='y-axis-preferences'>
<cq-heading>Y-Axis Preferences</cq-heading>
<cq-menu-container cq-name='menuYAxisPreferences'></cq-menu-container>
<cq-separator></cq-separator>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-addons'>
<cq-heading>Additional Features</cq-heading>
<cq-menu-container cq-name='menuAddOns'></cq-menu-container>
<cq-separator></cq-separator>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-theme'>
<cq-heading>Themes</cq-heading>
<cq-themes></cq-themes>
<cq-separator></cq-separator>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-locale'>
<cq-heading>Locale</cq-heading>
<cq-item>
<cq-clickable
cq-selector='cq-timezone-dialog'
cq-method='open'
>
Change Timezone
</cq-clickable>
</cq-item>
<cq-item stxsetget='Layout.Language()'>
<cq-flag></cq-flag>
<cq-language-name>Change Language</cq-language-name>
</cq-item>
</cq-menu-dropdown-section>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='nav-dropdown ciq-display' reader='Display' config='display' binding='Layout.chartType' icon help-id='display_dropdown' tooltip></cq-menu>
<cq-menu class='nav-dropdown ciq-period' reader='Periodicity' config='period' text binding='Layout.periodicity'></cq-menu>
<cq-menu class='nav-dropdown ciq-views alignright-md alignright-sm' config='views' text='Views' icon='views' responsive tooltip='Views'></cq-menu>
<cq-menu class='nav-dropdown ciq-studies alignright' cq-focus='input' config='studies' text='Studies' icon='studies' responsive tooltip='Studies'></cq-menu>
<cq-menu class='nav-dropdown ciq-markers alignright' config='markers' text='Events' icon='events' responsive tooltip='Events'></cq-menu>
<cq-menu class='nav-dropdown ciq-preferences alignright' reader='Preferences' config='preferences' icon='preferences' tooltip='Preferences'></cq-menu>
</div>

@@ -283,2 +41,3 @@

</div>
</div>

@@ -315,21 +74,3 @@

<div id='orderBookContainer'>
<cq-orderbook cq-active>
<cq-orderbook-table reverse>
<cq-scroll cq-no-claim>
<cq-orderbook-bids></cq-orderbook-bids>
</cq-scroll>
</cq-orderbook-table>
<cq-orderbook-table>
<cq-scroll cq-no-claim>
<cq-orderbook-asks></cq-orderbook-asks>
</cq-scroll>
</cq-orderbook-table>
<template>
<cq-item cq-size-shading>
<div col='price'>Price</div>
<div col='size'>Size</div>
<div col='amount'>Amount</div>
</cq-item>
</template>
</cq-orderbook>
<cq-orderbook cq-active></cq-orderbook>
</div>

@@ -343,7 +84,9 @@ </div>

<div className='ciq-chart'>
<cq-message-toaster
defaultDisplayTime='10'
defaultTransition='slide'
defaultPosition='top'
default-display-time='10'
default-transition='slide'
default-position='top'
></cq-message-toaster>
<cq-palette-dock>

@@ -357,2 +100,3 @@ <div className='palette-dock-container'>

cq-drawing-edit='none'
cq-keystroke-claim
></cq-drawing-palette>

@@ -371,5 +115,35 @@ <cq-drawing-settings

<div className='chartContainer'>
<table className="hu-tooltip">
<caption>Tooltip</caption>
<tbody>
<tr hu-tooltip-field="" className="hu-tooltip-sr-only">
<th>Field</th>
<th>Value</th>
</tr>
<tr hu-tooltip-field="DT">
<td className="hu-tooltip-name">Date/Time</td>
<td className="hu-tooltip-value"></td>
</tr>
<tr hu-tooltip-field="Close">
<td className="hu-tooltip-name"></td>
<td className="hu-tooltip-value"></td>
</tr>
</tbody>
</table>
<cq-chart-title cq-marker cq-browser-tab cq-activate-symbol-search-on-click></cq-chart-title>
<cq-chart-legend></cq-chart-legend>
<cq-marker class="chart-control-group full-screen-show">
<cq-toggle class="ciq-lookup-icon" config ="symbolsearch" reader="Symbol Search" tooltip="Symbol Search" icon="search" help-id="search_symbol_lookup"></cq-toggle>
<cq-toggle class="ciq-comparison-icon" config ="symbolsearch" reader="Add Comparison" tooltip="Add Comparison" icon="compare" help-id="add_comparison" comparison="true"></cq-toggle>
<cq-toggle class="ciq-draw" member="drawing" reader="Draw" icon="draw" tooltip="Draw" help-id="drawing_tools_toggle"></cq-toggle>
<cq-toggle class="ciq-CH" config="crosshair" reader="Crosshair" icon="crosshair" tooltip="Crosshair (Alt + \)"></cq-toggle>
<cq-toggle class="ciq-DT" feature="tableview" member="tableView" reader="Table View" icon="tableview" tooltip="Table View"></cq-toggle>
<cq-menu class="nav-dropdown ciq-period full-screen" config="period" text binding="Layout.periodicity"></cq-menu>
</cq-marker>
<cq-study-legend class="hovershow" marker-label="Signals" filter="signal" cq-marker></cq-study-legend>
<cq-study-legend class="hovershow" marker-label="Plots" clone-to-panel filter="panel" button-remove="true" series="true" cq-marker></cq-study-legend>
<cq-loader></cq-loader>
</div>

@@ -386,18 +160,10 @@ </div>

<div className='ciq-footer full-screen-hide'>
<cq-share-button></cq-share-button>
<div
className='shortcuts-ui ciq-shortcut-button'
stxtap='Layout.showShortcuts()'
title='Toggle shortcut legend'
></div>
<div
className='help-ui ciq-help-button'
stxtap='Layout.toggleHelp()'
title='Toggle Interactive Help'
></div>
<cq-show-range></cq-show-range>
<div role="complementary" className="ciq-footer full-screen-hide">
<cq-share-button class="ciq-share-button bottom" reader="Share Chart" icon="share" tooltip="Share"></cq-share-button>
<cq-toggle feature="shortcuts" member="session.shortcuts" class="ciq-shortcut-button bottom" stxtap="Layout.showShortcuts()" reader="Toggle Shortcut Legend" icon="shortcuts" tooltip="Shortcuts"></cq-toggle>
<cq-toggle feature="help" member="session.help" class="ciq-help-button bottom" stxtap="Layout.toggleHelp()" reader="Toggle Interactive Help" icon="help" tooltip="Interactive Help"></cq-toggle>
<cq-show-range config="range" role="group" aria-labelledby="label_showRange"></cq-show-range>
</div>
<div className='cq-context-dialog'>
<cq-dialogs>
<cq-dialog>

@@ -410,3 +176,3 @@ <cq-drawing-context></cq-drawing-context>

</cq-dialog>
</div>
</cq-dialogs>

@@ -413,0 +179,0 @@ <cq-side-panel></cq-side-panel>

@@ -21,2 +21,3 @@ import React from "react";

import "chartiq/css/chartiq.css";
import "chartiq/css/webcomponents.css";

@@ -23,0 +24,0 @@ import "./library-overrides.css";

@@ -14,2 +14,3 @@ import React from "react";

import "chartiq/css/chartiq.css"; // Chart UI
import "chartiq/css/webcomponents.css";
import "./library-overrides.css";

@@ -63,3 +64,3 @@

window.setTimeout(() => {
const uiContext = this.uiContext = this.createChartAndUI({ container, config });
const uiContext = this.uiContext = (new CIQ.UI.Chart()).createChartAndUI({ container, config });;
const chartEngine = this.stx = uiContext.stx;

@@ -86,14 +87,2 @@

createChartAndUI({ container, config }) {
// A Strategy to optionally use the Study Menu or the default Study Browser via URL query string.
const useStudyMenu = /studymenu=y/i.test(document.location.href);
if (useStudyMenu && CIQ.Studies.Favorites) {
CIQ.Studies.Favorites_disabled = CIQ.Studies.Favorites;
delete CIQ.Studies.Favorites;
} else if (!useStudyMenu && CIQ.Studies.Favorites_disabled) {
CIQ.Studies.Favorites = CIQ.Studies.Favorites_disabled;
}
return new CIQ.UI.Chart().createChartAndUI({ container, config });
}
render() {

@@ -100,0 +89,0 @@ this.rendered = true;

@@ -11,91 +11,16 @@ import { CIQ } from "chartiq";

<div className='sidenav-toggle ciq-toggles'>
<cq-toggle
class='ciq-sidenav'
cq-member='sidenav'
cq-toggles='sidenavOn,sidenavOff'
cq-toggle-classes='active,'
>
<span></span>
<cq-tooltip>More</cq-tooltip>
</cq-toggle>
<cq-toggle class='ciq-sidenav' member='sidenav' toggles='sidenavOn,sidenavOff' toggle-classes='active,' reader='More Options' tooltip='More' icon='morenav'></cq-toggle>
</div>
<cq-clickable role="button" class="symbol-search" cq-selector="cq-lookup-dialog" cq-method="open" delay="true">
<span className="ciq-lookup-icon"></span>
<cq-tooltip>Symbol Search</cq-tooltip>
</cq-clickable>
<cq-toggle class='ciq-lookup-icon' config ='symbolsearch' reader='Symbol Search' tooltip='Symbol Search' icon='search' help-id='search_symbol_lookup'></cq-toggle>
<cq-toggle class='ciq-comparison-icon' config ='symbolsearch' reader='Add Comparison' tooltip='Add Comparison' icon='compare' help-id='add_comparison' comparison='true'></cq-toggle>
<cq-clickable
role="button"
class="symbol-search"
cq-selector="cq-lookup-dialog"
cq-method="open"
comparison="true"
delay="true"
>
<span className="ciq-comparison-icon"></span>
<cq-tooltip>Add Comparison</cq-tooltip>
</cq-clickable>
<cq-side-nav cq-on='sidenavOn'>
<div className='icon-toggles ciq-toggles'>
<cq-toggle class='ciq-draw' cq-member='drawing'>
<cq-help help-id='drawing_tools_toggle'></cq-help>
<span></span>
<cq-tooltip>Draw</cq-tooltip>
</cq-toggle>
<cq-info-toggle-dropdown>
<cq-toggle class='ciq-CH' cq-member='crosshair'>
<span></span>
<cq-tooltip>Crosshair (Alt + \)</cq-tooltip>
</cq-toggle>
<cq-menu class='ciq-menu toggle-options collapse'>
<span></span>
<cq-menu-dropdown>
<cq-item cq-member='crosshair'>
Hide Heads-Up Display
<span className='ciq-radio'>
<span></span>
</span>
</cq-item>
<cq-item cq-member='headsUp-static'>
Show Heads-Up Display
<span className='ciq-radio'>
<span></span>
</span>
</cq-item>
</cq-menu-dropdown>
</cq-menu>
</cq-info-toggle-dropdown>
<cq-info-toggle-dropdown>
<cq-toggle class='ciq-HU' cq-member='headsUp'>
<span></span>
<cq-tooltip>Info</cq-tooltip>
</cq-toggle>
<cq-menu class='ciq-menu toggle-options collapse tooltip-ui'>
<span></span>
<cq-menu-dropdown>
<cq-item cq-member='headsUp-dynamic'>
Show Dynamic Callout
<span className='ciq-radio'>
<span></span>
</span>
</cq-item>
<cq-item cq-member='headsUp-floating'>
Show Tooltip
<span className='ciq-radio'>
<span></span>
</span>
</cq-item>
</cq-menu-dropdown>
</cq-menu>
</cq-info-toggle-dropdown>
<cq-toggle class='ciq-DT tableview-ui' cq-member='tableView' role='button' aria-pressed='false'>
<span></span>
<cq-tooltip>Table View</cq-tooltip>
</cq-toggle>
<cq-toggle class='ciq-draw' member='drawing' reader='Draw' tooltip='Draw' icon='draw' help-id='drawing_tools_toggle'></cq-toggle>
<cq-toggle class='ciq-CH' config='crosshair' reader='Crosshair' tooltip='Crosshair (Alt + \)' icon='crosshair'></cq-toggle>
<cq-menu class='nav-dropdown toggle-options' reader='Crosshair Options' config='crosshair'></cq-menu>
<cq-toggle class='ciq-HU' feature='tooltip' config='info' reader='Info' tooltip='Info' icon='info'></cq-toggle>
<cq-menu feature='tooltip' class='nav-dropdown toggle-options' reader='Info Options' config='info'></cq-menu>
<cq-toggle class='ciq-DT' feature='tableview' member='tableView' reader='Table View' tooltip='Table View' icon='tableview'></cq-toggle>
</div>

@@ -106,203 +31,8 @@ </cq-side-nav>

<div className='ciq-dropdowns'>
<cq-menu class='ciq-menu ciq-display collapse'>
<cq-clickable
cq-tooltip-activator
stxbind='Layout.chartType'
ciq-no-icon-text='Display'
>
<span ciq-menu-icon='true'></span>
<cq-tooltip></cq-tooltip>
</cq-clickable>
<cq-menu-dropdown>
<cq-menu-dropdown-section class='chart-types'>
<cq-heading>Chart Types</cq-heading>
<cq-menu-container cq-name='menuChartStyle'></cq-menu-container>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-aggregations advanced-ui'>
<cq-separator></cq-separator>
<cq-heading>Aggregated Types</cq-heading>
<cq-menu-container cq-name='menuChartAggregates'></cq-menu-container>
</cq-menu-dropdown-section>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='ciq-menu ciq-period'>
<span>
<cq-clickable stxbind='Layout.periodicity'>1D</cq-clickable>
</span>
<cq-menu-dropdown>
<cq-menu-container cq-name='menuPeriodicity'></cq-menu-container>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='ciq-menu ciq-views collapse'>
<span>Views</span>
<cq-menu-dropdown>
<cq-views></cq-views>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='ciq-menu ciq-studies collapse' cq-focus='input'>
<span>Studies</span>
<cq-menu-dropdown>
<cq-study-menu-manager></cq-study-menu-manager>
</cq-menu-dropdown>
</cq-menu>
{config && (config.eventMarkersImplementation || CIQ.SignalIQ || CIQ.UI.TimeSpanEvent) && (
<cq-menu class='ciq-menu stx-markers collapse'>
<span>Events</span>
<cq-menu-dropdown>
<div className='signaliq-ui'>
<cq-heading>SignalIQ</cq-heading>
<cq-item>
<cq-clickable
cq-selector='cq-signaliq-dialog'
cq-method='open'
>
<cq-plus></cq-plus> New Signal
</cq-clickable>
</cq-item>
<cq-separator></cq-separator>
<cq-study-legend cq-signal-studies-only cq-no-close>
<cq-section-dynamic>
<cq-study-legend-content>
<template cq-study-legend='true'>
<cq-item>
<cq-label class='click-to-edit'></cq-label>
<div className='ciq-icon ciq-close'></div>
</cq-item>
</template>
</cq-study-legend-content>
</cq-section-dynamic>
<cq-separator></cq-separator>
</cq-study-legend>
</div>
{config && config.eventMarkersImplementation && (
<div className="markers-ui">
<cq-heading>Chart Events</cq-heading>
<cq-item stxtap="Markers.showMarkers('square')" cq-no-close>
Simple Square
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
<cq-item stxtap="Markers.showMarkers('circle')" cq-no-close>
Simple Circle
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
<cq-item stxtap="Markers.showMarkers('callout')" cq-no-close>
Callouts
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
<cq-item
class='ta_markers-ui'
stxtap="Markers.showMarkers('trade')"
cq-no-close
>
Trade
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
<cq-item
class='video_markers-ui'
stxtap="Markers.showMarkers('video')"
cq-no-close
>
Video
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
<cq-item stxtap="Markers.showMarkers('helicopter')" cq-no-close>
Abstract
<span className='ciq-switch'>
<span></span>
</span>
</cq-item>
</div>
)}
<div className='timespanevent-ui'>
<cq-separator></cq-separator>
<cq-heading>Panel Events</cq-heading>
<cq-item
class='span-event'
stxtap="TimeSpanEvent.showMarkers('Order')"
cq-no-close
>
Order
<span className='ciq-switch ciq-active'>
<span></span>
</span>
</cq-item>
<cq-item
class='span-event'
stxtap="TimeSpanEvent.showMarkers('CEO')"
cq-no-close
>
CEO
<span className='ciq-switch ciq-active'>
<span></span>
</span>
</cq-item>
<cq-item
class='span-event'
stxtap="TimeSpanEvent.showMarkers('News')"
cq-no-close
>
News
<span className='ciq-switch ciq-active'>
<span></span>
</span>
</cq-item>
</div>
</cq-menu-dropdown>
</cq-menu>
)}
<cq-menu class='ciq-menu ciq-preferences collapse'>
<span></span>
<cq-menu-dropdown>
<cq-menu-dropdown-section class='chart-preferences'>
<cq-heading>Chart Preferences</cq-heading>
<cq-menu-container cq-name='menuChartPreferences'></cq-menu-container>
<cq-separator></cq-separator>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='y-axis-preferences'>
<cq-heading>Y-Axis Preferences</cq-heading>
<cq-menu-container cq-name='menuYAxisPreferences'></cq-menu-container>
<cq-separator></cq-separator>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-addons'>
<cq-heading>Additional Features</cq-heading>
<cq-menu-container cq-name='menuAddOns'></cq-menu-container>
<cq-separator></cq-separator>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-theme'>
<cq-heading>Themes</cq-heading>
<cq-themes></cq-themes>
<cq-separator></cq-separator>
</cq-menu-dropdown-section>
<cq-menu-dropdown-section class='chart-locale'>
<cq-heading>Locale</cq-heading>
<cq-item>
<cq-clickable
cq-selector='cq-timezone-dialog'
cq-method='open'
>
Change Timezone
</cq-clickable>
</cq-item>
<cq-item stxsetget='Layout.Language()'>
<cq-flag></cq-flag>
<cq-language-name>Change Language</cq-language-name>
</cq-item>
</cq-menu-dropdown-section>
</cq-menu-dropdown>
</cq-menu>
<cq-menu class='nav-dropdown ciq-display' reader='Display' config='display' binding='Layout.chartType' icon help-id='display_dropdown' tooltip></cq-menu>
<cq-menu class='nav-dropdown ciq-period' reader='Periodicity' config='period' text binding='Layout.periodicity'></cq-menu>
<cq-menu class='nav-dropdown ciq-views alignright-md alignright-sm' config='views' text='Views' icon='views' responsive tooltip='Views'></cq-menu>
<cq-menu class='nav-dropdown ciq-studies alignright' cq-focus='input' config='studies' text='Studies' icon='studies' responsive tooltip='Studies'></cq-menu>
<cq-menu class='nav-dropdown ciq-markers alignright' config='markers' text='Events' icon='events' responsive tooltip='Events'></cq-menu>
<cq-menu class='nav-dropdown ciq-preferences alignright' reader='Preferences' config='preferences' icon='preferences' tooltip='Preferences'></cq-menu>
</div>

@@ -312,2 +42,3 @@

</div>
</div>

@@ -317,6 +48,7 @@

<div className='ciq-chart'>
<cq-message-toaster
defaultDisplayTime='10'
defaultTransition='slide'
defaultPosition='top'
default-display-time='10'
default-transition='slide'
default-position='top'
></cq-message-toaster>

@@ -332,2 +64,3 @@

cq-drawing-edit='none'
cq-keystroke-claim
></cq-drawing-palette>

@@ -366,9 +99,14 @@ <cq-drawing-settings

<cq-chartcontrol-group
class='full-screen-show'
cq-marker
></cq-chartcontrol-group>
<cq-chart-legend></cq-chart-legend>
<cq-marker class="chart-control-group full-screen-show">
<cq-toggle class="ciq-lookup-icon" config ="symbolsearch" reader="Symbol Search" tooltip="Symbol Search" icon="search" help-id="search_symbol_lookup"></cq-toggle>
<cq-toggle class="ciq-comparison-icon" config ="symbolsearch" reader="Add Comparison" tooltip="Add Comparison" icon="compare" help-id="add_comparison" comparison="true"></cq-toggle>
<cq-toggle class="ciq-draw" member="drawing" reader="Draw" icon="draw" tooltip="Draw" help-id="drawing_tools_toggle"></cq-toggle>
<cq-toggle class="ciq-CH" config="crosshair" reader="Crosshair" icon="crosshair" tooltip="Crosshair (Alt + \)"></cq-toggle>
<cq-toggle class="ciq-DT" feature="tableview" member="tableView" reader="Table View" icon="tableview" tooltip="Table View"></cq-toggle>
<cq-menu class="nav-dropdown ciq-period full-screen" config="period" text binding="Layout.periodicity"></cq-menu>
</cq-marker>
<cq-study-legend class="hovershow" marker-label="Signals" filter="signal" cq-marker></cq-study-legend>
<cq-study-legend class="hovershow" marker-label="Plots" clone-to-panel filter="panel" button-remove="true" series="true" cq-marker></cq-study-legend>
<cq-loader></cq-loader>

@@ -383,18 +121,10 @@ </div>

<div className='ciq-footer full-screen-hide'>
<cq-share-button></cq-share-button>
<div
className='shortcuts-ui ciq-shortcut-button'
stxtap='Layout.showShortcuts()'
title='Toggle shortcut legend'
></div>
<div
className='help-ui ciq-help-button'
stxtap='Layout.toggleHelp()'
title='Toggle Interactive Help'
></div>
<cq-show-range></cq-show-range>
<div role="complementary" className="ciq-footer full-screen-hide">
<cq-share-button class="ciq-share-button bottom" reader="Share Chart" icon="share" tooltip="Share"></cq-share-button>
<cq-toggle feature="shortcuts" member="session.shortcuts" class="ciq-shortcut-button bottom" stxtap="Layout.showShortcuts()" reader="Toggle Shortcut Legend" icon="shortcuts" tooltip="Shortcuts"></cq-toggle>
<cq-toggle feature="help" member="session.help" class="ciq-help-button bottom" stxtap="Layout.toggleHelp()" reader="Toggle Interactive Help" icon="help" tooltip="Interactive Help"></cq-toggle>
<cq-show-range config="range" role="group" aria-labelledby="label_showRange"></cq-show-range>
</div>
<div className='cq-context-dialog'>
<cq-dialogs>
<cq-dialog>

@@ -407,3 +137,3 @@ <cq-drawing-context></cq-drawing-context>

</cq-dialog>
</div>
</cq-dialogs>

@@ -410,0 +140,0 @@ <cq-side-panel></cq-side-panel>

import React from "react";
import { CIQ } from "chartiq/js/standard";
import "chartiq/js/components";
import "chartiq/js/components-legacy";
import "chartiq/plugins/crosssection/core";

@@ -5,0 +6,0 @@ import "chartiq/plugins/crosssection/datepicker";

@@ -9,3 +9,3 @@ import "chartiq/examples/feeds/symbolLookupChartIQ";

if(!resources.quoteFeed && resources.quoteFeed!== null ) resources.quoteFeed = quoteFeed
return defaultConfig(resources);
return defaultConfig({ ...resources, deprecatedSettings: true });
}

@@ -12,0 +12,0 @@

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc