@chartiq/react-components
Advanced tools
Comparing version 9.0.0 to 9.1.3
@@ -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; |
@@ -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
131600
3236