@mescius/wijmo.chart.interaction 5.20232.939
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/COMMERCIAL-LICENSE.html +485 -0
- package/README.md +363 -0
- package/es2015-commonjs.js +14 -0
- package/es2015-esm.js +14 -0
- package/es5-esm.js +14 -0
- package/index.d.ts +421 -0
- package/index.js +14 -0
- package/package.json +45 -0
package/README.md
ADDED
|
@@ -0,0 +1,363 @@
|
|
|
1
|
+
[English](#wijmo) | [日本語](#wijmo-jp) | [中文](#wijmo-cn) | [한국어](#wijmo-kr)
|
|
2
|
+
|
|
3
|
+
# Wijmo
|
|
4
|
+
|
|
5
|
+
Wijmo is a complete set of [JavaScript UI components](https://developer.mescius.com/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) for enterprise development. It includes a powerful data grid, charts, pivot tools, inputs, and much more and is available in your favorite framework, including [Angular](https://developer.mescius.com/wijmo/angular-ui-components?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm), [React](https://developer.mescius.com/wijmo/react-ui-components?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm), and [Vue](https://developer.mescius.com/wijmo/vue-ui-components?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm).
|
|
6
|
+
|
|
7
|
+
Cut your development time in half with Wijmo's lightweight, high-performance JavaScript UI components.
|
|
8
|
+
|
|
9
|
+
Check out our popular [FlexGrid data grid](https://developer.mescius.com/wijmo/flexgrid-javascript-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) control.
|
|
10
|
+
|
|
11
|
+
Read more about [Wijmo NPM Packages](https://developer.mescius.com/wijmo/docs/GettingStarted/Referencing-Wijmo-NPM?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
## The BEST DataGrid for JavaScript, Angular, React and Vue
|
|
16
|
+
|
|
17
|
+
A great datagrid starts with a fundamentally sound grid. FlexGrid includes only the essential vital features and offers everything else through an extensibility model. Basic Excel-like features like sorting, grouping, and editing are built-in, while the bells and whistles are optional.
|
|
18
|
+
|
|
19
|
+

|
|
20
|
+
|
|
21
|
+
The result is a small, fast, familiar, flexible grid. Learn more about FlexGrid for your favorite framework:
|
|
22
|
+
|
|
23
|
+
- [JavaScript datagrid](https://developer.mescius.com/wijmo/flexgrid-javascript-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
24
|
+
- [Angular datagrid](https://developer.mescius.com/wijmo/angular-ui-components/flexgrid-angular-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
25
|
+
- [React datagrid](https://developer.mescius.com/wijmo/react-ui-components/flexgrid-react-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
26
|
+
- [Vue datagrid](https://developer.mescius.com/wijmo/vue-ui-components/flexgrid-vue-data-grid?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
27
|
+
|
|
28
|
+
---
|
|
29
|
+
|
|
30
|
+
## Get What You're Missing From NPM!
|
|
31
|
+
|
|
32
|
+
Make sure to download Wijmo to get the full developer pack. NPM only includes our JS components, but our developer pack includes hundreds of samples with source code for every JS framework, real-world reference applications, and much more!
|
|
33
|
+
|
|
34
|
+
**[Download the Wijmo Developer Pack](https://developer.mescius.com/wijmo/npm?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) to jump-start your project.**
|
|
35
|
+
|
|
36
|
+
---
|
|
37
|
+
|
|
38
|
+
## Samples
|
|
39
|
+
|
|
40
|
+
Over 450 feature samples available in any JavaScript framework
|
|
41
|
+
|
|
42
|
+
- [JavaScript Samples](https://developer.mescius.com/wijmo/demos/Grid/Overview/purejs?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
43
|
+
- [Angular Samples](https://developer.mescius.com/wijmo/demos/Grid/Overview/angular?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
44
|
+
- [React Samples](https://developer.mescius.com/wijmo/demos/Grid/Overview/react?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
45
|
+
- [Vue Samples](https://developer.mescius.com/wijmo/demos/Grid/Overview/vue?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
46
|
+
|
|
47
|
+
We also have real-world reference applications available in any JavaScript framework
|
|
48
|
+
|
|
49
|
+
- [JavaScript Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-purejs?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
50
|
+
- [Angular Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-angular?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
51
|
+
- [React Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-react?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
52
|
+
- [React Redux Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-react-redux?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
53
|
+
- [Vue Reference Applications](https://developer.mescius.com/wijmo/demos/reference-samples/fw-vue?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
54
|
+
|
|
55
|
+
Sample source code available with our [Wijmo Developer Pack](https://developer.mescius.com/wijmo/npm?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm).
|
|
56
|
+
|
|
57
|
+
## Installation
|
|
58
|
+
|
|
59
|
+
### To install latest release version:
|
|
60
|
+
|
|
61
|
+
```sh
|
|
62
|
+
npm install @grapecity/wijmo.all
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
### To install latest nightly build:
|
|
66
|
+
|
|
67
|
+
```sh
|
|
68
|
+
npm install @grapecity/wijmo.all@nightly
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
### To install latest RC build:
|
|
72
|
+
|
|
73
|
+
```sh
|
|
74
|
+
npm install @grapecity/wijmo.all@rc
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
## Documentation
|
|
78
|
+
|
|
79
|
+
On-line documentation is available here:
|
|
80
|
+
|
|
81
|
+
- [API Reference](https://developer.mescius.com/wijmo/api/?utm_source=wijmonpm&utm_medium=npm&utm_campaign=wijmonpm&utm_content=api)
|
|
82
|
+
- [Documentation Guides](https://developer.mescius.com/wijmo/docs/?utm_source=wijmonpm&utm_medium=npm&utm_campaign=wijmonpm&utm_content=docs)
|
|
83
|
+
|
|
84
|
+
## Licensing
|
|
85
|
+
|
|
86
|
+
Wijmo is commercially licensed per developer.
|
|
87
|
+
|
|
88
|
+
Read more about [Wijmo Licensing](https://developer.mescius.com/licensing/wijmo?utm_source=wijmonpm&utm_medium=npm&utm_campaign=wijmonpm&utm_content=licensing).
|
|
89
|
+
|
|
90
|
+
## Resources
|
|
91
|
+
|
|
92
|
+
- [Quick Start Guide](https://developer.mescius.com/wijmo/docs/GettingStarted/QuickStart/QuickStart-PureJS?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
93
|
+
- [About Wijmo](https://developer.mescius.com/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
94
|
+
- [Blogs](https://developer.mescius.com/blogs/tags/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
95
|
+
- [Knowledge Base](https://developer.mescius.com/kb/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
96
|
+
|
|
97
|
+
Wijmo Exclusive [Developer Pack Available Here](https://developer.mescius.com/wijmo/npm?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
98
|
+
|
|
99
|
+
## Support
|
|
100
|
+
|
|
101
|
+
**Wijmo Support You Need, When You Need It**
|
|
102
|
+
|
|
103
|
+
Whether it is through documentation and how-tos, support tickets, or phone assistance, we have one mission: to help you be even more successful.
|
|
104
|
+
With our Customer Engagement Team, you get direct access to the developers building Wijmo, who will work with you to resolve any issue. You will be in good hands: our current customer satisfaction rating is 85%.
|
|
105
|
+
|
|
106
|
+
- 24 hour response time in our [ticketing system](https://developer.mescius.com/support/contact?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
107
|
+
- Access to our US-based [phone support](https://developer.mescius.com/contact?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) team (9AM-5PM EST)
|
|
108
|
+
- Elevated priority in the support queue
|
|
109
|
+
|
|
110
|
+
Support plans available with a [MESCIUS Wijmo](https://developer.mescius.com/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm) license
|
|
111
|
+
|
|
112
|
+
Product support is available through the following mediums:
|
|
113
|
+
|
|
114
|
+
- [Submit a Ticket](https://developer.mescius.com/support/contact?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
115
|
+
- [Wijmo Forum](https://developer.mescius.com/forums/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
116
|
+
|
|
117
|
+
## Questions and Feedback
|
|
118
|
+
|
|
119
|
+
We value your feedback and utilize suggestions to help create product roadmaps. Tell us what you think.
|
|
120
|
+
|
|
121
|
+
Submit questions to our team of [Wijmo Experts](https://developer.mescius.com/forums/wijmo?utm_source=npmwebsite&utm_medium=prospects&utm_campaign=wijmo_npm)
|
|
122
|
+
|
|
123
|
+
## Wijmo JP
|
|
124
|
+
|
|
125
|
+
[Wijmo](https://developer.mescius.jp/wijmo)は、Webアプリケーション開発に最適な数多くのUIを搭載するJavaScriptコンポーネントセットです。高速・軽量であり、開発工数の削減に大きく寄与します。データグリッド、チャート、ピボットテーブル、入力など、業務アプリケーション開発に必要となるコントロールを多数収録し、またAngularやReact、Vue.jsといったJavaScriptフレームワークにも対応しています。
|
|
126
|
+
|
|
127
|
+
なお、日本語版での動作保証は日本語版サイトで公開しているバージョンのみとなります。
|
|
128
|
+
また、日本語版を使用する場合は、日本語版のソフトウェア使用許諾契約書が適用されます。日本語版のソフトウェア使用許諾契約書は以下をご覧ください。
|
|
129
|
+
|
|
130
|
+
- [ソフトウェア使用許諾契約書](https://download.mescius.jp/license/wijmo/wijmo-userlicense.pdf)
|
|
131
|
+
|
|
132
|
+
## サンプル
|
|
133
|
+
|
|
134
|
+
[オンラインデモ](https://developer.mescius.jp/wijmo#demo)では、Wijmoの各コントロールの基本機能や使い方をご紹介しています。
|
|
135
|
+
|
|
136
|
+
また、[トライアル版](https://developer.mescius.jp/download#javascript)をダウンロードして、実際の機能や動作をご確認いただけます。
|
|
137
|
+
|
|
138
|
+
## インストール方法
|
|
139
|
+
|
|
140
|
+
[npmによるWijmoの参照](https://demo.mescius.jp/wijmo/docs/GettingStarted/Referencing-Wijmo-NPM)をご覧ください。
|
|
141
|
+
|
|
142
|
+
## ドキュメント
|
|
143
|
+
|
|
144
|
+
製品の各種ドキュメントは、下記をご参照ください。
|
|
145
|
+
|
|
146
|
+
- [製品ヘルプ](https://demo.mescius.jp/wijmo/docs/GettingStarted/Introduction)
|
|
147
|
+
- [APIリファレンス](https://demo.mescius.jp/wijmo/api/)
|
|
148
|
+
|
|
149
|
+
## 製品情報
|
|
150
|
+
|
|
151
|
+
製品の詳細や価格、ライセンスについては、下記をご参照ください。
|
|
152
|
+
|
|
153
|
+
- [製品情報](https://developer.mescius.jp/wijmo)
|
|
154
|
+
|
|
155
|
+
## サポート
|
|
156
|
+
|
|
157
|
+
ヘルプやデモに加え、ナレッジベースでは製品の技術情報を公開しております。また、サブスクリプションをご契約中のお客様は、E-mailによる技術サポートをご利用いただけます。
|
|
158
|
+
|
|
159
|
+
- [サポート&サービス](https://developer.mescius.jp/support)
|
|
160
|
+
- [サブスクリプションサービス利用規約](https://download.mescius.jp/license/other/componentone-subscriptionservice.pdf)
|
|
161
|
+
|
|
162
|
+
## Wijmo CN
|
|
163
|
+
|
|
164
|
+
Wijmo 是一套完整的企业级 JavaScript UI 开发组件。 它包括强大的表格、图表、数据透视、输入等组件,并且可以支持各类主流前端框架,包括 Angular、React 和 Vue。
|
|
165
|
+
|
|
166
|
+
Wijmo 的轻量级、高性能 JavaScript UI 组件可以将您的开发时间缩短一半。
|
|
167
|
+
|
|
168
|
+
查看我们 [FlexGrid 表格](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/purejs) 组件.
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
---
|
|
172
|
+
|
|
173
|
+
## 从 NPM 获取您所缺少的开发包!
|
|
174
|
+
|
|
175
|
+
请务必下载 Wijmo 以获得完整的开发包。 NPM 仅包含我们的 JS 组件,但我们的开发包包含数百个示例,其中包含每个 JS 框架的源代码、实际参考应用程序等等!
|
|
176
|
+
|
|
177
|
+
**[下载 Wijmo 开发包](https://www.grapecity.com.cn/developer/wijmojs/download) 以启动您的项目。**
|
|
178
|
+
|
|
179
|
+
---
|
|
180
|
+
|
|
181
|
+
## 示例
|
|
182
|
+
|
|
183
|
+
每种 JavaScript 框架中都提供超过 450 个功能示例
|
|
184
|
+
|
|
185
|
+
- [JavaScript 示例](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/purejs)
|
|
186
|
+
- [Vue 示例](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/vue)
|
|
187
|
+
- [Angular 示例](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/angular)
|
|
188
|
+
- [React 示例](https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/react)
|
|
189
|
+
|
|
190
|
+
我们还提供了 JavaScript 框架中可用的实际应用示例
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
- [Vue 参考应用](https://www.grapecity.com/wijmo/demos/reference-samples/#GeoDashboard)
|
|
194
|
+
- [Angular 参考应用](https://demos.wijmo.com/5/SampleExplorer/SampleExplorer/Sample/WealthHealth)
|
|
195
|
+
- [React 参考应用](https://www.grapecity.com/wijmo/demos/reference-samples/#GeoDashboard)
|
|
196
|
+
- [React Redux 参考应用](https://www.grapecity.com/wijmo/demos/reference-samples/#CryptoCurrencyTracking)
|
|
197
|
+
|
|
198
|
+
[Wijmo 开发包](https://www.grapecity.com.cn/developer/wijmojs/download) 中提供了示例源代码。
|
|
199
|
+
|
|
200
|
+
## 安装
|
|
201
|
+
|
|
202
|
+
### 安装最新版本:
|
|
203
|
+
|
|
204
|
+
```sh
|
|
205
|
+
npm install @grapecity/wijmo.all
|
|
206
|
+
```
|
|
207
|
+
|
|
208
|
+
### 安装最新的 nightly 版本:
|
|
209
|
+
```sh
|
|
210
|
+
npm install @grapecity/wijmo.all@nightly
|
|
211
|
+
```
|
|
212
|
+
|
|
213
|
+
### 安装最新的 RC 版本:
|
|
214
|
+
|
|
215
|
+
```sh
|
|
216
|
+
npm install @grapecity/wijmo.all@rc
|
|
217
|
+
```
|
|
218
|
+
|
|
219
|
+
## 文档
|
|
220
|
+
|
|
221
|
+
在线文档可在此处获取:
|
|
222
|
+
|
|
223
|
+
- [API Reference](https://demo.grapecity.com.cn/wijmo/api/)
|
|
224
|
+
- [Documentation Guides](https://demo.grapecity.com.cn/wijmo/docs/GettingStarted/Introduction)
|
|
225
|
+
|
|
226
|
+
## 许可
|
|
227
|
+
|
|
228
|
+
Wijmo授权由开发授权和部署授权组成
|
|
229
|
+
|
|
230
|
+
了解 [WijmoJS 价格与授权方式](https://www.grapecity.com.cn/developer/wijmojs#price).
|
|
231
|
+
|
|
232
|
+
## 资源
|
|
233
|
+
|
|
234
|
+
- [快速入门指南](https://demo.grapecity.com.cn/wijmo/docs/GettingStarted/QuickStart/QuickStart-PureJS)
|
|
235
|
+
- [Wijmo 产品介绍](https://www.grapecity.com.cn/developer/wijmojs)
|
|
236
|
+
- [博客](https://www.grapecity.com.cn/blogs/tags/wijmo)
|
|
237
|
+
- [论坛](https://gcdn.grapecity.com.cn/showforum-140-1.html)
|
|
238
|
+
|
|
239
|
+
Wijmo 开发包可以从 [这里](https://www.grapecity.com.cn/developer/wijmojs/download) 下载
|
|
240
|
+
|
|
241
|
+
## 支持
|
|
242
|
+
|
|
243
|
+
**Wijmo 随时为您提供支持**
|
|
244
|
+
|
|
245
|
+
提供多种售前支持方式。您可以通过电话热线、邮件、售前顾问、在线咨询、添加企业微信等方式获取获取售前咨询、产品解决方案、产品选型等1V1服务。帮您快速了解产品特性,助您POC验证成功,节省时间成本。
|
|
246
|
+
|
|
247
|
+
- [联系我们](https://www.grapecity.com.cn/support#goumaizixun)
|
|
248
|
+
|
|
249
|
+
|
|
250
|
+
## 问题反馈
|
|
251
|
+
|
|
252
|
+
我们重视您的反馈并利用建议来帮助创建产品路线图。 告诉我们你的想法。
|
|
253
|
+
|
|
254
|
+
[提交您的问题和反馈建议](https://gcdn.grapecity.com.cn/showforum-173-1.html)
|
|
255
|
+
|
|
256
|
+
# Wijmo KR
|
|
257
|
+
|
|
258
|
+
Wijmo(위즈모)는 고성능의 Web App 개발을 위한 완전한 JavaScript UI 컴포넌트 세트입니다. 강력한 데이터 그리드(DataGrid), 차트(Chart), 피벗 도구(OLAP/Pivop), 입력(Input) 등 개발에 필요한 100+의 다양한 컨트롤이 포함되어 있습니다.
|
|
259
|
+
|
|
260
|
+
또한, Wijmo는 Angular, React 및 Vue 등 개발자가 빠른 웹 개발과 효율적인 코드 유지 관리를 쉽게 할 수 있도록 JavaScript 프레임워크에 대한 지원을 제공합니다.
|
|
261
|
+
|
|
262
|
+
Wijmo의 경량 고성능 JavaScript UI 컴포넌트로 개발 시간을 절반으로 줄이십시오.
|
|
263
|
+
|
|
264
|
+
**[한국 Wijmo 공식 홈페이지 방문하기](https://mescius.co.kr/wijmo)**
|
|
265
|
+
|
|
266
|
+
## 개발자 패키지를 다운받아 보세요.
|
|
267
|
+
|
|
268
|
+
Wijmo 개발자 패키지를 아래 링크를 통해서 다운받아 보세요. NPM은 JS 라이브러리만 제공하지만, 개발자 패키지는 인기 있는 JS 프레임워크(Angular, React, Vue..)를 위한, 수백개의 샘플과 소스코드를 제공합니다.
|
|
269
|
+
|
|
270
|
+
**[Wijmo 개발자 패키지](https://mescius.co.kr/wijmo/download)를 다운로드하여 여러분의 개발 프로젝트를 시작해보세요.**
|
|
271
|
+
|
|
272
|
+
## 튜토리얼 | Demo & Sample
|
|
273
|
+
|
|
274
|
+
450가지 이상의 다양한 기능 샘플을 통해, 직접 사용해보고 소스코드를 보면서 Wijmo의 모든 기능을 여러분의 App에 쉽고 빠르게 적용해볼 수 있습니다.
|
|
275
|
+
|
|
276
|
+
모든 샘플은 한국어가 지원됩니다.
|
|
277
|
+
|
|
278
|
+
**[Wijmo 튜토리얼 페이지 바로가기](https://mescius.co.kr/wijmo/tutorial)**
|
|
279
|
+
|
|
280
|
+
아래의 링크를 통해 원하시는 JS 프레임워크의 튜토리얼 사이트로 바로 이동할 수 있습니다.
|
|
281
|
+
|
|
282
|
+
- [JavaScript 샘플](https://wijmo-js-demo.web.app/)
|
|
283
|
+
- [JavaScript 샘플 (SystemJS/CommonJS 모듈 기반)](https://demo.mescius.co.kr/wijmo/learn-wijmo/Grid/Overview/purejs)
|
|
284
|
+
- [Angular 샘플](https://demo.mescius.co.kr/wijmo/learn-wijmo/Grid/Overview/angular)
|
|
285
|
+
- [React 샘플](https://demo.mescius.co.kr/wijmo/learn-wijmo/Grid/Overview/react)
|
|
286
|
+
- [Vue 샘플](https://demo.mescius.co.kr/wijmo/learn-wijmo/Grid/Overview/vue)
|
|
287
|
+
|
|
288
|
+
JavaScript(SystemJS/CommonJS 모듈 기반), Angular, React, Vue 샘플은 모두 [Wijmo 개발자 패키지](https://mescius.co.kr/wijmo/download)에 포함되어 있습니다.
|
|
289
|
+
|
|
290
|
+
## 설치하기
|
|
291
|
+
|
|
292
|
+
Wijmo 라이브러리를 사용하기 위해서는 아래와 같이 2가지 방법을 통해 JS 라이브러리를 얻으실 수 있습니다.
|
|
293
|
+
|
|
294
|
+
#### 개발자 패키지
|
|
295
|
+
|
|
296
|
+
가장 권장 드리는 방법으로, 홈페이지에서 한국 정식 버전의 [개발자 패키지를 다운로드](https://mescius.co.kr/wijmo/download)하여, 필요하신 Wijmo의 JS 라이브러리를 여러분의 어플리케이션으로 가져오시면 됩니다.
|
|
297
|
+
|
|
298
|
+
#### WIJMO NPM
|
|
299
|
+
|
|
300
|
+
Wijmo는 또한 NPM을 지원합니다. 이를 통해 최신 버전의 Wijmo 라이브러리를 사용하실 수 있습니다.
|
|
301
|
+
|
|
302
|
+
**[최신 정식 버전]**
|
|
303
|
+
|
|
304
|
+
```sh
|
|
305
|
+
npm install @grapecity/wijmo.all
|
|
306
|
+
```
|
|
307
|
+
|
|
308
|
+
**[Nightly 버전]**
|
|
309
|
+
|
|
310
|
+
```sh
|
|
311
|
+
npm install @grapecity/wijmo.all@nightly
|
|
312
|
+
```
|
|
313
|
+
|
|
314
|
+
**[RC 버전]**
|
|
315
|
+
|
|
316
|
+
```sh
|
|
317
|
+
npm install @grapecity/wijmo.all@rc
|
|
318
|
+
```
|
|
319
|
+
|
|
320
|
+
## 빠른시작 가이드
|
|
321
|
+
|
|
322
|
+
개발자 패키지 또는 NPM을 통해 Wijmo 라이브러리를 가져오셨다면, 아래의 가이드를 통해서 Wijmo 개발을 시작할 수 있습니다.
|
|
323
|
+
|
|
324
|
+
- [PureJS](https://wijmo-js-demo.web.app/00-QuickStart)
|
|
325
|
+
- [PureJS (JS 모듈 로더 사용시)](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/QuickStart/QuickStart-PureJS)
|
|
326
|
+
- [Angular](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/QuickStart/QuickStart-Angular)
|
|
327
|
+
- [React](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/QuickStart/QuickStart-React)
|
|
328
|
+
- [Vue](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/QuickStart/QuickStart-Vue)
|
|
329
|
+
|
|
330
|
+
## 라이선싱
|
|
331
|
+
|
|
332
|
+
Wijmo 라이브러리를 상업용으로 개발하고 배포하기 위해서는 **개발자 라이선스**와 **배포 라이선스**를 반드시 구매하셔야 합니다.
|
|
333
|
+
|
|
334
|
+
- [가격 및 라이선스](https://www.mescius.co.kr/wijmo#price)
|
|
335
|
+
- [배포 라이선싱 등록 방법](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_faq&wr_id=1)
|
|
336
|
+
|
|
337
|
+
## 개발자 문서
|
|
338
|
+
|
|
339
|
+
개발 시에 온라인 개발자 문서를 참고할 수 있습니다.
|
|
340
|
+
|
|
341
|
+
- [개발자 도움말](https://demo.mescius.co.kr/wijmo/docs/GettingStarted/Introduction)
|
|
342
|
+
- [API 참조](https://demo.mescius.co.kr/wijmo/api/)
|
|
343
|
+
|
|
344
|
+
## 기술 지원
|
|
345
|
+
|
|
346
|
+
Wijmo를 사용하시다가 어려움이 있으실 경우, 언제든지 아래의 개발자 포럼을 통해 질문을 남겨주세요.
|
|
347
|
+
|
|
348
|
+
한국 지사의 전문 기술팀의 지원을 받아 보실 수 있습니다.
|
|
349
|
+
|
|
350
|
+
- [Wijmo 질문하기](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_qna)
|
|
351
|
+
|
|
352
|
+
## 더 많은 소식을 받아 보세요.
|
|
353
|
+
|
|
354
|
+
MESCIUS KOREA 개발자 포럼에서 Wijmo에 대한 신규 버전 출시 소식 및 다양한 블로그 컨텐츠를 확인해보세요.
|
|
355
|
+
|
|
356
|
+
- [새로운 소식](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_news)
|
|
357
|
+
- [블로그 & Tips](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_bntips)
|
|
358
|
+
- [온라인 스터디](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_o_study)
|
|
359
|
+
- [FAQ](https://dev.mescius.co.kr/bbs/board.php?bo_table=wijmo_faq)
|
|
360
|
+
|
|
361
|
+
MESCIUS KOREA 카카오톡 친구 추가를 하시면, 더욱 빠르게 최신 소식, 이벤트 및 세미나 정보를 받아보실 수 있습니다
|
|
362
|
+
|
|
363
|
+
- [카카오톡 친구 추가하기](https://pf.kakao.com/_ClxiWxb)
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
*
|
|
3
|
+
* Wijmo Library 5.20232.939
|
|
4
|
+
* https://developer.mescius.com/wijmo
|
|
5
|
+
*
|
|
6
|
+
* Copyright(c) MESCIUS inc. All rights reserved.
|
|
7
|
+
*
|
|
8
|
+
* Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
|
|
9
|
+
* us.sales@mescius.com
|
|
10
|
+
* https://developer.mescius.com/wijmo/licensing
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
"use strict";var __importStar=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var i={};if(null!=t)for(var e in t)Object.hasOwnProperty.call(t,e)&&(i[e]=t[e]);i.default=t;return i};Object.defineProperty(exports,"__esModule",{value:!0});const wijmo_1=require("@mescius/wijmo"),wijmo_chart_1=require("@mescius/wijmo.chart"),selfModule=__importStar(require("@mescius/wijmo.chart.interaction"));var MouseAction,InteractiveAxes,Orientation;!function(t){t[t.Zoom=0]="Zoom";t[t.Pan=1]="Pan"}(MouseAction=exports.MouseAction||(exports.MouseAction={}));!function(t){t[t.X=0]="X";t[t.Y=1]="Y";t[t.XY=2]="XY"}(InteractiveAxes=exports.InteractiveAxes||(exports.InteractiveAxes={}));class ChartGestures{constructor(t,i){this._chart=null;this._zoomEle=null;this._overlayEle=null;this._wrapperMousedown=null;this._wrapperMouseMove=null;this._wrapperMouseup=null;this._wrapperPointerdown=null;this._wrapperPointerMove=null;this._wrapperPointerup=null;this._wrapperTouchStart=null;this._wrapperTouchMove=null;this._wrapperTouchEnd=null;this._wrapperMouseWheel=null;this._startFirstPt=null;this._minX=null;this._maxX=null;this._minY=null;this._maxY=null;this._threadHold=20;this._clip={};this._selection={};this._startPointers=[];this._mvPointers=[];this._pinchStartEvents=[];this._minXRange=null;this._minYRange=null;this._innerUpdating=!1;this._lastMinX=null;this._lastMaxX=null;this._lastMinY=null;this._lastMaxY=null;this._mouseAction=MouseAction.Zoom;this._interactiveAxes=InteractiveAxes.X;this._enable=!0;this._scaleX=1;this._scaleY=1;this._posX=0;this._posY=0;t||wijmo_1.assert(!1,"The FlexChart cannot be null.");this._chart=t;wijmo_1.copy(this,i);this._initialize()}get mouseAction(){return this._mouseAction}set mouseAction(t){this._mouseAction=wijmo_1.asEnum(t,MouseAction)}get interactiveAxes(){return this._interactiveAxes}set interactiveAxes(t){t!==this._interactiveAxes&&(this._interactiveAxes=wijmo_1.asEnum(t,InteractiveAxes))}get enable(){return this._enable}set enable(t){t!==this._enable&&(this._enable=wijmo_1.asBoolean(t,!0))}get scaleX(){return this._scaleX}set scaleX(t){if(t!==this._scaleX){this._scaleX=t<0?0:t>1?1:wijmo_1.asNumber(t);this._seriesGroup&&this._initAxisRangeWithPosAndScale(!0)}}get scaleY(){return this._scaleY}set scaleY(t){if(t!==this._scaleY){this._scaleY=t<0?0:t>1?1:wijmo_1.asNumber(t);this._seriesGroup&&this._initAxisRangeWithPosAndScale(!1)}}get posX(){return this._posX}set posX(t){if(t!==this._posX){this._posX=t<0?0:t>1?1:wijmo_1.asNumber(t);this._seriesGroup&&this._initAxisRangeWithPosAndScale(!0)}}get posY(){return this._posY}set posY(t){if(t!==this._posY){this._posY=t<0?0:t>1?1:wijmo_1.asNumber(t);this._seriesGroup&&this._initAxisRangeWithPosAndScale(!1)}}remove(){if(this._zoomEle){this._chart.hostElement.removeChild(this._zoomEle);this._zoomEle=null}wijmo_1.removeClass(this._chart.hostElement,ChartGestures._CSS_TOUCH_DISABLED);this._switchEvent(!1);this._wrapperMousedown=null;this._wrapperMouseMove=null;this._wrapperMouseup=null;this._wrapperPointerdown=null;this._wrapperPointerMove=null;this._wrapperPointerup=null;this._wrapperTouchStart=null;this._wrapperTouchMove=null;this._wrapperTouchEnd=null;this._wrapperMouseWheel=null}reset(){var t=this._chart,i=t.axisX,e=t.axisY;t.beginUpdate();this._maxX&&(i.max=this._maxX);this._minX&&(i.min=this._minX);this._maxY&&(e.max=this._maxY);this._minY&&(e.min=this._minY);this._initAxisRangeWithPosAndScale(!0);this._initAxisRangeWithPosAndScale(!1);t.endUpdate()}_refreshChart(){var t=this._chart,i=t.axisX,e=t.axisY;this._minX=i._actualMin;this._maxX=i._actualMax;this._minY=e._actualMin;this._maxY=e._actualMax;this._minXRange=.005*(this._maxX-this._minX);this._minYRange=.005*(this._maxY-this._minY);this._initAxisRangeWithPosAndScale(!0);this._initAxisRangeWithPosAndScale(!1)}_initialize(){var t=this._chart.hostElement;this._zoomEle=wijmo_1.createElement('<div class="'+ChartGestures._CSS_ZOOM+'"><div class="'+ChartGestures._CSS_ZOOM_OVERLAY+'"></div>');this._zoomEle.style.visibility="visible";t.appendChild(this._zoomEle);wijmo_1.addClass(t,ChartGestures._CSS_TOUCH_DISABLED);this._overlayEle=this._zoomEle.querySelector("."+ChartGestures._CSS_ZOOM_OVERLAY);this._wrapperMousedown=this._onMousedown.bind(this);this._wrapperMouseMove=this._onMouseMove.bind(this);this._wrapperMouseup=this._onMouseup.bind(this);this._wrapperPointerdown=this._onPointerdown.bind(this);this._wrapperPointerMove=this._onPointerMove.bind(this);this._wrapperPointerup=this._onPointerup.bind(this);this._wrapperMouseWheel=this._onMouseWheel.bind(this);this._wrapperTouchStart=this._onTouchStart.bind(this);this._wrapperTouchMove=this._onTouchMove.bind(this);this._wrapperTouchEnd=this._onTouchEnd.bind(this);this._switchEvent(!0)}_switchEvent(t){var i=this._chart.hostElement,e=t?"addEventListener":"removeEventListener",s=t?"addHandler":"removeHandler";if(i){i[e]("mousedown",this._wrapperMousedown);i[e]("mousemove",this._wrapperMouseMove);document[e]("mouseup",this._wrapperMouseup);if("onpointerdown"in window){i[e]("pointerdown",this._wrapperPointerdown);i[e]("pointermove",this._wrapperPointerMove);document[e]("pointerup",this._wrapperPointerup)}i[e]("wheel",this._wrapperMouseWheel);if("ontouchstart"in window){i[e]("touchstart",this._wrapperTouchStart);i[e]("touchmove",this._wrapperTouchMove);document[e]("touchend",this._wrapperTouchEnd)}this._chart.rendered[s](this._refresh,this)}}_refresh(){var t,i,e,s=this._chart,a=s.axisX,n=s.axisY,h=s.hostElement;this._seriesGroup=h.querySelector(".wj-series-group");t=h.querySelector("."+wijmo_chart_1.FlexChart._CSS_PLOT_AREA);this._plotOffset=wijmo_1.getElementRect(t);this._plotBox=t.getBBox();this._zoomEleOffset=wijmo_1.getElementRect(this._zoomEle);this._overlayEle&&this._overlayEle.removeAttribute("style");if(this._innerUpdating)this._innerUpdating=!1;else{i=!1;e=!1;if(null===this._minX||isNaN(this._minX)||0===this._minX||-1===this._minX||this._lastMinX!==a._actualMin){this._minX=a._actualMin;null===this._minX||isNaN(this._minX)||0===this._minX||-1===this._minX||(i=!0)}if(null===this._maxX||isNaN(this._maxX)||0===this._maxX||-1===this._maxX||this._lastMaxX!==a._actualMax){this._maxX=a._actualMax;null===this._maxX||isNaN(this._maxX)||0===this._maxX||-1===this._maxX||(i=!0)}if(null===this._minY||isNaN(this._minY)||this._lastMinY!==n._actualMin){this._minY=n._actualMin;isNaN(this._minY)||(e=!0)}if(null===this._maxY||isNaN(this._maxY)||this._lastMaxY!==n._actualMax){this._maxY=n._actualMax;isNaN(this._maxY)||(e=!0)}this._minXRange=.005*(this._maxX-this._minX);this._minYRange=.005*(this._maxY-this._minY);i&&null!==this._scaleX&&void 0!==this._scaleX&&1!==this._scaleX&&null!==this._posX&&void 0!==this._posX&&0!==this._posX&&this._initAxisRangeWithPosAndScale(!0);e&&null!==this._scaleY&&void 0!==this._scaleY&&1!==this._scaleY&&null!==this._posY&&void 0!==this._posY&&0!==this._posY&&this._initAxisRangeWithPosAndScale(!1)}}_onMousedown(t){if(this._enable){this._disabledOthersInteraction(!0);this._mouseDown(t);t.preventDefault()}}_onMouseMove(t){if(this._enable){this._mouseMove(t);t.preventDefault()}}_onMouseup(t){if(this._enable){this._mouseup(t);this._disabledOthersInteraction(!1)}}_onMouseWheel(t){var i=-t.deltaY>0?.05:-.05;if(this._enable){this._scaling=!0;this._interactiveAxes!==InteractiveAxes.X&&this._interactiveAxes!==InteractiveAxes.XY||this._updateAxisByChg(!0,i,-i);this._interactiveAxes!==InteractiveAxes.Y&&this._interactiveAxes!==InteractiveAxes.XY||this._updateAxisByChg(!1,i,-i);this._scaling=!1;t.preventDefault()}}_focus(){if(wijmo_1.isIE()){const t=document.activeElement;if(t){const i=t.tagName.toLowerCase();("input"===i&&"text"===t.type||"textarea"===i)&&t.setSelectionRange(0,0)}this._chart.focus()}else this._chart.focus()}_mouseDown(t){this._focus();this._startFirstPt=this._getPoint(t);this._updatePoint(this._startFirstPt);if(this._mouseAction===MouseAction.Zoom)this._initOverlay();else{this._seriesGroup.setAttribute("clip-path","url(#"+this._chart._plotrectId+")");wijmo_1.toggleClass(this._chart.hostElement,ChartGestures._CSS_PANABLE,this._mouseAction===MouseAction.Pan)}}_mouseMove(t){var i;if(this._startFirstPt){i=this._getPoint(t);this._updatePoint(i);this._endPoint=new wijmo_1.Point(i.x,i.y);if(this._mouseAction===MouseAction.Zoom)this._updateOverLay(i);else{this._panning=!0;this._panningChart(i.x-this._startFirstPt.x,i.y-this._startFirstPt.y)}}}_mouseup(t){var i=this._endPoint;this._chart.axisX;if(this._startFirstPt&&i){if(this._mouseAction===MouseAction.Zoom){this._zoomedChart(i);this._reset()}else{this._pannedChart(i.x-this._startFirstPt.x,i.y-this._startFirstPt.y);this._reset()}wijmo_1.removeClass(this._chart.hostElement,ChartGestures._CSS_PANABLE)}else{wijmo_1.removeClass(this._chart.hostElement,ChartGestures._CSS_PANABLE);this._reset()}}_onPointerdown(t){if(this._enable){this._disabledOthersInteraction(!0);switch(t.pointerType){case"touch":this._pointerDown(t);break;case"mouse":this._mouseDown(t)}t.preventDefault()}}_onPointerMove(t){if(this._enable){switch(t.pointerType){case"touch":this._pointerMove(t);break;case"mouse":this._mouseMove(t)}t.preventDefault()}}_onPointerup(t){if(this._enable){switch(t.pointerType){case"touch":this._pointerUp(t);break;case"mouse":this._mouseup(t)}this._disabledOthersInteraction(!1);t.preventDefault()}}_pointerDown(t){this._focus();t.preventManipulation&&t.preventManipulation();this._seriesGroup.setAttribute("clip-path","url(#"+this._chart._plotrectId+")");this._startPointers.push({id:t.pointerId,x:t.pageX,y:t.pageY});if(1===this._startPointers.length){this._scaling=!1;this._panning=!0}else if(2===this._startPointers.length){this._panning=!1;this._scaling=!0;this._startDistance={x:this._startPointers[0].x-this._startPointers[1].x,y:this._startPointers[0].y-this._startPointers[1].y}}}_pointerMove(t){var i,e,s,a,n=new wijmo_1.Point(t.pageX,t.pageY),h={},_={};t.preventManipulation&&t.preventManipulation();if(this._panning){if(!this._pointInPlotArea(n))return;this._endPoint=new wijmo_1.Point(t.pageX,t.pageY);this._panningChart(this._endPoint.x-this._startPointers[0].x,this._endPoint.y-this._startPointers[0].y)}else if(this._scaling){i=this._startPointers[0].id+"";e=this._startPointers[1].id+"";this._mvPointers[t.pointerId+""]={x:t.pageX,y:t.pageY};if(this._mvPointers[i]&&this._mvPointers[e]){if(Math.abs(this._startDistance.x)>this._threadHold&&this._interactiveAxes!==InteractiveAxes.Y){s=this._mvPointers[i].x-this._plotOffset.left;a=this._startPointers[0].x-this._plotOffset.left;_.x=Math.abs((this._mvPointers[i].x-this._mvPointers[e].x)/this._startDistance.x);h.x=s-_.x*a;this._clip.x=(this._plotBox.x-s)/_.x+a;this._selection.w=this._plotBox.width/_.x}if(Math.abs(this._startDistance.y)>this._threadHold&&this._interactiveAxes!==InteractiveAxes.X){s=this._mvPointers[i].y-this._plotOffset.top;a=this._startPointers[0].y-this._plotOffset.top;_.y=Math.abs((this._mvPointers[i].y-this._mvPointers[e].y)/this._startDistance.y);h.y=s-_.y*a;this._clip.y=(this._plotBox.y-s)/_.y+a;this._selection.h=this._plotBox.height/_.y}this._scalingChart(_,h)}}}_pointerUp(t){t.preventManipulation&&t.preventManipulation();if(this._panning){this._endPoint&&this._pannedChart(this._endPoint.x-this._startPointers[0].x,this._endPoint.y-this._startPointers[0].y);this._reset()}else if(this._scaling){this._scaledChart(t);this._reset()}}_onTouchStart(t){if(this._enable){this._disabledOthersInteraction(!0);if(1==t.touches.length){this._scaling=!1;this._panning=!0;this._startFirstPt=this._getPoint(t)}else if(2==t.touches.length){this._pinchStartEvents=this._getTouchPair(t);this._startDistance=this._touchDistance(t);this._panning=!1;this._scaling=!0}this._seriesGroup&&this._seriesGroup.setAttribute("clip-path","url(#"+this._chart._plotrectId+")");this._chart._hideToolTip();return!0}}_onTouchMove(t){if(this._enable){var i,e,s,a,n,h={},_={},r=t.touches[0],o=new wijmo_1.Point(r.pageX,r.pageY);t.preventDefault();if(this._panning){if(this._startFirstPt){if(!this._pointInPlotArea(o))return;this._endPoint=new wijmo_1.Point(r.pageX,r.pageY);this._panningChart(this._endPoint.x-this._startFirstPt.x,this._endPoint.y-this._startFirstPt.y)}}else if(this._scaling){s=this._touchDistance(t);a=this._getTouchPair(t)[0];n=this._pinchStartEvents[0];if(Math.abs(this._startDistance.x)>this._threadHold&&this._interactiveAxes!==InteractiveAxes.Y){i=a.pageX-this._plotOffset.left;e=n.pageX-this._plotOffset.left;h.x=Math.abs(s.x/this._startDistance.x);_.x=i-h.x*e;this._clip.x=(this._plotBox.x-i)/h.x+e;this._selection.w=this._plotBox.width/h.x}if(Math.abs(this._startDistance.y)>this._threadHold&&this._interactiveAxes!==InteractiveAxes.X){i=a.pageY-this._plotOffset.top;e=n.pageY-this._plotOffset.top;h.y=Math.abs(s.y/this._startDistance.y);_.y=i-h.y*e;this._clip.y=(this._plotBox.y-i)/h.y+e;this._selection.h=this._plotBox.height/h.y}this._scalingChart(h,_)}return!0}}_onTouchEnd(t){if(this._enable){var i=this._endPoint;if(this._panning){if(!this._startFirstPt||!i){this._reset();return}this._pannedChart(i.x-this._startFirstPt.x,i.y-this._startFirstPt.y)}else this._scaling&&this._scaledChart(t);this._reset();this._disabledOthersInteraction(!1);return!0}}_initOverlay(){this._zoomEle.style.visibility="visible";switch(this._interactiveAxes){case InteractiveAxes.X:this._overlayEle.style.left=this._startFirstPt.x-this._zoomEleOffset.left+"px";this._overlayEle.style.top=this._plotOffset.top-this._zoomEleOffset.top+"px";break;case InteractiveAxes.Y:this._overlayEle.style.left=this._plotBox.x+"px";this._overlayEle.style.top=this._startFirstPt.y-this._zoomEleOffset.top+"px";break;case InteractiveAxes.XY:this._overlayEle.style.left=this._startFirstPt.x-this._zoomEleOffset.left+"px";this._overlayEle.style.top=this._startFirstPt.y-this._zoomEleOffset.top+"px"}}_updateOverLay(t){var i=this._startFirstPt.x-t.x,e=this._startFirstPt.y-t.y,s={};switch(this._interactiveAxes){case InteractiveAxes.X:if(Math.abs(i)<this._threadHold)return;s=i<=0?{width:Math.abs(i)+"px",height:this._plotBox.height+"px"}:{left:t.x-this._zoomEleOffset.left+"px",width:i+"px",height:this._plotBox.height+"px"};break;case InteractiveAxes.Y:if(Math.abs(e)<this._threadHold)return;s=e<=0?{height:Math.abs(e)+"px",width:this._plotBox.width+"px"}:{top:t.y-this._zoomEleOffset.top+"px",height:e+"px",width:this._plotBox.width+"px"};break;case InteractiveAxes.XY:if(Math.abs(i)>=this._threadHold){s.width=Math.abs(i)+"px";i>0&&(s.left=t.x-this._zoomEleOffset.left+"px")}if(Math.abs(e)>=this._threadHold){s.height=Math.abs(e)+"px";e>0&&(s.top=t.y-this._zoomEleOffset.top+"px")}}wijmo_1.setCss(this._overlayEle,s)}_updatePoint(t){var i=this._plotOffset;t.x<i.left&&(t.x=i.left);t.x>i.left+i.width&&(t.x=i.left+i.width);t.y<i.top&&(t.y=i.top);t.y>i.top+i.height&&(t.y=i.top+i.height)}_pointInPlotArea(t){var i=this._plotOffset;return t.x>=i.left&&t.x<=i.left+i.width&&t.y>=i.top&&t.y<=i.top+i.height}_zoomedChart(t){if(t){this._interactiveAxes!==InteractiveAxes.X&&this._interactiveAxes!==InteractiveAxes.XY||this._zoomedAxis(t,!0);this._interactiveAxes!==InteractiveAxes.Y&&this._interactiveAxes!==InteractiveAxes.XY||this._zoomedAxis(t,!1);this._startFirstPt=null}}_zoomedAxis(t,i){var e,s,a=i?this._chart.axisX:this._chart.axisY,n=i?"x":"y",h=i?"left":"top";if(t&&Math.abs(this._startFirstPt[n]-t[n])>this._threadHold){e=a.convertBack(this._startFirstPt[n]-this._plotOffset[h]+this._plotBox[n]);(s=a.convertBack(t[n]-this._plotOffset[h]+this._plotBox[n]))-e!=0&&this._updateAxisRange(a,Math.min(e,s),Math.max(e,s))}}_panningChart(t,i){var e=this._chart.axisX,s=this._chart.axisY,a=this._getTransFormGroups();t=Math.abs(t)<this._threadHold?0:t;i=Math.abs(i)<this._threadHold?0:i;this._interactiveAxes===InteractiveAxes.X&&(i=0);this._interactiveAxes===InteractiveAxes.Y&&(t=0);let n=e.reversed?-t:t;n>0&&e.actualMin.valueOf()===this._minX&&(t=0);n<0&&e.actualMax.valueOf()===this._maxX&&(t=0);let h=s.reversed?-i:i;h>0&&s.actualMax.valueOf()===this._maxY&&(i=0);h<0&&s.actualMin.valueOf()===this._minY&&(i=0);for(var _=0;_<a.length;_++)a[_].setAttribute("transform","translate("+t+","+i+")")}_pannedChart(t,i){this._interactiveAxes!==InteractiveAxes.X&&this._interactiveAxes!==InteractiveAxes.XY||this._updateAxisByDistance(!0,t);this._interactiveAxes!==InteractiveAxes.Y&&this._interactiveAxes!==InteractiveAxes.XY||this._updateAxisByDistance(!1,-i)}_scalingChart(t,i){var e,s,a,n=this._chart.axisX,h=this._chart.axisY,_=void 0!==i.x?i.x:0,r=void 0!==i.y?i.y:0;if(t){e=this._getTransFormGroups();if(void 0!==t.x&&t.x<1&&n.actualMin.valueOf()===this._minX&&n.actualMax.valueOf()===this._maxX){t.x=1;_=0}if(void 0!==t.y&&t.y<1&&h.actualMin.valueOf()===this._minY&&h.actualMax.valueOf()===this._maxY){t.y=1;r=0}s=void 0!==t.x?t.x:1;a=void 0!==t.y?t.y:1;for(var o=0;o<e.length;o++)e[o].setAttribute("transform","translate("+_+", "+r+") scale("+s+", "+a+")")}}_scaledChart(t){var i,e,s=this._chart,a=s.axisX,n=s.axisY;if(this._clip){if(this._interactiveAxes!==InteractiveAxes.Y&&void 0!==this._clip.x){if((i=Math.max(this._minX,a.convertBack(this._clip.x)))>(e=Math.min(this._maxX,a.convertBack(this._clip.x+this._selection.w)))){let t=i;i=e;e=t}i-e!=0&&this._updateAxisRange(a,i,e)}if(this._interactiveAxes!==InteractiveAxes.X&&void 0!==this._clip.y){e=Math.min(this._maxY,n.convertBack(this._clip.y));if((i=Math.max(this._minY,n.convertBack(this._clip.y+this._selection.h)))>e){let t=i;i=e;e=t}i-e!=0&&this._updateAxisRange(n,i,e)}}}_updateAxisByDistance(t,i){var e,s=t?this._chart.axisX:this._chart.axisY,a=t?this._minX:this._minY,n=t?this._maxX:this._maxY,h=s.actualMin.valueOf(),_=s.actualMax.valueOf();if(0===i)return;let r=s.reversed?-i:i;if(r>0&&a===h||r<0&&n===_){this._innerUpdating=!0;this._chart.invalidate()}else{e=i/(t?this._plotBox.width:this._plotBox.height);this._updateAxisByChg(t,-e,-e)}}_updateAxisByChg(t,i,e){var s,a,n=t?this._chart.axisX:this._chart.axisY,h=t?this._minX:this._minY,_=t?this._maxX:this._maxY,r=n.actualMin.valueOf(),o=(n.actualMax.valueOf(),this._chart._plotRect),l=t?o.left:o.top,c=t?o.width:o.height,m=t?this._minXRange:this._minYRange;if(!isNaN(i)&&!isNaN(e)){if(this._panning){if(n.reversed)if(i<0)if((s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c))>_){s=_;a=t?n.convertBack(n.convert(s)+c):n.convertBack(n.convert(s)-c)}else a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c);else if((a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c))<h){a=h;s=t?n.convertBack(n.convert(a)-c):n.convertBack(n.convert(a)+c)}else s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c);else if(i<0)if((s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c))<h){s=h;a=t?n.convertBack(n.convert(s)+c):n.convertBack(n.convert(s)-c)}else a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c);else if((a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c))>_){a=_;s=t?n.convertBack(n.convert(a)-c):n.convertBack(n.convert(a)+c)}else s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c);if(s>a){let t=s;s=a;a=t}}else if(this._scaling){if((s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c))>(a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c))){let t=s;s=a;a=t}s<h&&(s=h);a>_&&(a=_);a-s<m&&(s=a-m)}this._updateAxisRange(n,s,a)}}_initAxisRangeWithPosAndScale(t){var i,e,s,a;if(t){i=this._maxX-this._minX;if(!isNaN(i)){e=i*this._scaleX;a=(s=this._minX+this._posX*(i-e))+e;this._innerUpdating=!0;this._chart.axisX.min=s;this._chart.axisX.max=a;this._lastMinX=s;this._lastMaxX=a}}else{i=this._maxY-this._minY;if(!isNaN(i)){e=i*this._scaleY;a=(s=this._minY+this._posY*(i-e))+e;this._innerUpdating=!0;this._chart.axisY.min=s;this._chart.axisY.max=a;this._lastMinY=s;this._lastMaxY=a}}}_updateAxisRange(t,i,e){this._chart.beginUpdate();t.min=i;t.max=e;if(t===this._chart.axisX){this._lastMinX=i;this._lastMaxX=e}else{this._lastMinY=i;this._lastMaxY=e}this._innerUpdating=!0;this._chart.endUpdate()}_reset(){this._scaling=!1;this._panning=!1;this._startDistance=0;this._startFirstPt=null;this._pinchStartEvents=[];this._startPointers=[];this._mvPointers=[];this._endPoint=null;this._clip={};this._selection={}}_getTransFormGroups(){var t=this._seriesGroup.querySelectorAll("g[clip-path]");0===t.length&&(t=this._seriesGroup.querySelectorAll("g"));return t}_disabledOthersInteraction(t){var i=this._chart.hostElement;if(null!=i)for(var e=i.querySelectorAll(".wj-chart-linemarker-container"),s=0;s<e.length;s++)t?wijmo_1.addClass(e[s],ChartGestures._CSS_BLOCK_INTERACTION):wijmo_1.removeClass(e[s],ChartGestures._CSS_BLOCK_INTERACTION)}_getPoint(t){return t instanceof MouseEvent?new wijmo_1.Point(t.pageX,t.pageY):new wijmo_1.Point(t.changedTouches[0].pageX,t.changedTouches[0].pageY)}_getTouchPair(t){var i=[];if(wijmo_1.isArray(t)){i[0]=t[0];i[1]=t[1]}else if("touchend"===t.type){if(1===t.touches.length){i[0]=t.touches[0];i[1]=t.changedTouches[0]}else if(0===t.touches.length){i[0]=t.changedTouches[0];i[1]=t.changedTouches[1]}}else{i[0]=t.touches[0];i[1]=t.touches[1]}return i}_touchDistance(t){var i=this._getTouchPair(t),e=0,s=0;i[0]&&void 0!==i[0].pageX&&i[1]&&void 0!==i[1].pageX&&(e=i[0].pageX-i[1].pageX);i[0]&&void 0!==i[0].pageY&&i[1]&&void 0!==i[1].pageY&&(s=i[0].pageY-i[1].pageY);return{x:e,y:s}}}ChartGestures._CSS_ZOOM="wj-zoom";ChartGestures._CSS_ZOOM_OVERLAY="wj-zoom-overlay";ChartGestures._CSS_PANABLE="wj-panable";ChartGestures._CSS_TOUCH_DISABLED="wj-flexchart-touch-disabled";ChartGestures._CSS_BLOCK_INTERACTION="wj-block-other-interaction";exports.ChartGestures=ChartGestures;class _RangeSlider{constructor(t,i,e,s){this._isVisible=!0;this._buttonsVisible=!0;this._minScale=0;this._maxScale=1;this._seamless=!1;this._rsContainer=null;this._rsEle=null;this._decBtn=null;this._incBtn=null;this._rsContent=null;this._minHandler=null;this._rangeHandler=null;this._maxHandler=null;this._wrapperSliderMousedown=null;this._wrapperDocMouseMove=null;this._wrapperDocMouseup=null;this._wrapperBtnMousedown=null;this._wrapperRangeSpaceMousedown=null;this._wrapperRangeMouseleave=null;this._isTouch=!1;this._slidingInterval=null;this._rangeSliderRect=null;this._isHorizontal=!0;this._isBtnMousedown=!1;this._needSpaceClick=!1;this._hasButtons=!0;this._movingEle=null;this._movingOffset=null;this._range=null;this._startPt=null;this._minPos=0;this._maxPos=1;this.rangeChanged=new wijmo_1.Event;this.rangeChanging=new wijmo_1.Event;t||wijmo_1.assert(!1,"The container cannot be null.");this._isTouch="ontouchstart"in window;this._needSpaceClick=i;this._hasButtons=e;wijmo_1.copy(this,s);this._createSlider(t)}get buttonsVisible(){return this._buttonsVisible}set buttonsVisible(t){if(t!=this._buttonsVisible){this._buttonsVisible=wijmo_1.asBoolean(t);if(!this._rsContainer||!this._hasButtons)return;this._refresh()}}get isHorizontal(){return this._isHorizontal}set isHorizontal(t){if(t!=this._isHorizontal){this._isHorizontal=wijmo_1.asBoolean(t);if(!this._rsContainer)return;this._invalidate()}}get isVisible(){return this._isVisible}set isVisible(t){if(t!=this._isVisible){this._isVisible=wijmo_1.asBoolean(t);if(!this._rsContainer)return;this._rsContainer.style.visibility=this._isVisible?"visible":"hidden"}}get minScale(){return this._minScale}set minScale(t){t>=0&&t!=this._minScale&&(this._minScale=wijmo_1.asNumber(t))}get maxScale(){return this._maxScale}set maxScale(t){t>=0&&t!=this._maxScale&&(this._maxScale=wijmo_1.asNumber(t))}get seamless(){return this._seamless}set seamless(t){t!=this._seamless&&(this._seamless=wijmo_1.asBoolean(t))}onRangeChanged(t){this.rangeChanged.raise(this,t)}onRangeChanging(t){this.rangeChanging.raise(this,t)}get _isSliding(){return null!==this._startPt}get _handleWidth(){return this._minHandler.offsetWidth}_createSlider(t){var i=this._isHorizontal?_RangeSlider._HRANGESLIDER:_RangeSlider._VRANGESLIDER,e=this._isHorizontal?"wj-glyph-left":"wj-glyph-down",s=this._isHorizontal?"wj-glyph-right":"wj-glyph-up";this._rsContainer=t;this._rsContainer.style.visibility=this._isVisible?"visible":"hidden";this._rsEle=wijmo_1.createElement('<div class="wj-chart-rangeslider '+i+'"></div>');this._rsContainer.appendChild(this._rsEle);if(this._hasButtons){this._decBtn=wijmo_1.createElement('<button class="wj-rangeslider-decbtn wj-btn wj-btn-default" type="button" tabindex="-1"><span class="'+e+" "+_RangeSlider._RANGESLIDER_DECBTN+'"></span></button>');this._rsEle.appendChild(this._decBtn);this._incBtn=wijmo_1.createElement('<button class="wj-rangeslider-incbtn wj-btn wj-btn-default" type="button" tabindex="-1"><span class="'+s+" "+_RangeSlider._RANGESLIDER_INCBTN+'"></span></button>');this._rsEle.appendChild(this._incBtn)}this._rsContent=wijmo_1.createElement('<div class="wj-rangeslider-content"><div class="wj-rangeslider-rangehandle"></div><div class="wj-rangeslider-minhandle"></div><div class="wj-rangeslider-maxhandle"></div>');this._rsEle.appendChild(this._rsContent);this._minHandler=this._rsContent.querySelector("."+_RangeSlider._RANGESLIDER_MINHANDLE);this._rangeHandler=this._rsContent.querySelector("."+_RangeSlider._RANGESLIDER_RANGEHANDLE);this._maxHandler=this._rsContent.querySelector("."+_RangeSlider._RANGESLIDER_MAXHANDLE);this._wrapperSliderMousedown=this._onSliderMousedown.bind(this);this._wrapperDocMouseMove=this._onDocMouseMove.bind(this);this._wrapperDocMouseup=this._onDocMouseup.bind(this);this._wrapperRangeSpaceMousedown=this._onRangeSpaceMousedown.bind(this);this._wrapperRangeMouseleave=this._onRangeMouseleave.bind(this);this._wrapperBtnMousedown=this._onBtnMousedown.bind(this);this._switchEvent(!0)}_switchEvent(t){var i=t?"addEventListener":"removeEventListener";if(this._rsContainer){this._needSpaceClick&&this._rsEle[i]("mousedown",this._wrapperRangeSpaceMousedown);this._rsEle[i]("mouseleave",this._wrapperRangeMouseleave);this._rsContent[i]("mousedown",this._wrapperSliderMousedown);if(this._hasButtons){this._decBtn[i]("mousedown",this._wrapperBtnMousedown);this._incBtn[i]("mousedown",this._wrapperBtnMousedown)}document[i]("mousemove",this._wrapperDocMouseMove);document[i]("mouseup",this._wrapperDocMouseup);if("ontouchstart"in window){this._needSpaceClick&&this._rsEle[i]("touchstart",this._wrapperRangeSpaceMousedown);this._rsContent[i]("touchstart",this._wrapperSliderMousedown);if(this._hasButtons){this._decBtn[i]("touchstart",this._wrapperBtnMousedown);this._incBtn[i]("touchstart",this._wrapperBtnMousedown)}document[i]("touchmove",this._wrapperDocMouseMove);document[i]("touchend",this._wrapperDocMouseup)}}}_onSliderMousedown(t){if(!this._isVisible)return;const i=wijmo_1.getElementRect(this._rsContent);this._plotBox={x:i.left,y:i.top,width:i.width,height:i.height};this._movingEle=t.srcElement||t.target;this._startPt=t instanceof MouseEvent?new wijmo_1.Point(t.pageX,t.pageY):new wijmo_1.Point(t.changedTouches[0].pageX,t.changedTouches[0].pageY);wijmo_1.removeClass(this._minHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);wijmo_1.removeClass(this._maxHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);this._movingOffset=wijmo_1.getElementRect(this._movingEle);if(this._movingEle!=this._rangeHandler){this._isHorizontal?this._movingOffset.left+=.5*this._movingEle.offsetWidth:this._movingOffset.top+=.5*this._movingEle.offsetHeight;wijmo_1.addClass(this._movingEle,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE)}else this._range=this._maxPos-this._minPos;t.preventDefault()}_onDocMouseMove(t){if(this._isVisible&&this._startPt){var i=t instanceof MouseEvent?new wijmo_1.Point(t.pageX,t.pageY):new wijmo_1.Point(t.changedTouches[0].pageX,t.changedTouches[0].pageY);this._onMove(i)}}_onMove(t){var i,e=this._startPt,s=this._movingOffset,a=this._plotBox,n=this._range,h=this._movingEle,_=this._minHandler,r=this._rangeHandler,o=this._maxHandler;if(e&&s){(i=this._isHorizontal?(s.left+t.x-e.x-a.x)/a.width:1-(s.top+t.y-e.y-a.y)/a.height)<0?i=0:i>1&&(i=1);if(h===_)if(this._seamless&&0===this._minScale&&i>=this._maxPos){this._minPos=this._maxPos;this._movingEle=o;wijmo_1.removeClass(this._minHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);wijmo_1.addClass(this._maxHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE)}else{i>this._maxPos-this._minScale&&(i=this._maxPos-this._minScale);i<this._maxPos-this._maxScale&&(i=this._maxPos-this._maxScale);this._minPos=i}else if(h===o)if(this._seamless&&0===this._minScale&&i<=this._minPos){this._maxPos=this._minPos;this._movingEle=_;wijmo_1.removeClass(this._maxHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);wijmo_1.addClass(this._minHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE)}else{i<this._minPos+this._minScale&&(i=this._minPos+this._minScale);i>this._minPos+this._maxScale&&(i=this._minPos+this._maxScale);this._maxPos=i}else if(h===r)if(this._isHorizontal){this._minPos=i;this._maxPos=this._minPos+n;if(this._maxPos>=1){this._maxPos=1;this._minPos=this._maxPos-n}}else{this._maxPos=i;this._minPos=this._maxPos-n;if(this._minPos<=0){this._minPos=0;this._maxPos=this._minPos+n}}this._updateElesPosition();this.onRangeChanging()}}_onDocMouseup(t){if(this._isVisible){this._clearInterval();this._isBtnMousedown=!1;if(this._startPt){this.onRangeChanged();this._startPt=null;this._movingOffset=null}wijmo_1.removeClass(this._minHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);wijmo_1.removeClass(this._maxHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE)}}_onRangeSpaceMousedown(t){var i=t instanceof MouseEvent?new wijmo_1.Point(t.pageX,t.pageY):new wijmo_1.Point(t.changedTouches[0].pageX,t.changedTouches[0].pageY),e=wijmo_1.getElementRect(this._rsContent),s=wijmo_1.getElementRect(this._rangeHandler),a=t.srcElement||t.target,n=0;t.stopPropagation();t.preventDefault();if(a===this._rsContent||a===this._rsEle){if(this._isHorizontal){n=s.width/e.width;i.x<s.left?n*=-1:i.x>s.left+s.width&&(n*=1)}else{n=s.height/e.height;i.y<s.top?n*=1:i.y>s.top+s.height&&(n*=-1)}0!==n&&this._doSliding(n,i)}}_onRangeMouseleave(t){t.stopPropagation();t.preventDefault();if(this._isBtnMousedown){this._clearInterval();this.onRangeChanged()}}_onBtnMousedown(t){var i=t.srcElement||t.target,e=0;t.stopPropagation();t.preventDefault();if(wijmo_1.hasClass(i,_RangeSlider._RANGESLIDER_DECBTN)){if(0===this._minPos)return;e=-.05}else if(wijmo_1.hasClass(i,_RangeSlider._RANGESLIDER_INCBTN)){if(1===this._maxPos)return;e=.05}this._isBtnMousedown=!0;0!==e&&this._doSliding(e)}_refresh(t){var i,e,s=0,a=wijmo_1.getElementRect(this._rsContainer);t&&(this._rangeSliderRect=t);if(this._rangeSliderRect){if(this._hasButtons&&this._buttonsVisible){this._decBtn.style.display="block";this._incBtn.style.display="block";s=this._isHorizontal?this._decBtn.offsetWidth+this._minHandler.offsetWidth/2:this._decBtn.offsetHeight+this._minHandler.offsetHeight/2}else{if(this._hasButtons){this._decBtn.style.display="none";this._incBtn.style.display="none"}s=this._isHorizontal?this._minHandler.offsetWidth/2:this._minHandler.offsetHeight/2}i=this._getRsRect();if(this._isHorizontal){i.left-=this._minHandler.offsetWidth/2;i.width+=this._minHandler.offsetWidth;e={left:s,width:i.width-2*s}}else{i.top-=this._minHandler.offsetHeight/2;i.height+=this._minHandler.offsetHeight;e={top:s,height:i.height-2*s}}wijmo_1.setCss(this._rsEle,i);wijmo_1.setCss(this._rsContent,e);a=wijmo_1.getElementRect(this._rsContent);this._plotBox={x:a.left,y:a.top,width:a.width,height:a.height};this._updateElesPosition()}}_updateElesPosition(){var t,i,e,s=this._minHandler,a=(this._rangeHandler,this._maxHandler),n=this._plotBox,h=this._isHorizontal;if(n){t=h?{left:this._minPos*n.width-.5*s.offsetWidth}:{top:(1-this._minPos)*n.height-.5*a.offsetHeight};i=h?{left:this._minPos*n.width,width:(this._maxPos-this._minPos)*n.width}:{top:(1-this._maxPos)*n.height,height:(this._maxPos-this._minPos)*n.height};e=h?{left:this._maxPos*n.width-.5*a.offsetWidth}:{top:(1-this._maxPos)*n.height-.5*s.offsetHeight};this._refreshSlider(t,i,e)}}_refreshSlider(t,i,e){wijmo_1.setCss(this._minHandler,t);wijmo_1.setCss(this._rangeHandler,i);wijmo_1.setCss(this._maxHandler,e)}_invalidate(){var t,i;if(this._rsContainer){t=this._isHorizontal?_RangeSlider._HRANGESLIDER:_RangeSlider._VRANGESLIDER;i=this._isHorizontal?_RangeSlider._VRANGESLIDER:_RangeSlider._HRANGESLIDER;wijmo_1.removeClass(this._rsEle,i);wijmo_1.addClass(this._rsEle,t);[this._rsEle,this._rsContent,this._minHandler,this._maxHandler,this._rangeHandler].forEach(t=>{t.removeAttribute("style")});this._refresh()}}_changeRange(t){var i=this._maxPos-this._minPos;if(!(t<0&&0===this._minPos||t>0&&1===this._maxPos)){if(t<0){this._minPos+=t;this._minPos=this._minPos<0?0:this._minPos;this._maxPos=this._minPos+i}else{this._maxPos+=t;this._maxPos=this._maxPos>1?1:this._maxPos;this._minPos=this._maxPos-i}this._updateElesPosition()}}_doSliding(t,i){wijmo_1.getElementRect(this._rsContent),wijmo_1.getElementRect(this._rangeHandler);this._clearInterval();this._startPt=new wijmo_1.Point;this._changeRange(t);this.onRangeChanged();this._setSlidingInterval(t,i)}_setSlidingInterval(t,i){var e,s=this;this._slidingInterval=window.setInterval((function(){if(i){wijmo_1.getElementRect(s._rsContent);e=wijmo_1.getElementRect(s._rangeHandler);if(s._isHorizontal){if(i.x>=e.left&&i.x<=e.left+e.width){s._clearInterval();return}}else if(i.y>=e.top&&i.y<=e.top+e.height){s._clearInterval();return}}s._changeRange(t);s.onRangeChanged()}),200)}_clearInterval(){this._slidingInterval&&window.clearInterval(this._slidingInterval)}_getRsRect(){var t=this._rangeSliderRect,i={};if(t){["left","top","width","height"].forEach((function(e){t[e]&&(i[e]=t[e])}));return i}}}_RangeSlider._HRANGESLIDER="wj-chart-hrangeslider";_RangeSlider._VRANGESLIDER="wj-chart-vrangeslider";_RangeSlider._RANGESLIDER_DECBTN="wj-rangeslider-decbtn";_RangeSlider._RANGESLIDER_INCBTN="wj-rangeslider-incbtn";_RangeSlider._RANGESLIDER_RANGEHANDLE="wj-rangeslider-rangehandle";_RangeSlider._RANGESLIDER_MINHANDLE="wj-rangeslider-minhandle";_RangeSlider._RANGESLIDER_MAXHANDLE="wj-rangeslider-maxhandle";_RangeSlider._RANGESLIDER_HANDLE_ACTIVE="wj-rangeslider-handle-active";exports._RangeSlider=_RangeSlider;!function(t){t[t.X=0]="X";t[t.Y=1]="Y"}(Orientation=exports.Orientation||(exports.Orientation={}));class RangeSelector{constructor(t,i){this._isVisible=!0;this._orientation=Orientation.X;this._seamless=!1;this._minScale=0;this._maxScale=1;this.rangeChanged=new wijmo_1.Event;this._chart=wijmo_1.asType(t,wijmo_chart_1.FlexChartCore,!1);this._createRangeSelector();wijmo_1.copy(this,i)}get isVisible(){return this._isVisible}set isVisible(t){if(t!=this._isVisible){this._isVisible=wijmo_1.asBoolean(t);this._rangeSlider&&(this._rangeSlider.isVisible=t)}}get min(){return this._min}set min(t){if((t=wijmo_1.asNumber(t,!0,!1))!=this._min){var i=!1;if(null==t||void 0===t||isNaN(t)||null==this._max){this._min=t;i=!0}else if(t<=this._max||void 0===this._max){this._min=t;i=!0}this._rangeSlider&&i&&this._changeRange()}}get max(){return this._max}set max(t){if((t=wijmo_1.asNumber(t,!0,!1))!=this._max){var i=!1;if(null==t||isNaN(t)){this._max=t;i=!0}else if(t>=this._min||void 0===this._min){this._max=t;i=!0}this._rangeSlider&&i&&this._changeRange()}}get orientation(){return this._orientation}set orientation(t){if((t=wijmo_1.asEnum(t,Orientation))!==this._orientation){this._orientation=t;this._rangeSlider&&(this._rangeSlider.isHorizontal=t==Orientation.X)}}get seamless(){return this._seamless}set seamless(t){if((t=wijmo_1.asBoolean(t,!0))!=this._seamless){this._seamless=t;this._rangeSlider&&(this._rangeSlider.seamless=t)}}get minScale(){return this._minScale}set minScale(t){if((t=wijmo_1.asNumber(t))<=1&&t>=0&&t!=this._minScale&&t<this._maxScale){this._minScale=t;if(this._rangeSlider){this._rangeSlider.minScale=wijmo_1.asNumber(t);this._updateMinAndMaxWithScale(!0)}}}get maxScale(){return this._maxScale}set maxScale(t){if((t=wijmo_1.asNumber(t))<=1&&t>=0&&t!=this._maxScale&&t>this._minScale){this._maxScale=t;if(this._rangeSlider){this._rangeSlider.maxScale=wijmo_1.asNumber(t);this._updateMinAndMaxWithScale(!0)}}}remove(){if(this._rangeSelectorEle){this._chart.hostElement.removeChild(this._rangeSelectorEle);this._switchEvent(!1);this._rangeSelectorEle=null;this._rangeSlider=null}}onRangeChanged(t){this.rangeChanged.raise(this,t)}_createRangeSelector(){var t=this._chart.hostElement,i=this._orientation===Orientation.X;this._rangeSelectorEle=wijmo_1.createElement('<div class="wj-chart-rangeselector-container"></div>');this._rangeSlider=new _RangeSlider(this._rangeSelectorEle,!1,!1,{isHorizontal:i,isVisible:this._isVisible,seamless:this._seamless});t.appendChild(this._rangeSelectorEle);this._switchEvent(!0)}_switchEvent(t){var i=t?"addHandler":"removeHandler";if(this._chart.hostElement){this._rangeSlider.rangeChanged[i](this._updateRange,this);this._chart.rendered[i](this._refresh,this)}}_refresh(){var t,i,e,s=this._chart.hostElement,a=wijmo_1.getElementRect(this._rangeSelectorEle);t=s.querySelector("."+wijmo_chart_1.FlexChart._CSS_PLOT_AREA);i=wijmo_1.getElementRect(t);if((e=t.getBBox())&&e.width&&e.height){this._adjustMinAndMax();this._rangeSlider._refresh({left:e.x,top:i.top-a.top,width:e.width,height:e.height})}}_adjustMinAndMax(){var t=this._chart,i=this._rangeSlider,e=this._min,s=this._max,a=this._orientation===Orientation.X?t.axisX:t.axisY,n=wijmo_1.isDate(a.actualMin)?a.actualMin.valueOf():a.actualMin,h=wijmo_1.isDate(a.actualMax)?a.actualMax.valueOf():a.actualMax;this._min=null===e||isNaN(e)||void 0===e||e<n||e>h?n:e;this._max=null===s||isNaN(s)||void 0===s||s<n||s>h?h:s;var _=this._chart._plotRect;if(_){let t,e;if(this._orientation===Orientation.X){t=(a.convert(this._min)-_.left)/_.width;e=(a.convert(this._max)-_.left)/_.width}else{t=(_.top-a.convert(this._min))/_.height+1;e=(_.top-a.convert(this._max))/_.height+1}i._minPos=isNaN(t)?0:t;i._maxPos=isNaN(e)?1:e;this._updateMinAndMaxWithScale(!1)}}_updateMinAndMaxWithScale(t){var i,e=this._rangeSlider,s=!1;if(0!==this._minScale&&e._minPos+this._minScale>e._maxPos){if((i=e._minPos+this._minScale)>1){e._maxPos=1;e._minPos=1-this._minScale}else e._maxPos=i;s=!0}if(1!==this._maxScale&&e._minPos+this._maxScale<e._maxPos){if((i=e._minPos+this._maxScale)>1){e._maxPos=1;e._minPos=1-this._maxScale}else e._maxPos=i;s=!0}if(s){var a=this._getMinAndMax();this._min=a.min;this._max=a.max;if(t&&this._rangeSelectorEle){this._rangeSlider._refresh();this.onRangeChanged()}}}_changeRange(){this._adjustMinAndMax();if(this._rangeSelectorEle){this._rangeSlider._refresh();this.onRangeChanged()}}_updateRange(){var t;this._rangeSlider;t=this._chart;this._orientation===Orientation.X?t.axisX:t.axisY;var i=this._getMinAndMax();this._min=i.min;this._max=i.max;this.onRangeChanged()}_getMinAndMax(){var t=this._rangeSlider,i=this._chart,e=i._plotRect,s=null,a=null;if(e)if(this._orientation===Orientation.X){s=i.axisX.convertBack(e.left+t._minPos*e.width);a=i.axisX.convertBack(e.left+t._maxPos*e.width)}else{s=i.axisY.convertBack(e.top+(1-t._minPos)*e.height);a=i.axisY.convertBack(e.top+(1-t._maxPos)*e.height)}return{min:s,max:a}}}exports.RangeSelector=RangeSelector;wijmo_1._registerModule("wijmo.chart.interaction",selfModule);
|
package/es2015-esm.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
*
|
|
3
|
+
* Wijmo Library 5.20232.939
|
|
4
|
+
* https://developer.mescius.com/wijmo
|
|
5
|
+
*
|
|
6
|
+
* Copyright(c) MESCIUS inc. All rights reserved.
|
|
7
|
+
*
|
|
8
|
+
* Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
|
|
9
|
+
* us.sales@mescius.com
|
|
10
|
+
* https://developer.mescius.com/wijmo/licensing
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
import{getElementRect,Point,setCss,removeClass,addClass,hasClass,createElement,Event,asNumber,asBoolean,copy,assert,isArray,toggleClass,isDate,asEnum,isIE,asType,_registerModule}from"@mescius/wijmo";import{FlexChartCore,FlexChart}from"@mescius/wijmo.chart";import*as selfModule from"@mescius/wijmo.chart.interaction";export var MouseAction;!function(t){t[t.Zoom=0]="Zoom";t[t.Pan=1]="Pan"}(MouseAction||(MouseAction={}));export var InteractiveAxes;!function(t){t[t.X=0]="X";t[t.Y=1]="Y";t[t.XY=2]="XY"}(InteractiveAxes||(InteractiveAxes={}));export class ChartGestures{constructor(t,i){this._chart=null;this._zoomEle=null;this._overlayEle=null;this._wrapperMousedown=null;this._wrapperMouseMove=null;this._wrapperMouseup=null;this._wrapperPointerdown=null;this._wrapperPointerMove=null;this._wrapperPointerup=null;this._wrapperTouchStart=null;this._wrapperTouchMove=null;this._wrapperTouchEnd=null;this._wrapperMouseWheel=null;this._startFirstPt=null;this._minX=null;this._maxX=null;this._minY=null;this._maxY=null;this._threadHold=20;this._clip={};this._selection={};this._startPointers=[];this._mvPointers=[];this._pinchStartEvents=[];this._minXRange=null;this._minYRange=null;this._innerUpdating=!1;this._lastMinX=null;this._lastMaxX=null;this._lastMinY=null;this._lastMaxY=null;this._mouseAction=MouseAction.Zoom;this._interactiveAxes=InteractiveAxes.X;this._enable=!0;this._scaleX=1;this._scaleY=1;this._posX=0;this._posY=0;t||assert(!1,"The FlexChart cannot be null.");this._chart=t;copy(this,i);this._initialize()}get mouseAction(){return this._mouseAction}set mouseAction(t){this._mouseAction=asEnum(t,MouseAction)}get interactiveAxes(){return this._interactiveAxes}set interactiveAxes(t){t!==this._interactiveAxes&&(this._interactiveAxes=asEnum(t,InteractiveAxes))}get enable(){return this._enable}set enable(t){t!==this._enable&&(this._enable=asBoolean(t,!0))}get scaleX(){return this._scaleX}set scaleX(t){if(t!==this._scaleX){this._scaleX=t<0?0:t>1?1:asNumber(t);this._seriesGroup&&this._initAxisRangeWithPosAndScale(!0)}}get scaleY(){return this._scaleY}set scaleY(t){if(t!==this._scaleY){this._scaleY=t<0?0:t>1?1:asNumber(t);this._seriesGroup&&this._initAxisRangeWithPosAndScale(!1)}}get posX(){return this._posX}set posX(t){if(t!==this._posX){this._posX=t<0?0:t>1?1:asNumber(t);this._seriesGroup&&this._initAxisRangeWithPosAndScale(!0)}}get posY(){return this._posY}set posY(t){if(t!==this._posY){this._posY=t<0?0:t>1?1:asNumber(t);this._seriesGroup&&this._initAxisRangeWithPosAndScale(!1)}}remove(){if(this._zoomEle){this._chart.hostElement.removeChild(this._zoomEle);this._zoomEle=null}removeClass(this._chart.hostElement,ChartGestures._CSS_TOUCH_DISABLED);this._switchEvent(!1);this._wrapperMousedown=null;this._wrapperMouseMove=null;this._wrapperMouseup=null;this._wrapperPointerdown=null;this._wrapperPointerMove=null;this._wrapperPointerup=null;this._wrapperTouchStart=null;this._wrapperTouchMove=null;this._wrapperTouchEnd=null;this._wrapperMouseWheel=null}reset(){var t=this._chart,i=t.axisX,e=t.axisY;t.beginUpdate();this._maxX&&(i.max=this._maxX);this._minX&&(i.min=this._minX);this._maxY&&(e.max=this._maxY);this._minY&&(e.min=this._minY);this._initAxisRangeWithPosAndScale(!0);this._initAxisRangeWithPosAndScale(!1);t.endUpdate()}_refreshChart(){var t=this._chart,i=t.axisX,e=t.axisY;this._minX=i._actualMin;this._maxX=i._actualMax;this._minY=e._actualMin;this._maxY=e._actualMax;this._minXRange=.005*(this._maxX-this._minX);this._minYRange=.005*(this._maxY-this._minY);this._initAxisRangeWithPosAndScale(!0);this._initAxisRangeWithPosAndScale(!1)}_initialize(){var t=this._chart.hostElement;this._zoomEle=createElement('<div class="'+ChartGestures._CSS_ZOOM+'"><div class="'+ChartGestures._CSS_ZOOM_OVERLAY+'"></div>');this._zoomEle.style.visibility="visible";t.appendChild(this._zoomEle);addClass(t,ChartGestures._CSS_TOUCH_DISABLED);this._overlayEle=this._zoomEle.querySelector("."+ChartGestures._CSS_ZOOM_OVERLAY);this._wrapperMousedown=this._onMousedown.bind(this);this._wrapperMouseMove=this._onMouseMove.bind(this);this._wrapperMouseup=this._onMouseup.bind(this);this._wrapperPointerdown=this._onPointerdown.bind(this);this._wrapperPointerMove=this._onPointerMove.bind(this);this._wrapperPointerup=this._onPointerup.bind(this);this._wrapperMouseWheel=this._onMouseWheel.bind(this);this._wrapperTouchStart=this._onTouchStart.bind(this);this._wrapperTouchMove=this._onTouchMove.bind(this);this._wrapperTouchEnd=this._onTouchEnd.bind(this);this._switchEvent(!0)}_switchEvent(t){var i=this._chart.hostElement,e=t?"addEventListener":"removeEventListener",s=t?"addHandler":"removeHandler";if(i){i[e]("mousedown",this._wrapperMousedown);i[e]("mousemove",this._wrapperMouseMove);document[e]("mouseup",this._wrapperMouseup);if("onpointerdown"in window){i[e]("pointerdown",this._wrapperPointerdown);i[e]("pointermove",this._wrapperPointerMove);document[e]("pointerup",this._wrapperPointerup)}i[e]("wheel",this._wrapperMouseWheel);if("ontouchstart"in window){i[e]("touchstart",this._wrapperTouchStart);i[e]("touchmove",this._wrapperTouchMove);document[e]("touchend",this._wrapperTouchEnd)}this._chart.rendered[s](this._refresh,this)}}_refresh(){var t,i,e,s=this._chart,a=s.axisX,n=s.axisY,h=s.hostElement;this._seriesGroup=h.querySelector(".wj-series-group");t=h.querySelector("."+FlexChart._CSS_PLOT_AREA);this._plotOffset=getElementRect(t);this._plotBox=t.getBBox();this._zoomEleOffset=getElementRect(this._zoomEle);this._overlayEle&&this._overlayEle.removeAttribute("style");if(this._innerUpdating)this._innerUpdating=!1;else{i=!1;e=!1;if(null===this._minX||isNaN(this._minX)||0===this._minX||-1===this._minX||this._lastMinX!==a._actualMin){this._minX=a._actualMin;null===this._minX||isNaN(this._minX)||0===this._minX||-1===this._minX||(i=!0)}if(null===this._maxX||isNaN(this._maxX)||0===this._maxX||-1===this._maxX||this._lastMaxX!==a._actualMax){this._maxX=a._actualMax;null===this._maxX||isNaN(this._maxX)||0===this._maxX||-1===this._maxX||(i=!0)}if(null===this._minY||isNaN(this._minY)||this._lastMinY!==n._actualMin){this._minY=n._actualMin;isNaN(this._minY)||(e=!0)}if(null===this._maxY||isNaN(this._maxY)||this._lastMaxY!==n._actualMax){this._maxY=n._actualMax;isNaN(this._maxY)||(e=!0)}this._minXRange=.005*(this._maxX-this._minX);this._minYRange=.005*(this._maxY-this._minY);i&&null!==this._scaleX&&void 0!==this._scaleX&&1!==this._scaleX&&null!==this._posX&&void 0!==this._posX&&0!==this._posX&&this._initAxisRangeWithPosAndScale(!0);e&&null!==this._scaleY&&void 0!==this._scaleY&&1!==this._scaleY&&null!==this._posY&&void 0!==this._posY&&0!==this._posY&&this._initAxisRangeWithPosAndScale(!1)}}_onMousedown(t){if(this._enable){this._disabledOthersInteraction(!0);this._mouseDown(t);t.preventDefault()}}_onMouseMove(t){if(this._enable){this._mouseMove(t);t.preventDefault()}}_onMouseup(t){if(this._enable){this._mouseup(t);this._disabledOthersInteraction(!1)}}_onMouseWheel(t){var i=-t.deltaY>0?.05:-.05;if(this._enable){this._scaling=!0;this._interactiveAxes!==InteractiveAxes.X&&this._interactiveAxes!==InteractiveAxes.XY||this._updateAxisByChg(!0,i,-i);this._interactiveAxes!==InteractiveAxes.Y&&this._interactiveAxes!==InteractiveAxes.XY||this._updateAxisByChg(!1,i,-i);this._scaling=!1;t.preventDefault()}}_focus(){if(isIE()){const t=document.activeElement;if(t){const i=t.tagName.toLowerCase();("input"===i&&"text"===t.type||"textarea"===i)&&t.setSelectionRange(0,0)}this._chart.focus()}else this._chart.focus()}_mouseDown(t){this._focus();this._startFirstPt=this._getPoint(t);this._updatePoint(this._startFirstPt);if(this._mouseAction===MouseAction.Zoom)this._initOverlay();else{this._seriesGroup.setAttribute("clip-path","url(#"+this._chart._plotrectId+")");toggleClass(this._chart.hostElement,ChartGestures._CSS_PANABLE,this._mouseAction===MouseAction.Pan)}}_mouseMove(t){var i;if(this._startFirstPt){i=this._getPoint(t);this._updatePoint(i);this._endPoint=new Point(i.x,i.y);if(this._mouseAction===MouseAction.Zoom)this._updateOverLay(i);else{this._panning=!0;this._panningChart(i.x-this._startFirstPt.x,i.y-this._startFirstPt.y)}}}_mouseup(t){var i=this._endPoint;this._chart.axisX;if(this._startFirstPt&&i){if(this._mouseAction===MouseAction.Zoom){this._zoomedChart(i);this._reset()}else{this._pannedChart(i.x-this._startFirstPt.x,i.y-this._startFirstPt.y);this._reset()}removeClass(this._chart.hostElement,ChartGestures._CSS_PANABLE)}else{removeClass(this._chart.hostElement,ChartGestures._CSS_PANABLE);this._reset()}}_onPointerdown(t){if(this._enable){this._disabledOthersInteraction(!0);switch(t.pointerType){case"touch":this._pointerDown(t);break;case"mouse":this._mouseDown(t)}t.preventDefault()}}_onPointerMove(t){if(this._enable){switch(t.pointerType){case"touch":this._pointerMove(t);break;case"mouse":this._mouseMove(t)}t.preventDefault()}}_onPointerup(t){if(this._enable){switch(t.pointerType){case"touch":this._pointerUp(t);break;case"mouse":this._mouseup(t)}this._disabledOthersInteraction(!1);t.preventDefault()}}_pointerDown(t){this._focus();t.preventManipulation&&t.preventManipulation();this._seriesGroup.setAttribute("clip-path","url(#"+this._chart._plotrectId+")");this._startPointers.push({id:t.pointerId,x:t.pageX,y:t.pageY});if(1===this._startPointers.length){this._scaling=!1;this._panning=!0}else if(2===this._startPointers.length){this._panning=!1;this._scaling=!0;this._startDistance={x:this._startPointers[0].x-this._startPointers[1].x,y:this._startPointers[0].y-this._startPointers[1].y}}}_pointerMove(t){var i,e,s,a,n=new Point(t.pageX,t.pageY),h={},r={};t.preventManipulation&&t.preventManipulation();if(this._panning){if(!this._pointInPlotArea(n))return;this._endPoint=new Point(t.pageX,t.pageY);this._panningChart(this._endPoint.x-this._startPointers[0].x,this._endPoint.y-this._startPointers[0].y)}else if(this._scaling){i=this._startPointers[0].id+"";e=this._startPointers[1].id+"";this._mvPointers[t.pointerId+""]={x:t.pageX,y:t.pageY};if(this._mvPointers[i]&&this._mvPointers[e]){if(Math.abs(this._startDistance.x)>this._threadHold&&this._interactiveAxes!==InteractiveAxes.Y){s=this._mvPointers[i].x-this._plotOffset.left;a=this._startPointers[0].x-this._plotOffset.left;r.x=Math.abs((this._mvPointers[i].x-this._mvPointers[e].x)/this._startDistance.x);h.x=s-r.x*a;this._clip.x=(this._plotBox.x-s)/r.x+a;this._selection.w=this._plotBox.width/r.x}if(Math.abs(this._startDistance.y)>this._threadHold&&this._interactiveAxes!==InteractiveAxes.X){s=this._mvPointers[i].y-this._plotOffset.top;a=this._startPointers[0].y-this._plotOffset.top;r.y=Math.abs((this._mvPointers[i].y-this._mvPointers[e].y)/this._startDistance.y);h.y=s-r.y*a;this._clip.y=(this._plotBox.y-s)/r.y+a;this._selection.h=this._plotBox.height/r.y}this._scalingChart(r,h)}}}_pointerUp(t){t.preventManipulation&&t.preventManipulation();if(this._panning){this._endPoint&&this._pannedChart(this._endPoint.x-this._startPointers[0].x,this._endPoint.y-this._startPointers[0].y);this._reset()}else if(this._scaling){this._scaledChart(t);this._reset()}}_onTouchStart(t){if(this._enable){this._disabledOthersInteraction(!0);if(1==t.touches.length){this._scaling=!1;this._panning=!0;this._startFirstPt=this._getPoint(t)}else if(2==t.touches.length){this._pinchStartEvents=this._getTouchPair(t);this._startDistance=this._touchDistance(t);this._panning=!1;this._scaling=!0}this._seriesGroup&&this._seriesGroup.setAttribute("clip-path","url(#"+this._chart._plotrectId+")");this._chart._hideToolTip();return!0}}_onTouchMove(t){if(this._enable){var i,e,s,a,n,h={},r={},_=t.touches[0],o=new Point(_.pageX,_.pageY);t.preventDefault();if(this._panning){if(this._startFirstPt){if(!this._pointInPlotArea(o))return;this._endPoint=new Point(_.pageX,_.pageY);this._panningChart(this._endPoint.x-this._startFirstPt.x,this._endPoint.y-this._startFirstPt.y)}}else if(this._scaling){s=this._touchDistance(t);a=this._getTouchPair(t)[0];n=this._pinchStartEvents[0];if(Math.abs(this._startDistance.x)>this._threadHold&&this._interactiveAxes!==InteractiveAxes.Y){i=a.pageX-this._plotOffset.left;e=n.pageX-this._plotOffset.left;h.x=Math.abs(s.x/this._startDistance.x);r.x=i-h.x*e;this._clip.x=(this._plotBox.x-i)/h.x+e;this._selection.w=this._plotBox.width/h.x}if(Math.abs(this._startDistance.y)>this._threadHold&&this._interactiveAxes!==InteractiveAxes.X){i=a.pageY-this._plotOffset.top;e=n.pageY-this._plotOffset.top;h.y=Math.abs(s.y/this._startDistance.y);r.y=i-h.y*e;this._clip.y=(this._plotBox.y-i)/h.y+e;this._selection.h=this._plotBox.height/h.y}this._scalingChart(h,r)}return!0}}_onTouchEnd(t){if(this._enable){var i=this._endPoint;if(this._panning){if(!this._startFirstPt||!i){this._reset();return}this._pannedChart(i.x-this._startFirstPt.x,i.y-this._startFirstPt.y)}else this._scaling&&this._scaledChart(t);this._reset();this._disabledOthersInteraction(!1);return!0}}_initOverlay(){this._zoomEle.style.visibility="visible";switch(this._interactiveAxes){case InteractiveAxes.X:this._overlayEle.style.left=this._startFirstPt.x-this._zoomEleOffset.left+"px";this._overlayEle.style.top=this._plotOffset.top-this._zoomEleOffset.top+"px";break;case InteractiveAxes.Y:this._overlayEle.style.left=this._plotBox.x+"px";this._overlayEle.style.top=this._startFirstPt.y-this._zoomEleOffset.top+"px";break;case InteractiveAxes.XY:this._overlayEle.style.left=this._startFirstPt.x-this._zoomEleOffset.left+"px";this._overlayEle.style.top=this._startFirstPt.y-this._zoomEleOffset.top+"px"}}_updateOverLay(t){var i=this._startFirstPt.x-t.x,e=this._startFirstPt.y-t.y,s={};switch(this._interactiveAxes){case InteractiveAxes.X:if(Math.abs(i)<this._threadHold)return;s=i<=0?{width:Math.abs(i)+"px",height:this._plotBox.height+"px"}:{left:t.x-this._zoomEleOffset.left+"px",width:i+"px",height:this._plotBox.height+"px"};break;case InteractiveAxes.Y:if(Math.abs(e)<this._threadHold)return;s=e<=0?{height:Math.abs(e)+"px",width:this._plotBox.width+"px"}:{top:t.y-this._zoomEleOffset.top+"px",height:e+"px",width:this._plotBox.width+"px"};break;case InteractiveAxes.XY:if(Math.abs(i)>=this._threadHold){s.width=Math.abs(i)+"px";i>0&&(s.left=t.x-this._zoomEleOffset.left+"px")}if(Math.abs(e)>=this._threadHold){s.height=Math.abs(e)+"px";e>0&&(s.top=t.y-this._zoomEleOffset.top+"px")}}setCss(this._overlayEle,s)}_updatePoint(t){var i=this._plotOffset;t.x<i.left&&(t.x=i.left);t.x>i.left+i.width&&(t.x=i.left+i.width);t.y<i.top&&(t.y=i.top);t.y>i.top+i.height&&(t.y=i.top+i.height)}_pointInPlotArea(t){var i=this._plotOffset;return t.x>=i.left&&t.x<=i.left+i.width&&t.y>=i.top&&t.y<=i.top+i.height}_zoomedChart(t){if(t){this._interactiveAxes!==InteractiveAxes.X&&this._interactiveAxes!==InteractiveAxes.XY||this._zoomedAxis(t,!0);this._interactiveAxes!==InteractiveAxes.Y&&this._interactiveAxes!==InteractiveAxes.XY||this._zoomedAxis(t,!1);this._startFirstPt=null}}_zoomedAxis(t,i){var e,s,a=i?this._chart.axisX:this._chart.axisY,n=i?"x":"y",h=i?"left":"top";if(t&&Math.abs(this._startFirstPt[n]-t[n])>this._threadHold){e=a.convertBack(this._startFirstPt[n]-this._plotOffset[h]+this._plotBox[n]);(s=a.convertBack(t[n]-this._plotOffset[h]+this._plotBox[n]))-e!=0&&this._updateAxisRange(a,Math.min(e,s),Math.max(e,s))}}_panningChart(t,i){var e=this._chart.axisX,s=this._chart.axisY,a=this._getTransFormGroups();t=Math.abs(t)<this._threadHold?0:t;i=Math.abs(i)<this._threadHold?0:i;this._interactiveAxes===InteractiveAxes.X&&(i=0);this._interactiveAxes===InteractiveAxes.Y&&(t=0);let n=e.reversed?-t:t;n>0&&e.actualMin.valueOf()===this._minX&&(t=0);n<0&&e.actualMax.valueOf()===this._maxX&&(t=0);let h=s.reversed?-i:i;h>0&&s.actualMax.valueOf()===this._maxY&&(i=0);h<0&&s.actualMin.valueOf()===this._minY&&(i=0);for(var r=0;r<a.length;r++)a[r].setAttribute("transform","translate("+t+","+i+")")}_pannedChart(t,i){this._interactiveAxes!==InteractiveAxes.X&&this._interactiveAxes!==InteractiveAxes.XY||this._updateAxisByDistance(!0,t);this._interactiveAxes!==InteractiveAxes.Y&&this._interactiveAxes!==InteractiveAxes.XY||this._updateAxisByDistance(!1,-i)}_scalingChart(t,i){var e,s,a,n=this._chart.axisX,h=this._chart.axisY,r=void 0!==i.x?i.x:0,_=void 0!==i.y?i.y:0;if(t){e=this._getTransFormGroups();if(void 0!==t.x&&t.x<1&&n.actualMin.valueOf()===this._minX&&n.actualMax.valueOf()===this._maxX){t.x=1;r=0}if(void 0!==t.y&&t.y<1&&h.actualMin.valueOf()===this._minY&&h.actualMax.valueOf()===this._maxY){t.y=1;_=0}s=void 0!==t.x?t.x:1;a=void 0!==t.y?t.y:1;for(var o=0;o<e.length;o++)e[o].setAttribute("transform","translate("+r+", "+_+") scale("+s+", "+a+")")}}_scaledChart(t){var i,e,s=this._chart,a=s.axisX,n=s.axisY;if(this._clip){if(this._interactiveAxes!==InteractiveAxes.Y&&void 0!==this._clip.x){if((i=Math.max(this._minX,a.convertBack(this._clip.x)))>(e=Math.min(this._maxX,a.convertBack(this._clip.x+this._selection.w)))){let t=i;i=e;e=t}i-e!=0&&this._updateAxisRange(a,i,e)}if(this._interactiveAxes!==InteractiveAxes.X&&void 0!==this._clip.y){e=Math.min(this._maxY,n.convertBack(this._clip.y));if((i=Math.max(this._minY,n.convertBack(this._clip.y+this._selection.h)))>e){let t=i;i=e;e=t}i-e!=0&&this._updateAxisRange(n,i,e)}}}_updateAxisByDistance(t,i){var e,s=t?this._chart.axisX:this._chart.axisY,a=t?this._minX:this._minY,n=t?this._maxX:this._maxY,h=s.actualMin.valueOf(),r=s.actualMax.valueOf();if(0===i)return;let _=s.reversed?-i:i;if(_>0&&a===h||_<0&&n===r){this._innerUpdating=!0;this._chart.invalidate()}else{e=i/(t?this._plotBox.width:this._plotBox.height);this._updateAxisByChg(t,-e,-e)}}_updateAxisByChg(t,i,e){var s,a,n=t?this._chart.axisX:this._chart.axisY,h=t?this._minX:this._minY,r=t?this._maxX:this._maxY,_=n.actualMin.valueOf(),o=(n.actualMax.valueOf(),this._chart._plotRect),l=t?o.left:o.top,c=t?o.width:o.height,d=t?this._minXRange:this._minYRange;if(!isNaN(i)&&!isNaN(e)){if(this._panning){if(n.reversed)if(i<0)if((s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c))>r){s=r;a=t?n.convertBack(n.convert(s)+c):n.convertBack(n.convert(s)-c)}else a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c);else if((a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c))<h){a=h;s=t?n.convertBack(n.convert(a)-c):n.convertBack(n.convert(a)+c)}else s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c);else if(i<0)if((s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c))<h){s=h;a=t?n.convertBack(n.convert(s)+c):n.convertBack(n.convert(s)-c)}else a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c);else if((a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c))>r){a=r;s=t?n.convertBack(n.convert(a)-c):n.convertBack(n.convert(a)+c)}else s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c);if(s>a){let t=s;s=a;a=t}}else if(this._scaling){if((s=t?n.convertBack(l+i*c):n.convertBack(l+c-i*c))>(a=t?n.convertBack(l+c+e*c):n.convertBack(l-e*c))){let t=s;s=a;a=t}s<h&&(s=h);a>r&&(a=r);a-s<d&&(s=a-d)}this._updateAxisRange(n,s,a)}}_initAxisRangeWithPosAndScale(t){var i,e,s,a;if(t){i=this._maxX-this._minX;if(!isNaN(i)){e=i*this._scaleX;a=(s=this._minX+this._posX*(i-e))+e;this._innerUpdating=!0;this._chart.axisX.min=s;this._chart.axisX.max=a;this._lastMinX=s;this._lastMaxX=a}}else{i=this._maxY-this._minY;if(!isNaN(i)){e=i*this._scaleY;a=(s=this._minY+this._posY*(i-e))+e;this._innerUpdating=!0;this._chart.axisY.min=s;this._chart.axisY.max=a;this._lastMinY=s;this._lastMaxY=a}}}_updateAxisRange(t,i,e){this._chart.beginUpdate();t.min=i;t.max=e;if(t===this._chart.axisX){this._lastMinX=i;this._lastMaxX=e}else{this._lastMinY=i;this._lastMaxY=e}this._innerUpdating=!0;this._chart.endUpdate()}_reset(){this._scaling=!1;this._panning=!1;this._startDistance=0;this._startFirstPt=null;this._pinchStartEvents=[];this._startPointers=[];this._mvPointers=[];this._endPoint=null;this._clip={};this._selection={}}_getTransFormGroups(){var t=this._seriesGroup.querySelectorAll("g[clip-path]");0===t.length&&(t=this._seriesGroup.querySelectorAll("g"));return t}_disabledOthersInteraction(t){var i=this._chart.hostElement;if(null!=i)for(var e=i.querySelectorAll(".wj-chart-linemarker-container"),s=0;s<e.length;s++)t?addClass(e[s],ChartGestures._CSS_BLOCK_INTERACTION):removeClass(e[s],ChartGestures._CSS_BLOCK_INTERACTION)}_getPoint(t){return t instanceof MouseEvent?new Point(t.pageX,t.pageY):new Point(t.changedTouches[0].pageX,t.changedTouches[0].pageY)}_getTouchPair(t){var i=[];if(isArray(t)){i[0]=t[0];i[1]=t[1]}else if("touchend"===t.type){if(1===t.touches.length){i[0]=t.touches[0];i[1]=t.changedTouches[0]}else if(0===t.touches.length){i[0]=t.changedTouches[0];i[1]=t.changedTouches[1]}}else{i[0]=t.touches[0];i[1]=t.touches[1]}return i}_touchDistance(t){var i=this._getTouchPair(t),e=0,s=0;i[0]&&void 0!==i[0].pageX&&i[1]&&void 0!==i[1].pageX&&(e=i[0].pageX-i[1].pageX);i[0]&&void 0!==i[0].pageY&&i[1]&&void 0!==i[1].pageY&&(s=i[0].pageY-i[1].pageY);return{x:e,y:s}}}ChartGestures._CSS_ZOOM="wj-zoom";ChartGestures._CSS_ZOOM_OVERLAY="wj-zoom-overlay";ChartGestures._CSS_PANABLE="wj-panable";ChartGestures._CSS_TOUCH_DISABLED="wj-flexchart-touch-disabled";ChartGestures._CSS_BLOCK_INTERACTION="wj-block-other-interaction";export class _RangeSlider{constructor(t,i,e,s){this._isVisible=!0;this._buttonsVisible=!0;this._minScale=0;this._maxScale=1;this._seamless=!1;this._rsContainer=null;this._rsEle=null;this._decBtn=null;this._incBtn=null;this._rsContent=null;this._minHandler=null;this._rangeHandler=null;this._maxHandler=null;this._wrapperSliderMousedown=null;this._wrapperDocMouseMove=null;this._wrapperDocMouseup=null;this._wrapperBtnMousedown=null;this._wrapperRangeSpaceMousedown=null;this._wrapperRangeMouseleave=null;this._isTouch=!1;this._slidingInterval=null;this._rangeSliderRect=null;this._isHorizontal=!0;this._isBtnMousedown=!1;this._needSpaceClick=!1;this._hasButtons=!0;this._movingEle=null;this._movingOffset=null;this._range=null;this._startPt=null;this._minPos=0;this._maxPos=1;this.rangeChanged=new Event;this.rangeChanging=new Event;t||assert(!1,"The container cannot be null.");this._isTouch="ontouchstart"in window;this._needSpaceClick=i;this._hasButtons=e;copy(this,s);this._createSlider(t)}get buttonsVisible(){return this._buttonsVisible}set buttonsVisible(t){if(t!=this._buttonsVisible){this._buttonsVisible=asBoolean(t);if(!this._rsContainer||!this._hasButtons)return;this._refresh()}}get isHorizontal(){return this._isHorizontal}set isHorizontal(t){if(t!=this._isHorizontal){this._isHorizontal=asBoolean(t);if(!this._rsContainer)return;this._invalidate()}}get isVisible(){return this._isVisible}set isVisible(t){if(t!=this._isVisible){this._isVisible=asBoolean(t);if(!this._rsContainer)return;this._rsContainer.style.visibility=this._isVisible?"visible":"hidden"}}get minScale(){return this._minScale}set minScale(t){t>=0&&t!=this._minScale&&(this._minScale=asNumber(t))}get maxScale(){return this._maxScale}set maxScale(t){t>=0&&t!=this._maxScale&&(this._maxScale=asNumber(t))}get seamless(){return this._seamless}set seamless(t){t!=this._seamless&&(this._seamless=asBoolean(t))}onRangeChanged(t){this.rangeChanged.raise(this,t)}onRangeChanging(t){this.rangeChanging.raise(this,t)}get _isSliding(){return null!==this._startPt}get _handleWidth(){return this._minHandler.offsetWidth}_createSlider(t){var i=this._isHorizontal?_RangeSlider._HRANGESLIDER:_RangeSlider._VRANGESLIDER,e=this._isHorizontal?"wj-glyph-left":"wj-glyph-down",s=this._isHorizontal?"wj-glyph-right":"wj-glyph-up";this._rsContainer=t;this._rsContainer.style.visibility=this._isVisible?"visible":"hidden";this._rsEle=createElement('<div class="wj-chart-rangeslider '+i+'"></div>');this._rsContainer.appendChild(this._rsEle);if(this._hasButtons){this._decBtn=createElement('<button class="wj-rangeslider-decbtn wj-btn wj-btn-default" type="button" tabindex="-1"><span class="'+e+" "+_RangeSlider._RANGESLIDER_DECBTN+'"></span></button>');this._rsEle.appendChild(this._decBtn);this._incBtn=createElement('<button class="wj-rangeslider-incbtn wj-btn wj-btn-default" type="button" tabindex="-1"><span class="'+s+" "+_RangeSlider._RANGESLIDER_INCBTN+'"></span></button>');this._rsEle.appendChild(this._incBtn)}this._rsContent=createElement('<div class="wj-rangeslider-content"><div class="wj-rangeslider-rangehandle"></div><div class="wj-rangeslider-minhandle"></div><div class="wj-rangeslider-maxhandle"></div>');this._rsEle.appendChild(this._rsContent);this._minHandler=this._rsContent.querySelector("."+_RangeSlider._RANGESLIDER_MINHANDLE);this._rangeHandler=this._rsContent.querySelector("."+_RangeSlider._RANGESLIDER_RANGEHANDLE);this._maxHandler=this._rsContent.querySelector("."+_RangeSlider._RANGESLIDER_MAXHANDLE);this._wrapperSliderMousedown=this._onSliderMousedown.bind(this);this._wrapperDocMouseMove=this._onDocMouseMove.bind(this);this._wrapperDocMouseup=this._onDocMouseup.bind(this);this._wrapperRangeSpaceMousedown=this._onRangeSpaceMousedown.bind(this);this._wrapperRangeMouseleave=this._onRangeMouseleave.bind(this);this._wrapperBtnMousedown=this._onBtnMousedown.bind(this);this._switchEvent(!0)}_switchEvent(t){var i=t?"addEventListener":"removeEventListener";if(this._rsContainer){this._needSpaceClick&&this._rsEle[i]("mousedown",this._wrapperRangeSpaceMousedown);this._rsEle[i]("mouseleave",this._wrapperRangeMouseleave);this._rsContent[i]("mousedown",this._wrapperSliderMousedown);if(this._hasButtons){this._decBtn[i]("mousedown",this._wrapperBtnMousedown);this._incBtn[i]("mousedown",this._wrapperBtnMousedown)}document[i]("mousemove",this._wrapperDocMouseMove);document[i]("mouseup",this._wrapperDocMouseup);if("ontouchstart"in window){this._needSpaceClick&&this._rsEle[i]("touchstart",this._wrapperRangeSpaceMousedown);this._rsContent[i]("touchstart",this._wrapperSliderMousedown);if(this._hasButtons){this._decBtn[i]("touchstart",this._wrapperBtnMousedown);this._incBtn[i]("touchstart",this._wrapperBtnMousedown)}document[i]("touchmove",this._wrapperDocMouseMove);document[i]("touchend",this._wrapperDocMouseup)}}}_onSliderMousedown(t){if(!this._isVisible)return;const i=getElementRect(this._rsContent);this._plotBox={x:i.left,y:i.top,width:i.width,height:i.height};this._movingEle=t.srcElement||t.target;this._startPt=t instanceof MouseEvent?new Point(t.pageX,t.pageY):new Point(t.changedTouches[0].pageX,t.changedTouches[0].pageY);removeClass(this._minHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);removeClass(this._maxHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);this._movingOffset=getElementRect(this._movingEle);if(this._movingEle!=this._rangeHandler){this._isHorizontal?this._movingOffset.left+=.5*this._movingEle.offsetWidth:this._movingOffset.top+=.5*this._movingEle.offsetHeight;addClass(this._movingEle,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE)}else this._range=this._maxPos-this._minPos;t.preventDefault()}_onDocMouseMove(t){if(this._isVisible&&this._startPt){var i=t instanceof MouseEvent?new Point(t.pageX,t.pageY):new Point(t.changedTouches[0].pageX,t.changedTouches[0].pageY);this._onMove(i)}}_onMove(t){var i,e=this._startPt,s=this._movingOffset,a=this._plotBox,n=this._range,h=this._movingEle,r=this._minHandler,_=this._rangeHandler,o=this._maxHandler;if(e&&s){(i=this._isHorizontal?(s.left+t.x-e.x-a.x)/a.width:1-(s.top+t.y-e.y-a.y)/a.height)<0?i=0:i>1&&(i=1);if(h===r)if(this._seamless&&0===this._minScale&&i>=this._maxPos){this._minPos=this._maxPos;this._movingEle=o;removeClass(this._minHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);addClass(this._maxHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE)}else{i>this._maxPos-this._minScale&&(i=this._maxPos-this._minScale);i<this._maxPos-this._maxScale&&(i=this._maxPos-this._maxScale);this._minPos=i}else if(h===o)if(this._seamless&&0===this._minScale&&i<=this._minPos){this._maxPos=this._minPos;this._movingEle=r;removeClass(this._maxHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);addClass(this._minHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE)}else{i<this._minPos+this._minScale&&(i=this._minPos+this._minScale);i>this._minPos+this._maxScale&&(i=this._minPos+this._maxScale);this._maxPos=i}else if(h===_)if(this._isHorizontal){this._minPos=i;this._maxPos=this._minPos+n;if(this._maxPos>=1){this._maxPos=1;this._minPos=this._maxPos-n}}else{this._maxPos=i;this._minPos=this._maxPos-n;if(this._minPos<=0){this._minPos=0;this._maxPos=this._minPos+n}}this._updateElesPosition();this.onRangeChanging()}}_onDocMouseup(t){if(this._isVisible){this._clearInterval();this._isBtnMousedown=!1;if(this._startPt){this.onRangeChanged();this._startPt=null;this._movingOffset=null}removeClass(this._minHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE);removeClass(this._maxHandler,_RangeSlider._RANGESLIDER_HANDLE_ACTIVE)}}_onRangeSpaceMousedown(t){var i=t instanceof MouseEvent?new Point(t.pageX,t.pageY):new Point(t.changedTouches[0].pageX,t.changedTouches[0].pageY),e=getElementRect(this._rsContent),s=getElementRect(this._rangeHandler),a=t.srcElement||t.target,n=0;t.stopPropagation();t.preventDefault();if(a===this._rsContent||a===this._rsEle){if(this._isHorizontal){n=s.width/e.width;i.x<s.left?n*=-1:i.x>s.left+s.width&&(n*=1)}else{n=s.height/e.height;i.y<s.top?n*=1:i.y>s.top+s.height&&(n*=-1)}0!==n&&this._doSliding(n,i)}}_onRangeMouseleave(t){t.stopPropagation();t.preventDefault();if(this._isBtnMousedown){this._clearInterval();this.onRangeChanged()}}_onBtnMousedown(t){var i=t.srcElement||t.target,e=0;t.stopPropagation();t.preventDefault();if(hasClass(i,_RangeSlider._RANGESLIDER_DECBTN)){if(0===this._minPos)return;e=-.05}else if(hasClass(i,_RangeSlider._RANGESLIDER_INCBTN)){if(1===this._maxPos)return;e=.05}this._isBtnMousedown=!0;0!==e&&this._doSliding(e)}_refresh(t){var i,e,s=0,a=getElementRect(this._rsContainer);t&&(this._rangeSliderRect=t);if(this._rangeSliderRect){if(this._hasButtons&&this._buttonsVisible){this._decBtn.style.display="block";this._incBtn.style.display="block";s=this._isHorizontal?this._decBtn.offsetWidth+this._minHandler.offsetWidth/2:this._decBtn.offsetHeight+this._minHandler.offsetHeight/2}else{if(this._hasButtons){this._decBtn.style.display="none";this._incBtn.style.display="none"}s=this._isHorizontal?this._minHandler.offsetWidth/2:this._minHandler.offsetHeight/2}i=this._getRsRect();if(this._isHorizontal){i.left-=this._minHandler.offsetWidth/2;i.width+=this._minHandler.offsetWidth;e={left:s,width:i.width-2*s}}else{i.top-=this._minHandler.offsetHeight/2;i.height+=this._minHandler.offsetHeight;e={top:s,height:i.height-2*s}}setCss(this._rsEle,i);setCss(this._rsContent,e);a=getElementRect(this._rsContent);this._plotBox={x:a.left,y:a.top,width:a.width,height:a.height};this._updateElesPosition()}}_updateElesPosition(){var t,i,e,s=this._minHandler,a=(this._rangeHandler,this._maxHandler),n=this._plotBox,h=this._isHorizontal;if(n){t=h?{left:this._minPos*n.width-.5*s.offsetWidth}:{top:(1-this._minPos)*n.height-.5*a.offsetHeight};i=h?{left:this._minPos*n.width,width:(this._maxPos-this._minPos)*n.width}:{top:(1-this._maxPos)*n.height,height:(this._maxPos-this._minPos)*n.height};e=h?{left:this._maxPos*n.width-.5*a.offsetWidth}:{top:(1-this._maxPos)*n.height-.5*s.offsetHeight};this._refreshSlider(t,i,e)}}_refreshSlider(t,i,e){setCss(this._minHandler,t);setCss(this._rangeHandler,i);setCss(this._maxHandler,e)}_invalidate(){var t,i;if(this._rsContainer){t=this._isHorizontal?_RangeSlider._HRANGESLIDER:_RangeSlider._VRANGESLIDER;i=this._isHorizontal?_RangeSlider._VRANGESLIDER:_RangeSlider._HRANGESLIDER;removeClass(this._rsEle,i);addClass(this._rsEle,t);[this._rsEle,this._rsContent,this._minHandler,this._maxHandler,this._rangeHandler].forEach(t=>{t.removeAttribute("style")});this._refresh()}}_changeRange(t){var i=this._maxPos-this._minPos;if(!(t<0&&0===this._minPos||t>0&&1===this._maxPos)){if(t<0){this._minPos+=t;this._minPos=this._minPos<0?0:this._minPos;this._maxPos=this._minPos+i}else{this._maxPos+=t;this._maxPos=this._maxPos>1?1:this._maxPos;this._minPos=this._maxPos-i}this._updateElesPosition()}}_doSliding(t,i){getElementRect(this._rsContent),getElementRect(this._rangeHandler);this._clearInterval();this._startPt=new Point;this._changeRange(t);this.onRangeChanged();this._setSlidingInterval(t,i)}_setSlidingInterval(t,i){var e,s=this;this._slidingInterval=window.setInterval((function(){if(i){getElementRect(s._rsContent);e=getElementRect(s._rangeHandler);if(s._isHorizontal){if(i.x>=e.left&&i.x<=e.left+e.width){s._clearInterval();return}}else if(i.y>=e.top&&i.y<=e.top+e.height){s._clearInterval();return}}s._changeRange(t);s.onRangeChanged()}),200)}_clearInterval(){this._slidingInterval&&window.clearInterval(this._slidingInterval)}_getRsRect(){var t=this._rangeSliderRect,i={};if(t){["left","top","width","height"].forEach((function(e){t[e]&&(i[e]=t[e])}));return i}}}_RangeSlider._HRANGESLIDER="wj-chart-hrangeslider";_RangeSlider._VRANGESLIDER="wj-chart-vrangeslider";_RangeSlider._RANGESLIDER_DECBTN="wj-rangeslider-decbtn";_RangeSlider._RANGESLIDER_INCBTN="wj-rangeslider-incbtn";_RangeSlider._RANGESLIDER_RANGEHANDLE="wj-rangeslider-rangehandle";_RangeSlider._RANGESLIDER_MINHANDLE="wj-rangeslider-minhandle";_RangeSlider._RANGESLIDER_MAXHANDLE="wj-rangeslider-maxhandle";_RangeSlider._RANGESLIDER_HANDLE_ACTIVE="wj-rangeslider-handle-active";export var Orientation;!function(t){t[t.X=0]="X";t[t.Y=1]="Y"}(Orientation||(Orientation={}));export class RangeSelector{constructor(t,i){this._isVisible=!0;this._orientation=Orientation.X;this._seamless=!1;this._minScale=0;this._maxScale=1;this.rangeChanged=new Event;this._chart=asType(t,FlexChartCore,!1);this._createRangeSelector();copy(this,i)}get isVisible(){return this._isVisible}set isVisible(t){if(t!=this._isVisible){this._isVisible=asBoolean(t);this._rangeSlider&&(this._rangeSlider.isVisible=t)}}get min(){return this._min}set min(t){if((t=asNumber(t,!0,!1))!=this._min){var i=!1;if(null==t||void 0===t||isNaN(t)||null==this._max){this._min=t;i=!0}else if(t<=this._max||void 0===this._max){this._min=t;i=!0}this._rangeSlider&&i&&this._changeRange()}}get max(){return this._max}set max(t){if((t=asNumber(t,!0,!1))!=this._max){var i=!1;if(null==t||isNaN(t)){this._max=t;i=!0}else if(t>=this._min||void 0===this._min){this._max=t;i=!0}this._rangeSlider&&i&&this._changeRange()}}get orientation(){return this._orientation}set orientation(t){if((t=asEnum(t,Orientation))!==this._orientation){this._orientation=t;this._rangeSlider&&(this._rangeSlider.isHorizontal=t==Orientation.X)}}get seamless(){return this._seamless}set seamless(t){if((t=asBoolean(t,!0))!=this._seamless){this._seamless=t;this._rangeSlider&&(this._rangeSlider.seamless=t)}}get minScale(){return this._minScale}set minScale(t){if((t=asNumber(t))<=1&&t>=0&&t!=this._minScale&&t<this._maxScale){this._minScale=t;if(this._rangeSlider){this._rangeSlider.minScale=asNumber(t);this._updateMinAndMaxWithScale(!0)}}}get maxScale(){return this._maxScale}set maxScale(t){if((t=asNumber(t))<=1&&t>=0&&t!=this._maxScale&&t>this._minScale){this._maxScale=t;if(this._rangeSlider){this._rangeSlider.maxScale=asNumber(t);this._updateMinAndMaxWithScale(!0)}}}remove(){if(this._rangeSelectorEle){this._chart.hostElement.removeChild(this._rangeSelectorEle);this._switchEvent(!1);this._rangeSelectorEle=null;this._rangeSlider=null}}onRangeChanged(t){this.rangeChanged.raise(this,t)}_createRangeSelector(){var t=this._chart.hostElement,i=this._orientation===Orientation.X;this._rangeSelectorEle=createElement('<div class="wj-chart-rangeselector-container"></div>');this._rangeSlider=new _RangeSlider(this._rangeSelectorEle,!1,!1,{isHorizontal:i,isVisible:this._isVisible,seamless:this._seamless});t.appendChild(this._rangeSelectorEle);this._switchEvent(!0)}_switchEvent(t){var i=t?"addHandler":"removeHandler";if(this._chart.hostElement){this._rangeSlider.rangeChanged[i](this._updateRange,this);this._chart.rendered[i](this._refresh,this)}}_refresh(){var t,i,e,s=this._chart.hostElement,a=getElementRect(this._rangeSelectorEle);t=s.querySelector("."+FlexChart._CSS_PLOT_AREA);i=getElementRect(t);if((e=t.getBBox())&&e.width&&e.height){this._adjustMinAndMax();this._rangeSlider._refresh({left:e.x,top:i.top-a.top,width:e.width,height:e.height})}}_adjustMinAndMax(){var t=this._chart,i=this._rangeSlider,e=this._min,s=this._max,a=this._orientation===Orientation.X?t.axisX:t.axisY,n=isDate(a.actualMin)?a.actualMin.valueOf():a.actualMin,h=isDate(a.actualMax)?a.actualMax.valueOf():a.actualMax;this._min=null===e||isNaN(e)||void 0===e||e<n||e>h?n:e;this._max=null===s||isNaN(s)||void 0===s||s<n||s>h?h:s;var r=this._chart._plotRect;if(r){let t,e;if(this._orientation===Orientation.X){t=(a.convert(this._min)-r.left)/r.width;e=(a.convert(this._max)-r.left)/r.width}else{t=(r.top-a.convert(this._min))/r.height+1;e=(r.top-a.convert(this._max))/r.height+1}i._minPos=isNaN(t)?0:t;i._maxPos=isNaN(e)?1:e;this._updateMinAndMaxWithScale(!1)}}_updateMinAndMaxWithScale(t){var i,e=this._rangeSlider,s=!1;if(0!==this._minScale&&e._minPos+this._minScale>e._maxPos){if((i=e._minPos+this._minScale)>1){e._maxPos=1;e._minPos=1-this._minScale}else e._maxPos=i;s=!0}if(1!==this._maxScale&&e._minPos+this._maxScale<e._maxPos){if((i=e._minPos+this._maxScale)>1){e._maxPos=1;e._minPos=1-this._maxScale}else e._maxPos=i;s=!0}if(s){var a=this._getMinAndMax();this._min=a.min;this._max=a.max;if(t&&this._rangeSelectorEle){this._rangeSlider._refresh();this.onRangeChanged()}}}_changeRange(){this._adjustMinAndMax();if(this._rangeSelectorEle){this._rangeSlider._refresh();this.onRangeChanged()}}_updateRange(){var t;this._rangeSlider;t=this._chart;this._orientation===Orientation.X?t.axisX:t.axisY;var i=this._getMinAndMax();this._min=i.min;this._max=i.max;this.onRangeChanged()}_getMinAndMax(){var t=this._rangeSlider,i=this._chart,e=i._plotRect,s=null,a=null;if(e)if(this._orientation===Orientation.X){s=i.axisX.convertBack(e.left+t._minPos*e.width);a=i.axisX.convertBack(e.left+t._maxPos*e.width)}else{s=i.axisY.convertBack(e.top+(1-t._minPos)*e.height);a=i.axisY.convertBack(e.top+(1-t._maxPos)*e.height)}return{min:s,max:a}}}_registerModule("wijmo.chart.interaction",selfModule);
|