@amcharts/amcharts5 5.2.2 → 5.2.5

package/.internal/charts/stock/drawing/LabelSeries.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelSeries.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/drawing/LabelSeries.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAA4E,MAAM,kBAAkB,CAAC;AAC5H,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAS,MAAM,0BAA0B,CAAC;AAExD,OAAO,KAAK,MAAM,MAAM,0BAA0B,CAAC;AAoCnD;IAAiC,+BAAc;IAA/C;QAAA,qEAsJC;QA9IA;;;;mBAAuB,KAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;WAAC;QAE7E;;;;;WAA4C;QAE5C;;;;mBAAiB,OAAO;WAAC;;IA0I1B,CAAC;;;;;eAxIA;YAAA,iBAiDC;YAhDA,iBAAM,SAAS,WAAE,CAAC;YAElB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAC5C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAE1C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEvB,IAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,4BAA4B;YAC5B,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YAChC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC3B,GAAG,CAAC,SAAS,GAAG,gCAAgC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;YAEvC,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAAA,CAAC;YACrD,sCAAsC;YACtC,oBAAoB;YACpB,QAAQ,CAAC,SAAS,GAAG,8BAA8B,CAAC;YACpD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE;gBAC1C,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC;YACtD,CAAC,EAAE,KAAK,CAAC,CAAC;YAGV,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC1B,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;YAC9C,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YAEnC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACnD,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC3B,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAC5D,UAAU,CAAC,SAAS,GAAG,oCAAoC,CAAC;YAC5D,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,EAAE;gBAC5C,KAAI,CAAC,QAAQ,EAAE,CAAC;YACjB,CAAC,CAAC,CAAC;YAEH,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAE5B,IAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,YAAY,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC7B,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YAChE,YAAY,CAAC,SAAS,GAAG,qCAAqC,CAAC;YAC/D,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,OAAO,EAAE;gBAC9C,KAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBACzD,KAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;YACrC,CAAC,CAAC,CAAC;YACH,GAAG,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;;;;;;eAED,UAAuB,SAAoB;YAA3C,iBAyCC;YAxCA,IAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE;gBAC3D,SAAS,EAAE,CAAC,OAAO,CAAC;gBACpB,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK;aACpC,CAAC,CAAC,CAAC;YAEJ,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAEhC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YAC3C,IAAI,QAAQ,IAAI,IAAI,EAAE;gBACrB,KAAK,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;aAC/B;YAED,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;YAC/C,IAAI,UAAU,IAAI,IAAI,EAAE;gBACvB,KAAK,CAAC,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;aACnC;YAED,IAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAC7C,IAAI,SAAS,IAAI,IAAI,EAAE;gBACtB,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;aACjC;YAED,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;YAC/C,IAAI,UAAU,IAAI,IAAI,EAAE;gBACvB,KAAK,CAAC,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;aACnC;YAED,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE;gBAC5B,KAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YACzC,CAAC,CAAC,CAAA;YAEF,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE;gBAClC,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACtB,CAAC,CAAC,CAAA;YAEF,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE;gBACjC,KAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACvB,CAAC,CAAC,CAAA;YAEF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;;;;;;eAED,UAAwB,KAAY;YACnC,KAAK,CAAC,GAAG,CAAC,YAAY,EAAE,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;YACtH,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACnF,CAAC;;;;;;eAED,UAA8B,KAA0B;YACvD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACnB,IAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBACvC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;gBAEjB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;gBACzB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACnB,IAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;gBACnD,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;gBACjC,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;gBAC7C,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;gBAC5C,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;gBAC5C,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;aAC3B;QACF,CAAC;;;;;;eAED;YACC,IAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;YACpC,IAAI,UAAU,EAAE;gBACf,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE;oBACnC,iBAAM,mBAAmB,YAAC,UAAU,CAAC,CAAC;iBACtC;gBACD,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;aACzD;QACF,CAAC;;;;;;eAED,UAAuB,QAA6C;YACnE,iBAAM,eAAe,YAAC,QAAQ,CAAC,CAAC;YAChC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC5C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACvB,CAAC;;;;;;eAED;QAEA,CAAC;;IApJD;;;;eAAkC,aAAa;OAAC;IAChD;;;;eAA0C,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;OAAC;IAoJrG,kBAAC;CAAA,AAtJD,CAAiC,cAAc,GAsJ9C;SAtJY,WAAW","sourcesContent":["import type { ISpritePointerEvent } from \"../../../core/render/Sprite\";\r\nimport type { Container } from \"../../../core/render/Container\";\r\nimport type { DataItem } from \"../../../core/render/Component\";\r\n\r\nimport { PolylineSeries, IPolylineSeriesSettings, IPolylineSeriesPrivate, IPolylineSeriesDataItem } from \"./PolylineSeries\";\r\nimport { Label } from \"../../../core/render/Label\";\r\nimport { RoundedRectangle } from \"../../../core/render/RoundedRectangle\";\r\nimport { SpriteResizer } from \"./SpriteResizer\";\r\nimport { color, Color } from \"../../../core/util/Color\";\r\n\r\nimport * as $utils from \"../../../core/util/Utils\";\r\n\r\nexport interface ILabelSeriesDataItem extends IPolylineSeriesDataItem {\r\n}\r\n\r\nexport interface ILabelSeriesSettings extends IPolylineSeriesSettings {\r\n\t/**\r\n\t * @todo review\r\n\t */\t\r\n\tlabelFontSize?: number | string | undefined;\r\n\t/**\r\n\t * @todo review\r\n\t */\t\r\n\tlabelFontFamily?: string;\r\n\r\n\t/**\r\n\t * Font weight.\r\n\t */\r\n\tlabelFontWeight?: \"normal\" | \"bold\" | \"bolder\" | \"lighter\" | \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\";\r\n\r\n\t/**\r\n\t * Font style.\r\n\t */\r\n\tlabelFontStyle?: \"normal\" | \"italic\" | \"oblique\";\r\n\t/**\r\n\t * @todo review\r\n\t */\r\n\tlabelFill?: Color;\r\n}\r\n\r\nexport interface ILabelSeriesPrivate extends IPolylineSeriesPrivate {\r\n\tinputContainer: HTMLDivElement;\r\n\tinput: HTMLTextAreaElement;\r\n\tlabel: Label;\r\n}\r\n\r\nexport class LabelSeries extends PolylineSeries {\r\n\tpublic static className: string = \"LabelSeries\";\r\n\tpublic static classNames: Array<string> = PolylineSeries.classNames.concat([LabelSeries.className]);\r\n\r\n\tdeclare public _settings: ILabelSeriesSettings;\r\n\tdeclare public _privateSettings: ILabelSeriesPrivate;\r\n\tdeclare public _dataItemSettings: ILabelSeriesDataItem;\r\n\r\n\tpublic spriteResizer = this.children.push(SpriteResizer.new(this._root, {}));\r\n\r\n\tprotected _clickEvent?: ISpritePointerEvent;\r\n\r\n\tprotected _tag = \"label\";\r\n\r\n\tprotected _afterNew() {\r\n\t\tsuper._afterNew();\r\n\r\n\t\tthis.strokes.template.set(\"visible\", false);\r\n\t\tthis.fills.template.set(\"visible\", false);\r\n\r\n\t\tthis.addTag(this._tag);\r\n\r\n\t\tconst div = document.createElement(\"div\");\r\n\t\t//div.style.width = \"300px\";\r\n\t\tdiv.style.position = \"absolute\";\r\n\t\tdiv.style.display = \"none\";\r\n\t\tdiv.className = \"am5stock-drawing-label-wrapper\";\r\n\t\tthis._root._inner.appendChild(div);\r\n\t\tthis.setPrivate(\"inputContainer\", div);\r\n\r\n\t\tconst textArea = document.createElement(\"textarea\");;\r\n\t\t//textArea.style.textAlign = \"center\";\r\n\t\t//textArea.rows = 2;\r\n\t\ttextArea.className = \"am5stock-drawing-label-input\";\r\n\t\t$utils.addEventListener(textArea, \"input\", () => {\r\n\t\t\ttextArea.style.height = \"auto\";\r\n\t\t\ttextArea.style.height = textArea.scrollHeight + \"px\";\r\n\t\t}, false);\r\n\r\n\t\t\r\n\t\tdiv.appendChild(textArea);\r\n\t\tdiv.appendChild(document.createElement(\"br\"));\r\n\t\tthis.setPrivate(\"input\", textArea);\r\n\r\n\t\tconst saveButton = document.createElement(\"input\");\r\n\t\tsaveButton.type = \"button\";\r\n\t\tsaveButton.value = this._root.language.translateAny(\"Save\");\r\n\t\tsaveButton.className = \"am5-modal-button am5-modal-primary\";\r\n\t\t$utils.addEventListener(saveButton, \"click\", () => {\r\n\t\t\tthis.saveText();\r\n\t\t});\r\n\r\n\t\tdiv.appendChild(saveButton);\r\n\r\n\t\tconst cancelButton = document.createElement(\"input\");\r\n\t\tcancelButton.type = \"button\";\r\n\t\tcancelButton.value = this._root.language.translateAny(\"Cancel\");\r\n\t\tcancelButton.className = \"am5-modal-button am5-modal-scondary\";\r\n\t\t$utils.addEventListener(cancelButton, \"click\", () => {\r\n\t\t\tthis.getPrivate(\"inputContainer\").style.display = \"none\";\r\n\t\t\tthis.getPrivate(\"input\").value = \"\";\r\n\t\t});\r\n\t\tdiv.appendChild(cancelButton);\r\n\t}\r\n\r\n\tprotected _tweakBullet(container: Container) {\r\n\t\tconst label = container.children.push(Label.new(this._root, {\r\n\t\t\tthemeTags: [\"label\"],\r\n\t\t\ttext: this.getPrivate(\"input\").value\r\n\t\t}));\r\n\r\n\t\tthis.setPrivate(\"label\", label);\r\n\r\n\t\tconst fontSize = this.get(\"labelFontSize\");\r\n\t\tif (fontSize != null) {\r\n\t\t\tlabel.set(\"fontSize\", fontSize)\r\n\t\t}\r\n\r\n\t\tconst fontFamily = this.get(\"labelFontFamily\");\r\n\t\tif (fontFamily != null) {\r\n\t\t\tlabel.set(\"fontFamily\", fontFamily)\r\n\t\t}\r\n\r\n\t\tconst fontStyle = this.get(\"labelFontStyle\");\r\n\t\tif (fontStyle != null) {\r\n\t\t\tlabel.set(\"fontStyle\", fontStyle)\r\n\t\t}\r\n\r\n\t\tconst fontWeight = this.get(\"labelFontWeight\");\r\n\t\tif (fontWeight != null) {\r\n\t\t\tlabel.set(\"fontWeight\", fontWeight)\r\n\t\t}\r\n\r\n\t\tcontainer.events.on(\"click\", () => {\r\n\t\t\tthis.spriteResizer.set(\"sprite\", label);\r\n\t\t})\r\n\r\n\t\tcontainer.events.on(\"pointerover\", () => {\r\n\t\t\tthis._isHover = true;\r\n\t\t})\r\n\r\n\t\tcontainer.events.on(\"pointerout\", () => {\r\n\t\t\tthis._isHover = false;\r\n\t\t})\r\n\r\n\t\tthis._tweakBullet2(label);\r\n\t}\r\n\r\n\tprotected _tweakBullet2(label: Label) {\r\n\t\tlabel.set(\"background\", RoundedRectangle.new(this._root, { fillOpacity: 0, strokeOpacity: 0, fill: color(0xffffff) }))\r\n\t\tlabel.set(\"fill\", this.get(\"labelFill\", this.get(\"fillColor\", this.get(\"fill\"))));\r\n\t}\r\n\r\n\tprotected _handlePointerClick(event: ISpritePointerEvent) {\r\n\t\tif (!this._isHover) {\r\n\t\t\tconst input = this.getPrivate(\"input\");\r\n\t\t\tinput.value = \"\";\r\n\r\n\t\t\tthis._clickEvent = event;\r\n\t\t\tconsole.log(event);\r\n\t\t\tconst inputDiv = this.getPrivate(\"inputContainer\");\r\n\t\t\tinputDiv.style.display = \"block\";\r\n\t\t\tinputDiv.style.left = (event.point.x) + \"px\";\r\n\t\t\tinputDiv.style.top = (event.point.y) + \"px\";\r\n\t\t\tinput.focus();\r\n\t\t\tthis.spriteResizer.set(\"sprite\", undefined);\r\n\t\t\tthis._index++;\r\n\t\t\tthis._di[this._index] = {};\r\n\t\t}\r\n\t}\r\n\r\n\tpublic saveText() {\r\n\t\tconst clickEvent = this._clickEvent;\r\n\t\tif (clickEvent) {\r\n\t\t\tif (this.getPrivate(\"input\").value) {\r\n\t\t\t\tsuper._handlePointerClick(clickEvent);\r\n\t\t\t}\r\n\t\t\tthis.getPrivate(\"inputContainer\").style.display = \"none\";\r\n\t\t}\r\n\t}\r\n\r\n\tpublic disposeDataItem(dataItem: DataItem<this[\"_dataItemSettings\"]>) {\r\n\t\tsuper.disposeDataItem(dataItem);\r\n\t\tthis.spriteResizer.set(\"sprite\", undefined);\r\n\t\tthis._isHover = false;\r\n\t}\r\n\r\n\tprotected _hideAllBullets() {\r\n\r\n\t}\r\n}"]}
+{"version":3,"file":"LabelSeries.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/drawing/LabelSeries.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ISpritePointerEvent } from \"../../../core/render/Sprite\";\r\nimport type { Container } from \"../../../core/render/Container\";\r\nimport type { DataItem } from \"../../../core/render/Component\";\r\n\r\nimport { PolylineSeries, IPolylineSeriesSettings, IPolylineSeriesPrivate, IPolylineSeriesDataItem } from \"./PolylineSeries\";\r\nimport { Label } from \"../../../core/render/Label\";\r\nimport { RoundedRectangle } from \"../../../core/render/RoundedRectangle\";\r\nimport { SpriteResizer } from \"./SpriteResizer\";\r\nimport { color, Color } from \"../../../core/util/Color\";\r\n\r\nimport * as $utils from \"../../../core/util/Utils\";\r\n\r\nexport interface ILabelSeriesDataItem extends IPolylineSeriesDataItem {\r\n}\r\n\r\nexport interface ILabelSeriesSettings extends IPolylineSeriesSettings {\r\n\t/**\r\n\t * @todo review\r\n\t */\t\r\n\tlabelFontSize?: number | string | undefined;\r\n\t/**\r\n\t * @todo review\r\n\t */\t\r\n\tlabelFontFamily?: string;\r\n\r\n\t/**\r\n\t * Font weight.\r\n\t */\r\n\tlabelFontWeight?: \"normal\" | \"bold\" | \"bolder\" | \"lighter\" | \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\";\r\n\r\n\t/**\r\n\t * Font style.\r\n\t */\r\n\tlabelFontStyle?: \"normal\" | \"italic\" | \"oblique\";\r\n\t/**\r\n\t * @todo review\r\n\t */\r\n\tlabelFill?: Color;\r\n}\r\n\r\nexport interface ILabelSeriesPrivate extends IPolylineSeriesPrivate {\r\n\tinputContainer: HTMLDivElement;\r\n\tinput: HTMLTextAreaElement;\r\n\tlabel: Label;\r\n}\r\n\r\nexport class LabelSeries extends PolylineSeries {\r\n\tpublic static className: string = \"LabelSeries\";\r\n\tpublic static classNames: Array<string> = PolylineSeries.classNames.concat([LabelSeries.className]);\r\n\r\n\tdeclare public _settings: ILabelSeriesSettings;\r\n\tdeclare public _privateSettings: ILabelSeriesPrivate;\r\n\tdeclare public _dataItemSettings: ILabelSeriesDataItem;\r\n\r\n\tpublic spriteResizer = this.children.push(SpriteResizer.new(this._root, {}));\r\n\r\n\tprotected _clickEvent?: ISpritePointerEvent;\r\n\r\n\tprotected _tag = \"label\";\r\n\r\n\tprotected _afterNew() {\r\n\t\tsuper._afterNew();\r\n\r\n\t\tthis.strokes.template.set(\"visible\", false);\r\n\t\tthis.fills.template.set(\"visible\", false);\r\n\r\n\t\tthis.addTag(this._tag);\r\n\r\n\t\tconst div = document.createElement(\"div\");\r\n\t\t//div.style.width = \"300px\";\r\n\t\tdiv.style.position = \"absolute\";\r\n\t\tdiv.style.display = \"none\";\r\n\t\tdiv.className = \"am5stock-drawing-label-wrapper\";\r\n\t\tthis._root._inner.appendChild(div);\r\n\t\tthis.setPrivate(\"inputContainer\", div);\r\n\r\n\t\tconst textArea = document.createElement(\"textarea\");;\r\n\t\t//textArea.style.textAlign = \"center\";\r\n\t\t//textArea.rows = 2;\r\n\t\ttextArea.className = \"am5stock-drawing-label-input\";\r\n\t\t$utils.addEventListener(textArea, \"input\", () => {\r\n\t\t\ttextArea.style.height = \"auto\";\r\n\t\t\ttextArea.style.height = textArea.scrollHeight + \"px\";\r\n\t\t}, false);\r\n\r\n\t\t\r\n\t\tdiv.appendChild(textArea);\r\n\t\tdiv.appendChild(document.createElement(\"br\"));\r\n\t\tthis.setPrivate(\"input\", textArea);\r\n\r\n\t\tconst saveButton = document.createElement(\"input\");\r\n\t\tsaveButton.type = \"button\";\r\n\t\tsaveButton.value = this._root.language.translateAny(\"Save\");\r\n\t\tsaveButton.className = \"am5-modal-button am5-modal-primary\";\r\n\t\t$utils.addEventListener(saveButton, \"click\", () => {\r\n\t\t\tthis.saveText();\r\n\t\t});\r\n\r\n\t\tdiv.appendChild(saveButton);\r\n\r\n\t\tconst cancelButton = document.createElement(\"input\");\r\n\t\tcancelButton.type = \"button\";\r\n\t\tcancelButton.value = this._root.language.translateAny(\"Cancel\");\r\n\t\tcancelButton.className = \"am5-modal-button am5-modal-scondary\";\r\n\t\t$utils.addEventListener(cancelButton, \"click\", () => {\r\n\t\t\tthis.getPrivate(\"inputContainer\").style.display = \"none\";\r\n\t\t\tthis.getPrivate(\"input\").value = \"\";\r\n\t\t});\r\n\t\tdiv.appendChild(cancelButton);\r\n\t}\r\n\r\n\tprotected _tweakBullet(container: Container) {\r\n\t\tconst label = container.children.push(Label.new(this._root, {\r\n\t\t\tthemeTags: [\"label\"],\r\n\t\t\ttext: this.getPrivate(\"input\").value\r\n\t\t}));\r\n\r\n\t\tthis.setPrivate(\"label\", label);\r\n\r\n\t\tconst fontSize = this.get(\"labelFontSize\");\r\n\t\tif (fontSize != null) {\r\n\t\t\tlabel.set(\"fontSize\", fontSize)\r\n\t\t}\r\n\r\n\t\tconst fontFamily = this.get(\"labelFontFamily\");\r\n\t\tif (fontFamily != null) {\r\n\t\t\tlabel.set(\"fontFamily\", fontFamily)\r\n\t\t}\r\n\r\n\t\tconst fontStyle = this.get(\"labelFontStyle\");\r\n\t\tif (fontStyle != null) {\r\n\t\t\tlabel.set(\"fontStyle\", fontStyle)\r\n\t\t}\r\n\r\n\t\tconst fontWeight = this.get(\"labelFontWeight\");\r\n\t\tif (fontWeight != null) {\r\n\t\t\tlabel.set(\"fontWeight\", fontWeight)\r\n\t\t}\r\n\r\n\t\tcontainer.events.on(\"click\", () => {\r\n\t\t\tthis.spriteResizer.set(\"sprite\", label);\r\n\t\t})\r\n\r\n\t\tcontainer.events.on(\"pointerover\", () => {\r\n\t\t\tthis._isHover = true;\r\n\t\t})\r\n\r\n\t\tcontainer.events.on(\"pointerout\", () => {\r\n\t\t\tthis._isHover = false;\r\n\t\t})\r\n\r\n\t\tthis._tweakBullet2(label);\r\n\t}\r\n\r\n\tprotected _tweakBullet2(label: Label) {\r\n\t\tlabel.set(\"background\", RoundedRectangle.new(this._root, { fillOpacity: 0, strokeOpacity: 0, fill: color(0xffffff) }))\r\n\t\tlabel.set(\"fill\", this.get(\"labelFill\", this.get(\"fillColor\", this.get(\"fill\"))));\r\n\t}\r\n\r\n\tprotected _handlePointerClick(event: ISpritePointerEvent) {\r\n\t\tif (!this._isHover) {\r\n\t\t\tconst input = this.getPrivate(\"input\");\r\n\t\t\tinput.value = \"\";\r\n\r\n\t\t\tthis._clickEvent = event;\r\n\t\t\t//console.log(event);\r\n\t\t\tconst inputDiv = this.getPrivate(\"inputContainer\");\r\n\t\t\tinputDiv.style.display = \"block\";\r\n\t\t\tinputDiv.style.left = (event.point.x) + \"px\";\r\n\t\t\tinputDiv.style.top = (event.point.y) + \"px\";\r\n\t\t\tinput.focus();\r\n\t\t\tthis.spriteResizer.set(\"sprite\", undefined);\r\n\t\t\tthis._index++;\r\n\t\t\tthis._di[this._index] = {};\r\n\t\t}\r\n\t}\r\n\r\n\tpublic saveText() {\r\n\t\tconst clickEvent = this._clickEvent;\r\n\t\tif (clickEvent) {\r\n\t\t\tif (this.getPrivate(\"input\").value) {\r\n\t\t\t\tsuper._handlePointerClick(clickEvent);\r\n\t\t\t}\r\n\t\t\tthis.getPrivate(\"inputContainer\").style.display = \"none\";\r\n\t\t}\r\n\t}\r\n\r\n\tpublic disposeDataItem(dataItem: DataItem<this[\"_dataItemSettings\"]>) {\r\n\t\tsuper.disposeDataItem(dataItem);\r\n\t\tthis.spriteResizer.set(\"sprite\", undefined);\r\n\t\tthis._isHover = false;\r\n\t}\r\n\r\n\tprotected _hideAllBullets() {\r\n\r\n\t}\r\n}"]}

package/.internal/charts/stock/toolbar/DateRangeSelector.d.ts

@@ -1,7 +1,21 @@
 import { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from "./StockControl";
 import { Dropdown } from "./Dropdown";
 export interface IDateRangeSelectorSettings extends IStockControlSettings {
+    /**
+     * Date format to use for date input fields.
+     *
+     * Will use global date format if not set.
+     */
     dateFormat?: string;
+    /**
+     * If set to `false` the control will not load default CSS for Flatpickr
+     * component. This would mean it would be unstyled, and would require
+     * custom CSS present on the page.
+     *
+     * @default true
+     * @since 5.2.4
+     */
+    useDefaultCSS?: boolean;
 }
 export interface IDateRangeSelectorPrivate extends IStockControlPrivate {
     dropdown: Dropdown;

package/.internal/charts/stock/toolbar/DateRangeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DateRangeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;IACtE,QAAQ,EAAE,QAAQ,CAAC;IAEnB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,CAAC;CACd;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;CACpE;AAED;;;;GAIG;AACH,qBAAa,iBAAkB,SAAQ,YAAY;IAClD,OAAc,SAAS,EAAE,MAAM,CAAuB;IACtD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAiE;IAEzF,SAAS,EAAE,0BAA0B,CAAC;IACtC,gBAAgB,EAAE,yBAAyB,CAAC;IAC5C,OAAO,EAAE,wBAAwB,CAAC;IAEjD,SAAS,CAAC,SAAS;IAuCnB,SAAS,CAAC,aAAa,IAAI,IAAI;IAkH/B,SAAS,CAAC,eAAe,IAAI,UAAU;IAIhC,aAAa;IAOpB,SAAS,CAAC,aAAa,IAAI,IAAI;IAe/B,SAAS,CAAC,YAAY,IAAI,IAAI;IAa9B,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIzC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIxC,SAAS,CAAC,cAAc,IAAI,MAAM;IAKlC,SAAS,CAAC,QAAQ,IAAI,GAAG;IAOzB,SAAS,CAAC,gBAAgB,IAAI,GAAG;IAoEjC;;;;OAIG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;CAy3BjC"}
+{"version":3,"file":"DateRangeSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DateRangeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IAExE;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAExB;AAED,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;IACtE,QAAQ,EAAE,QAAQ,CAAC;IAEnB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,CAAC;CACd;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;CACpE;AAED;;;;GAIG;AACH,qBAAa,iBAAkB,SAAQ,YAAY;IAClD,OAAc,SAAS,EAAE,MAAM,CAAuB;IACtD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAiE;IAEzF,SAAS,EAAE,0BAA0B,CAAC;IACtC,gBAAgB,EAAE,yBAAyB,CAAC;IAC5C,OAAO,EAAE,wBAAwB,CAAC;IAEjD,SAAS,CAAC,SAAS;IAyCnB,SAAS,CAAC,aAAa,IAAI,IAAI;IAkH/B,SAAS,CAAC,eAAe,IAAI,UAAU;IAIhC,aAAa;IAOpB,SAAS,CAAC,aAAa,IAAI,IAAI;IAe/B,SAAS,CAAC,YAAY,IAAI,IAAI;IAa9B,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIzC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIxC,SAAS,CAAC,cAAc,IAAI,MAAM;IAKlC,SAAS,CAAC,QAAQ,IAAI,GAAG;IAOzB,SAAS,CAAC,gBAAgB,IAAI,GAAG;IAoEjC;;;;OAIG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;CA23BjC"}

package/.internal/charts/stock/toolbar/DateRangeSelector.js

@@ -49,7 +49,9 @@ var DateRangeSelector = /** @class */ (function (_super) {
             });
             var button = this.getPrivate("button");
             button.className = button.className + " am5stock-control-dropdown";
-            this._loadDefaultCSS();
+            if (this.get("useDefaultCSS", true)) {
+                this._loadDefaultCSS();
+            }
             this._initDropdown();
         }
     });
@@ -324,8 +326,10 @@ var DateRangeSelector = /** @class */ (function (_super) {
             //const active = ic.get("secondaryButton")!.toCSS();
             var primary = ic.get("primaryButton").toCSS();
             var primary2 = ic.get("primaryButtonHover").toCSS();
+            var text = ic.get("text").toCSS();
+            var border = ic.get("secondaryButtonActive").toCSS();
             var bg = ic.get("background").toCSS();
-            this._disposers.push(new StyleSheet(null, "\n.flatpickr-calendar {\n  background: transparent;\n  opacity: 0;\n  display: none;\n  text-align: center;\n  visibility: hidden;\n  padding: 0;\n  -webkit-animation: none;\n          animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: 0.7em;\n  line-height: 24px;\n  border-radius: 5px;\n  position: absolute;\n  width: 200px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -ms-touch-action: manipulation;\n      touch-action: manipulation;\n  background: ".concat(bg, ";\n  margin-top: 0.5em;\n}\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n  opacity: 1;\n  max-height: 640px;\n  visibility: visible;\n}\n.flatpickr-calendar.open {\n  display: inline-block;\n  z-index: 99999;\n}\n.flatpickr-calendar.animate.open {\n  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-calendar.inline {\n  display: block;\n  position: relative;\n  top: 2px;\n}\n.flatpickr-calendar.static {\n  position: absolute;\n  top: calc(100% + 2px);\n}\n.flatpickr-calendar.static.open {\n  z-index: 999;\n  display: block;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n  -webkit-box-shadow: none !important;\n          box-shadow: none !important;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n  border-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.flatpickr-calendar .hasWeeks .dayContainer {\n  border-left: 0;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n  height: 40px;\n  border-top: 1px solid #eee;\n}\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  height: auto;\n}\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  border: solid transparent;\n  content: '';\n  height: 0;\n  width: 0;\n  left: 22px;\n}\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.arrowRight:before,\n.flatpickr-calendar.rightMost:after,\n.flatpickr-calendar.arrowRight:after {\n  left: auto;\n  right: 22px;\n}\n.flatpickr-calendar.arrowCenter:before,\n.flatpickr-calendar.arrowCenter:after {\n  left: 50%;\n  right: 50%;\n}\n.flatpickr-calendar:before {\n  border-width: 5px;\n  margin: 0 -5px;\n}\n.flatpickr-calendar:after {\n  border-width: 4px;\n  margin: 0 -4px;\n}\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n  bottom: 100%;\n}\n.flatpickr-calendar.arrowTop:before {\n  border-bottom-color: #eee;\n}\n.flatpickr-calendar.arrowTop:after {\n  border-bottom-color: ").concat(bg, ";\n}\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n  top: 100%;\n}\n.flatpickr-calendar.arrowBottom:before {\n  border-top-color: #eee;\n}\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: ").concat(bg, ";\n}\n.flatpickr-calendar:focus {\n  outline: 0;\n}\n.flatpickr-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.flatpickr-months {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.flatpickr-months .flatpickr-month {\n  background: transparent;\n  color: #3c3f40;\n  fill: #3c3f40;\n  height: 34px;\n  line-height: 1;\n  text-align: center;\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  overflow: hidden;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n  text-decoration: none;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  height: 34px;\n  padding: 10px;\n  z-index: 3;\n  color: #3c3f40;\n  fill: #3c3f40;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n  display: none;\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n  position: relative;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\n/*\n      /*rtl:begin:ignore*/\n/*\n      */\n  left: 0;\n/*\n      /*rtl:end:ignore*/\n/*\n      */\n}\n/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\n/*\n      /*rtl:begin:ignore*/\n/*\n      */\n  right: 0;\n/*\n      /*rtl:end:ignore*/\n/*\n      */\n}\n/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n  color: ").concat(primary2, ";\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: ").concat(primary2, ";\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n  width: 14px;\n  height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n  -webkit-transition: fill 0.1s;\n  transition: fill 0.1s;\n  fill: inherit;\n}\n.numInputWrapper {\n  position: relative;\n  height: auto;\n}\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n.numInputWrapper input {\n  width: 100%;\n}\n.numInputWrapper input::-ms-clear {\n  display: none;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n  margin: 0;\n  -webkit-appearance: none;\n}\n.numInputWrapper span {\n  position: absolute;\n  right: 0;\n  width: 14px;\n  padding: 0 4px 0 2px;\n  height: 50%;\n  line-height: 50%;\n  opacity: 0;\n  cursor: pointer;\n  border: 1px solid rgba(64,72,72,0.15);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.numInputWrapper span:hover {\n  background: rgba(0,0,0,0.1);\n}\n.numInputWrapper span:active {\n  background: rgba(0,0,0,0.2);\n}\n.numInputWrapper span:after {\n  display: block;\n  content: \"\";\n  position: absolute;\n}\n.numInputWrapper span.arrowUp {\n  top: 0;\n  border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-bottom: 4px solid rgba(64,72,72,0.6);\n  top: 26%;\n}\n.numInputWrapper span.arrowDown {\n  top: 50%;\n}\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid rgba(64,72,72,0.6);\n  top: 40%;\n}\n.numInputWrapper span svg {\n  width: inherit;\n  height: auto;\n}\n.numInputWrapper span svg path {\n  fill: rgba(60,63,64,0.5);\n}\n.numInputWrapper:hover {\n  background: rgba(0,0,0,0.05);\n}\n.numInputWrapper:hover span {\n  opacity: 1;\n}\n.flatpickr-current-month {\n  font-size: 135%;\n  line-height: inherit;\n  font-weight: 300;\n  color: inherit;\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 7.48px 0 0 0;\n  line-height: 1;\n  height: 34px;\n  display: inline-block;\n  text-align: center;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n}\n.flatpickr-current-month span.cur-month {\n  font-family: inherit;\n  font-weight: 700;\n  color: inherit;\n  display: inline-block;\n  margin-left: 0.5ch;\n  padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n  background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .numInputWrapper {\n  width: 6ch;\n  width: 7ch\\0;\n  display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #3c3f40;\n}\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n  border-top-color: #3c3f40;\n}\n.flatpickr-current-month input.cur-year {\n  background: transparent;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  color: inherit;\n  cursor: text;\n  padding: 0 0 0 0.5ch;\n  margin: 0;\n  display: inline-block;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: 300;\n  line-height: inherit;\n  height: auto;\n  border: 0;\n  border-radius: 0;\n  vertical-align: initial;\n  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.flatpickr-current-month input.cur-year:focus {\n  outline: 0;\n}\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n  font-size: 100%;\n  color: rgba(60,63,64,0.5);\n  background: transparent;\n  pointer-events: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months {\n  appearance: menulist;\n  background: transparent;\n  border: none;\n  border-radius: 0;\n  box-sizing: border-box;\n  color: inherit;\n  cursor: pointer;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: 300;\n  height: auto;\n  line-height: inherit;\n  margin: -1px 0 0 0;\n  outline: none;\n  padding: 0 0 0 0.5ch;\n  position: relative;\n  vertical-align: initial;\n  -webkit-box-sizing: border-box;\n  -webkit-appearance: menulist;\n  -moz-appearance: menulist;\n  width: auto;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n  outline: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n  background-color: transparent;\n  outline: none;\n  padding: 0;\n}\n.flatpickr-weekdays {\n  background: transparent;\n  text-align: center;\n  overflow: hidden;\n  width: 100%;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n      -ms-flex-align: center;\n          align-items: center;\n  height: 28px;\n}\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: 90%;\n  background: transparent;\n  color: rgba(0,0,0,0.54);\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  font-weight: bolder;\n}\n.dayContainer,\n.flatpickr-weeks {\n  padding: 1px 0 0 0;\n}\n.flatpickr-days {\n  position: relative;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: start;\n  -webkit-align-items: flex-start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  width: 200px;\n}\n.flatpickr-days:focus {\n  outline: 0;\n}\n.dayContainer {\n  padding: 0;\n  outline: 0;\n  text-align: left;\n  width: 200px;\n  min-width: 200px;\n  max-width: 200px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  display: inline-block;\n  display: -ms-flexbox;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-wrap: wrap;\n          flex-wrap: wrap;\n  -ms-flex-wrap: wrap;\n  -ms-flex-pack: justify;\n  -webkit-justify-content: space-around;\n          justify-content: space-around;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n  opacity: 1;\n}\n.dayContainer + .dayContainer {\n  -webkit-box-shadow: -1px 0 0 #eee;\n          box-shadow: -1px 0 0 #eee;\n}\n.flatpickr-day {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 150px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  color: #404848;\n  cursor: pointer;\n  font-weight: 400;\n  width: 14.2857143%;\n  -webkit-flex-basis: 14.2857143%;\n      -ms-flex-preferred-size: 14.2857143%;\n          flex-basis: 14.2857143%;\n  max-width: 32px;\n  height: 32px;\n  line-height: 30px;\n  margin: 0;\n  display: inline-block;\n  position: relative;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n}\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day:hover,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n  cursor: pointer;\n  outline: 0;\n  background: #e9e9e9;\n  border-color: #e9e9e9;\n}\n.flatpickr-day.today {\n  border-color: ").concat(primary2, ";\n}\n.flatpickr-day.today:hover,\n.flatpickr-day.today:focus {\n  border-color: ").concat(primary2, ";\n  background: ").concat(primary2, ";\n  color: ").concat(bg, ";\n}\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n  background: ").concat(primary, ";\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: ").concat(bg, ";\n  border-color: ").concat(primary, ";\n}\n.flatpickr-day.selected.startRange,\n.flatpickr-day.startRange.startRange,\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n}\n.flatpickr-day.selected.endRange,\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n  border-radius: 0 50px 50px 0;\n}\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n  -webkit-box-shadow: -10px 0 0 ").concat(primary, ";\n          box-shadow: -10px 0 0 ").concat(primary, ";\n}\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n  border-radius: 50px;\n}\n.flatpickr-day.inRange {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\n          box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n  color: rgba(64,72,72,0.3);\n  background: transparent;\n  border-color: #e9e9e9;\n  cursor: default;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n  cursor: not-allowed;\n  color: rgba(64,72,72,0.1);\n}\n.flatpickr-day.week.selected {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 ").concat(primary, ", 5px 0 0 ").concat(primary, ";\n          box-shadow: -5px 0 0 ").concat(primary, ", 5px 0 0 ").concat(primary, ";\n}\n.flatpickr-day.hidden {\n  visibility: hidden;\n}\n.rangeMode .flatpickr-day {\n  margin-top: 1px;\n}\n.flatpickr-weekwrapper {\n  float: left;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n  padding: 0 12px;\n  -webkit-box-shadow: 1px 0 0 #eee;\n          box-shadow: 1px 0 0 #eee;\n}\n.flatpickr-weekwrapper .flatpickr-weekday {\n  float: none;\n  width: 100%;\n  line-height: 28px;\n}\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n  display: block;\n  width: 100%;\n  max-width: none;\n  color: rgba(64,72,72,0.3);\n  background: transparent;\n  cursor: default;\n  border: none;\n}\n.flatpickr-innerContainer {\n  display: block;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: hidden;\n}\n.flatpickr-rContainer {\n  display: inline-block;\n  padding: 0;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.flatpickr-time {\n  text-align: center;\n  outline: 0;\n  display: block;\n  height: 0;\n  line-height: 40px;\n  max-height: 40px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.flatpickr-time:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n.flatpickr-time .numInputWrapper {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  width: 40%;\n  height: 40px;\n  float: left;\n}\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #404848;\n}\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: #404848;\n}\n.flatpickr-time.hasSeconds .numInputWrapper {\n  width: 26%;\n}\n.flatpickr-time.time24hr .numInputWrapper {\n  width: 49%;\n}\n.flatpickr-time input {\n  background: transparent;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  height: inherit;\n  line-height: inherit;\n  color: #404848;\n  font-size: 14px;\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.flatpickr-time input.flatpickr-hour {\n  font-weight: bold;\n}\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: 400;\n}\n.flatpickr-time input:focus {\n  outline: 0;\n  border: 0;\n}\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  height: inherit;\n  float: left;\n  line-height: inherit;\n  color: #404848;\n  font-weight: bold;\n  width: 2%;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  -webkit-align-self: center;\n      -ms-flex-item-align: center;\n          align-self: center;\n}\n.flatpickr-time .flatpickr-am-pm {\n  outline: 0;\n  width: 18%;\n  cursor: pointer;\n  text-align: center;\n  font-weight: 400;\n}\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: #f1f1f1;\n}\n.flatpickr-input[readonly] {\n  cursor: pointer;\n}\n@-webkit-keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n            transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n            transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n  }\n}\n.flatpickr-calendar {\n  width: 200px;\n}\n.dayContainer {\n  padding: 0;\n  border-right: 0;\n}\nspan.flatpickr-day,\nspan.flatpickr-day.prevMonthDay,\nspan.flatpickr-day.nextMonthDay {\n  border-radius: 0 !important;\n  border: 1px solid #e9e9e9;\n  max-width: none;\n  border-right-color: transparent;\n}\nspan.flatpickr-day:nth-child(n+8),\nspan.flatpickr-day.prevMonthDay:nth-child(n+8),\nspan.flatpickr-day.nextMonthDay:nth-child(n+8) {\n  border-top-color: transparent;\n}\nspan.flatpickr-day:nth-child(7n-6),\nspan.flatpickr-day.prevMonthDay:nth-child(7n-6),\nspan.flatpickr-day.nextMonthDay:nth-child(7n-6) {\n  border-left: 0;\n}\nspan.flatpickr-day:nth-child(n+36),\nspan.flatpickr-day.prevMonthDay:nth-child(n+36),\nspan.flatpickr-day.nextMonthDay:nth-child(n+36) {\n  border-bottom: 0;\n}\nspan.flatpickr-day:nth-child(-n+7),\nspan.flatpickr-day.prevMonthDay:nth-child(-n+7),\nspan.flatpickr-day.nextMonthDay:nth-child(-n+7) {\n  margin-top: 0;\n}\nspan.flatpickr-day.today:not(.selected),\nspan.flatpickr-day.prevMonthDay.today:not(.selected),\nspan.flatpickr-day.nextMonthDay.today:not(.selected) {\n  border-color: #e9e9e9;\n  border-right-color: transparent;\n  border-top-color: transparent;\n  border-bottom-color: ").concat(primary2, ";\n}\nspan.flatpickr-day.today:not(.selected):hover,\nspan.flatpickr-day.prevMonthDay.today:not(.selected):hover,\nspan.flatpickr-day.nextMonthDay.today:not(.selected):hover {\n  border: 1px solid ").concat(primary2, ";\n}\nspan.flatpickr-day.startRange,\nspan.flatpickr-day.prevMonthDay.startRange,\nspan.flatpickr-day.nextMonthDay.startRange,\nspan.flatpickr-day.endRange,\nspan.flatpickr-day.prevMonthDay.endRange,\nspan.flatpickr-day.nextMonthDay.endRange {\n  border-color: ").concat(primary, ";\n}\nspan.flatpickr-day.today,\nspan.flatpickr-day.prevMonthDay.today,\nspan.flatpickr-day.nextMonthDay.today,\nspan.flatpickr-day.selected,\nspan.flatpickr-day.prevMonthDay.selected,\nspan.flatpickr-day.nextMonthDay.selected {\n  z-index: 2;\n}\n.rangeMode .flatpickr-day {\n  margin-top: -1px;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n.flatpickr-weekwrapper span.flatpickr-day {\n  border: 0;\n  margin: -1px 0 0 -1px;\n}\n.hasWeeks .flatpickr-days {\n  border-right: 0;\n}\n\n\t@media screen and (min-width:0\\0) and (min-resolution: +72dpi) {\n\t\tspan.flatpickr-day {\n\t\t\tdisplay: block;\n\t\t\t-webkit-box-flex: 1;\n\t\t\t-webkit-flex: 1 0 auto;\n\t\t\t    -ms-flex: 1 0 auto;\n\t\t\t        flex: 1 0 auto;\n\t\t}\n\t}\n\t\t")));
+            this._disposers.push(new StyleSheet(null, "\n.flatpickr-calendar {\n  background: transparent;\n  opacity: 0;\n  display: none;\n  text-align: center;\n  visibility: hidden;\n  padding: 0;\n  -webkit-animation: none;\n          animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: 0.7em;\n  line-height: 24px;\n  border-radius: 5px;\n  position: absolute;\n  width: 200px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -ms-touch-action: manipulation;\n      touch-action: manipulation;\n  background: ".concat(bg, ";\n  margin-top: 0.5em;\n}\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n  opacity: 1;\n  max-height: 640px;\n  visibility: visible;\n}\n.flatpickr-calendar.open {\n  display: inline-block;\n  z-index: 99999;\n}\n.flatpickr-calendar.animate.open {\n  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-calendar.inline {\n  display: block;\n  position: relative;\n  top: 2px;\n}\n.flatpickr-calendar.static {\n  position: absolute;\n  top: calc(100% + 2px);\n}\n.flatpickr-calendar.static.open {\n  z-index: 999;\n  display: block;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n  -webkit-box-shadow: none !important;\n          box-shadow: none !important;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n  border-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.flatpickr-calendar .hasWeeks .dayContainer {\n  border-left: 0;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n  height: 40px;\n  border-top: 1px solid ").concat(border, ";\n}\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  height: auto;\n}\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  border: solid transparent;\n  content: '';\n  height: 0;\n  width: 0;\n  left: 22px;\n}\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.arrowRight:before,\n.flatpickr-calendar.rightMost:after,\n.flatpickr-calendar.arrowRight:after {\n  left: auto;\n  right: 22px;\n}\n.flatpickr-calendar.arrowCenter:before,\n.flatpickr-calendar.arrowCenter:after {\n  left: 50%;\n  right: 50%;\n}\n.flatpickr-calendar:before {\n  border-width: 5px;\n  margin: 0 -5px;\n}\n.flatpickr-calendar:after {\n  border-width: 4px;\n  margin: 0 -4px;\n}\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n  bottom: 100%;\n}\n.flatpickr-calendar.arrowTop:before {\n  border-bottom-color: ").concat(border, ";\n}\n.flatpickr-calendar.arrowTop:after {\n  border-bottom-color: ").concat(bg, ";\n}\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n  top: 100%;\n}\n.flatpickr-calendar.arrowBottom:before {\n  border-top-color: ").concat(border, ";\n}\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: ").concat(bg, ";\n}\n.flatpickr-calendar:focus {\n  outline: 0;\n}\n.flatpickr-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.flatpickr-months {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.flatpickr-months .flatpickr-month {\n  background: transparent;\n  color: ").concat(text, ";\n  fill: ").concat(text, ";\n  height: 34px;\n  line-height: 1;\n  text-align: center;\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  overflow: hidden;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n  text-decoration: none;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  height: 34px;\n  padding: 10px;\n  z-index: 3;\n  color: ").concat(text, ";\n  fill: ").concat(text, ";\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n  display: none;\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n  position: relative;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\n/*\n      /*rtl:begin:ignore*/\n/*\n      */\n  left: 0;\n/*\n      /*rtl:end:ignore*/\n/*\n      */\n}\n/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\n/*\n      /*rtl:begin:ignore*/\n/*\n      */\n  right: 0;\n/*\n      /*rtl:end:ignore*/\n/*\n      */\n}\n/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n  color: ").concat(primary2, ";\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: ").concat(primary2, ";\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n  width: 14px;\n  height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n  -webkit-transition: fill 0.1s;\n  transition: fill 0.1s;\n  fill: inherit;\n}\n.numInputWrapper {\n  position: relative;\n  height: auto;\n}\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n.numInputWrapper input {\n  width: 100%;\n}\n.numInputWrapper input::-ms-clear {\n  display: none;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n  margin: 0;\n  -webkit-appearance: none;\n}\n.numInputWrapper span {\n  position: absolute;\n  right: 0;\n  width: 14px;\n  padding: 0 4px 0 2px;\n  height: 50%;\n  line-height: 50%;\n  opacity: 0;\n  cursor: pointer;\n  border: 1px solid rgba(64,72,72,0.15);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.numInputWrapper span:hover {\n  background: rgba(0,0,0,0.1);\n}\n.numInputWrapper span:active {\n  background: rgba(0,0,0,0.2);\n}\n.numInputWrapper span:after {\n  display: block;\n  content: \"\";\n  position: absolute;\n}\n.numInputWrapper span.arrowUp {\n  top: 0;\n  border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-bottom: 4px solid rgba(64,72,72,0.6);\n  top: 26%;\n}\n.numInputWrapper span.arrowDown {\n  top: 50%;\n}\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid rgba(64,72,72,0.6);\n  top: 40%;\n}\n.numInputWrapper span svg {\n  width: inherit;\n  height: auto;\n}\n.numInputWrapper span svg path {\n  fill: rgba(60,63,64,0.5);\n}\n.numInputWrapper:hover {\n  background: rgba(0,0,0,0.05);\n}\n.numInputWrapper:hover span {\n  opacity: 1;\n}\n.flatpickr-current-month {\n  font-size: 135%;\n  line-height: inherit;\n  font-weight: 300;\n  color: inherit;\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 7.48px 0 0 0;\n  line-height: 1;\n  height: 34px;\n  display: inline-block;\n  text-align: center;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n}\n.flatpickr-current-month span.cur-month {\n  font-family: inherit;\n  font-weight: 700;\n  color: inherit;\n  display: inline-block;\n  margin-left: 0.5ch;\n  padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n  background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .numInputWrapper {\n  width: 6ch;\n  width: 7ch\\0;\n  display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n  border-bottom-color: ").concat(text, ";\n}\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n  border-top-color: ").concat(text, ";\n}\n.flatpickr-current-month input.cur-year {\n  background: transparent;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  color: inherit;\n  cursor: text;\n  padding: 0 0 0 0.5ch;\n  margin: 0;\n  display: inline-block;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: 300;\n  line-height: inherit;\n  height: auto;\n  border: 0;\n  border-radius: 0;\n  vertical-align: initial;\n  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.flatpickr-current-month input.cur-year:focus {\n  outline: 0;\n}\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n  font-size: 100%;\n  color: rgba(60,63,64,0.5);\n  background: transparent;\n  pointer-events: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months {\n  appearance: menulist;\n  background: transparent;\n  border: none;\n  border-radius: 0;\n  box-sizing: border-box;\n  color: inherit;\n  cursor: pointer;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: 300;\n  height: auto;\n  line-height: inherit;\n  margin: -1px 0 0 0;\n  outline: none;\n  padding: 0 0 0 0.5ch;\n  position: relative;\n  vertical-align: initial;\n  -webkit-box-sizing: border-box;\n  -webkit-appearance: menulist;\n  -moz-appearance: menulist;\n  width: auto;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n  outline: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n  background-color: ").concat(bg, ";\n  outline: none;\n  padding: 0;\n}\n.flatpickr-weekdays {\n  background: transparent;\n  text-align: center;\n  overflow: hidden;\n  width: 100%;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n      -ms-flex-align: center;\n          align-items: center;\n  height: 28px;\n}\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: 90%;\n  background: transparent;\n  color: ").concat(text, ";\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  font-weight: bolder;\n}\n.dayContainer,\n.flatpickr-weeks {\n  padding: 1px 0 0 0;\n}\n.flatpickr-days {\n  position: relative;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: start;\n  -webkit-align-items: flex-start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  width: 200px;\n}\n.flatpickr-days:focus {\n  outline: 0;\n}\n.dayContainer {\n  padding: 0;\n  outline: 0;\n  text-align: left;\n  width: 200px;\n  min-width: 200px;\n  max-width: 200px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  display: inline-block;\n  display: -ms-flexbox;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-wrap: wrap;\n          flex-wrap: wrap;\n  -ms-flex-wrap: wrap;\n  -ms-flex-pack: justify;\n  -webkit-justify-content: space-around;\n          justify-content: space-around;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n  opacity: 1;\n}\n.dayContainer + .dayContainer {\n  -webkit-box-shadow: -1px 0 0 ").concat(border, ";\n          box-shadow: -1px 0 0 ").concat(border, ";\n}\n.flatpickr-day {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 150px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  color: ").concat(text, ";\n  cursor: pointer;\n  font-weight: 400;\n  width: 14.2857143%;\n  -webkit-flex-basis: 14.2857143%;\n      -ms-flex-preferred-size: 14.2857143%;\n          flex-basis: 14.2857143%;\n  max-width: 32px;\n  height: 32px;\n  line-height: 30px;\n  margin: 0;\n  display: inline-block;\n  position: relative;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n}\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day:hover,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n  cursor: pointer;\n  outline: 0;\n  background: ").concat(primary2, ";\n  border-color: ").concat(primary2, ";\n}\n.flatpickr-day.today {\n  border-color: ").concat(primary2, ";\n}\n.flatpickr-day.today:hover,\n.flatpickr-day.today:focus {\n  border-color: ").concat(primary2, ";\n  background: ").concat(primary2, ";\n  color: ").concat(bg, ";\n}\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n  background: ").concat(primary, ";\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: ").concat(bg, ";\n  border-color: ").concat(primary, ";\n}\n.flatpickr-day.selected.startRange,\n.flatpickr-day.startRange.startRange,\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n}\n.flatpickr-day.selected.endRange,\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n  border-radius: 0 50px 50px 0;\n}\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n  -webkit-box-shadow: -10px 0 0 ").concat(primary, ";\n          box-shadow: -10px 0 0 ").concat(primary, ";\n}\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n  border-radius: 50px;\n}\n.flatpickr-day.inRange {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 ").concat(primary2, ", 5px 0 0 ").concat(primary2, ";\n          box-shadow: -5px 0 0 ").concat(primary2, ", 5px 0 0 ").concat(primary2, ";\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n  color: rgba(64,72,72,0.3);\n  background: transparent;\n  border-color: ").concat(primary2, ";\n  cursor: default;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n  cursor: not-allowed;\n  color: rgba(64,72,72,0.1);\n}\n.flatpickr-day.week.selected {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 ").concat(primary, ", 5px 0 0 ").concat(primary, ";\n          box-shadow: -5px 0 0 ").concat(primary, ", 5px 0 0 ").concat(primary, ";\n}\n.flatpickr-day.hidden {\n  visibility: hidden;\n}\n.rangeMode .flatpickr-day {\n  margin-top: 1px;\n}\n.flatpickr-weekwrapper {\n  float: left;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n  padding: 0 12px;\n  -webkit-box-shadow: 1px 0 0 ").concat(border, ";\n          box-shadow: 1px 0 0 ").concat(border, ";\n}\n.flatpickr-weekwrapper .flatpickr-weekday {\n  float: none;\n  width: 100%;\n  line-height: 28px;\n}\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n  display: block;\n  width: 100%;\n  max-width: none;\n  color: rgba(64,72,72,0.3);\n  background: transparent;\n  cursor: default;\n  border: none;\n}\n.flatpickr-innerContainer {\n  display: block;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: hidden;\n}\n.flatpickr-rContainer {\n  display: inline-block;\n  padding: 0;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.flatpickr-time {\n  text-align: center;\n  outline: 0;\n  display: block;\n  height: 0;\n  line-height: 40px;\n  max-height: 40px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.flatpickr-time:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n.flatpickr-time .numInputWrapper {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  width: 40%;\n  height: 40px;\n  float: left;\n}\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: ").concat(text, ";\n}\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: ").concat(text, ";\n}\n.flatpickr-time.hasSeconds .numInputWrapper {\n  width: 26%;\n}\n.flatpickr-time.time24hr .numInputWrapper {\n  width: 49%;\n}\n.flatpickr-time input {\n  background: transparent;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  height: inherit;\n  line-height: inherit;\n  color: ").concat(text, ";\n  font-size: 14px;\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.flatpickr-time input.flatpickr-hour {\n  font-weight: bold;\n}\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: 400;\n}\n.flatpickr-time input:focus {\n  outline: 0;\n  border: 0;\n}\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  height: inherit;\n  float: left;\n  line-height: inherit;\n  color: ").concat(text, ";\n  font-weight: bold;\n  width: 2%;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  -webkit-align-self: center;\n      -ms-flex-item-align: center;\n          align-self: center;\n}\n.flatpickr-time .flatpickr-am-pm {\n  outline: 0;\n  width: 18%;\n  cursor: pointer;\n  text-align: center;\n  font-weight: 400;\n}\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: #f1f1f1;\n}\n.flatpickr-input[readonly] {\n  cursor: pointer;\n}\n@-webkit-keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n            transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n            transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n  }\n}\n.flatpickr-calendar {\n  width: 200px;\n}\n.dayContainer {\n  padding: 0;\n  border-right: 0;\n}\nspan.flatpickr-day,\nspan.flatpickr-day.prevMonthDay,\nspan.flatpickr-day.nextMonthDay {\n  border-radius: 0 !important;\n  border: 1px solid ").concat(primary2, ";\n  max-width: none;\n  border-right-color: transparent;\n}\nspan.flatpickr-day:nth-child(n+8),\nspan.flatpickr-day.prevMonthDay:nth-child(n+8),\nspan.flatpickr-day.nextMonthDay:nth-child(n+8) {\n  border-top-color: transparent;\n}\nspan.flatpickr-day:nth-child(7n-6),\nspan.flatpickr-day.prevMonthDay:nth-child(7n-6),\nspan.flatpickr-day.nextMonthDay:nth-child(7n-6) {\n  border-left: 0;\n}\nspan.flatpickr-day:nth-child(n+36),\nspan.flatpickr-day.prevMonthDay:nth-child(n+36),\nspan.flatpickr-day.nextMonthDay:nth-child(n+36) {\n  border-bottom: 0;\n}\nspan.flatpickr-day:nth-child(-n+7),\nspan.flatpickr-day.prevMonthDay:nth-child(-n+7),\nspan.flatpickr-day.nextMonthDay:nth-child(-n+7) {\n  margin-top: 0;\n}\nspan.flatpickr-day.today:not(.selected),\nspan.flatpickr-day.prevMonthDay.today:not(.selected),\nspan.flatpickr-day.nextMonthDay.today:not(.selected) {\n  border-color: ").concat(primary2, ";\n  border-right-color: transparent;\n  border-top-color: transparent;\n  border-bottom-color: ").concat(primary2, ";\n}\nspan.flatpickr-day.today:not(.selected):hover,\nspan.flatpickr-day.prevMonthDay.today:not(.selected):hover,\nspan.flatpickr-day.nextMonthDay.today:not(.selected):hover {\n  border: 1px solid ").concat(primary2, ";\n}\nspan.flatpickr-day.startRange,\nspan.flatpickr-day.prevMonthDay.startRange,\nspan.flatpickr-day.nextMonthDay.startRange,\nspan.flatpickr-day.endRange,\nspan.flatpickr-day.prevMonthDay.endRange,\nspan.flatpickr-day.nextMonthDay.endRange {\n  border-color: ").concat(primary, ";\n}\nspan.flatpickr-day.today,\nspan.flatpickr-day.prevMonthDay.today,\nspan.flatpickr-day.nextMonthDay.today,\nspan.flatpickr-day.selected,\nspan.flatpickr-day.prevMonthDay.selected,\nspan.flatpickr-day.nextMonthDay.selected {\n  z-index: 2;\n}\n.rangeMode .flatpickr-day {\n  margin-top: -1px;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n.flatpickr-weekwrapper span.flatpickr-day {\n  border: 0;\n  margin: -1px 0 0 -1px;\n}\n.hasWeeks .flatpickr-days {\n  border-right: 0;\n}\n\n\t@media screen and (min-width:0\\0) and (min-resolution: +72dpi) {\n\t\tspan.flatpickr-day {\n\t\t\tdisplay: block;\n\t\t\t-webkit-box-flex: 1;\n\t\t\t-webkit-flex: 1 0 auto;\n\t\t\t    -ms-flex: 1 0 auto;\n\t\t\t        flex: 1 0 auto;\n\t\t}\n\t}\n\t\t")));
         }
     });
     Object.defineProperty(DateRangeSelector, "className", {

package/.internal/charts/stock/toolbar/DateRangeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSelector.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DateRangeSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\nimport { Dropdown } from \"./Dropdown\";\r\nimport { StockIcons } from \"./StockIcons\";\r\nimport { StyleSheet } from \"../../../core/util/Utils\";\r\nimport flatpickr from \"flatpickr\";\r\n\r\nimport * as $utils from \"../../../core/util/Utils\";\r\nimport * as $type from \"../../../core/util/Type\";\r\n\r\nexport interface IDateRangeSelectorSettings extends IStockControlSettings {\r\n\tdateFormat?: string;\r\n}\r\n\r\nexport interface IDateRangeSelectorPrivate extends IStockControlPrivate {\r\n\tdropdown: Dropdown;\r\n\r\n\tfromField: HTMLInputElement;\r\n\tfromPicker: any;\r\n\tfromDate?: Date;\r\n\r\n\ttoField: HTMLInputElement;\r\n\ttoPicker: any;\r\n\ttoDate?: Date;\r\n}\r\n\r\nexport interface IDateRangeSelectorEvents extends IStockControlEvents {\r\n}\r\n\r\n/**\r\n * Date range selector control for [[StockChart]].\r\n *\r\n * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/date-range-selector/} for more info\r\n */\r\nexport class DateRangeSelector extends StockControl {\r\n\tpublic static className: string = \"DateRangeSelector\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([DateRangeSelector.className]);\r\n\r\n\tdeclare public _settings: IDateRangeSelectorSettings;\r\n\tdeclare public _privateSettings: IDateRangeSelectorPrivate;\r\n\tdeclare public _events: IDateRangeSelectorEvents;\r\n\r\n\tprotected _afterNew() {\r\n\r\n\t\t// Do parent stuff\r\n\t\tsuper._afterNew();\r\n\r\n\t\t// Create list of tools\r\n\t\tconst dropdown = Dropdown.new(this._root, {\r\n\t\t\tcontrol: this,\r\n\t\t\tparent: this.getPrivate(\"button\")\r\n\t\t});\r\n\t\tthis.setPrivate(\"dropdown\", dropdown);\r\n\r\n\t\tdropdown.events.on(\"opened\", (_ev) => {\r\n\t\t\tthis.set(\"active\", true);\r\n\t\t\tthis._updateInputs();\r\n\t\t});\r\n\r\n\t\tdropdown.events.on(\"closed\", (_ev) => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tthis.on(\"active\", (active) => {\r\n\t\t\tif (active) {\r\n\t\t\t\tthis.setTimeout(() => {\r\n\t\t\t\t\tdropdown.show();\r\n\t\t\t\t}, 10);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdropdown.hide();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\tbutton.className = button.className + \" am5stock-control-dropdown\";\r\n\r\n\t\tthis._loadDefaultCSS();\r\n\t\tthis._initDropdown();\r\n\t}\r\n\r\n\tprotected _initDropdown(): void {\r\n\t\tconst dropdown = this.getPrivate(\"dropdown\");\r\n\t\tconst container = dropdown.getPrivate(\"container\")!;\r\n\r\n\t\tconst content = document.createElement(\"div\")\r\n\t\tcontent.className = \"am5stock-row\";\r\n\t\tcontainer.appendChild(content);\r\n\r\n\t\t// From fields\r\n\t\tconst fromColumn = document.createElement(\"div\")\r\n\t\tfromColumn.className = \"am5stock-column\";\r\n\t\tcontent.appendChild(fromColumn);\r\n\r\n\t\tconst fromGroup = document.createElement(\"div\");\r\n\t\tfromGroup.className = \"am5stock-group\";\r\n\t\tfromColumn.appendChild(fromGroup);\r\n\r\n\t\tconst fromLabel = document.createElement(\"span\");\r\n\t\tfromLabel.innerHTML = this._root.language.translate(\"From %1\", undefined, \"\") + \": \";\r\n\t\tfromGroup.appendChild(fromLabel);\r\n\r\n\t\tconst fromField = document.createElement(\"input\");\r\n\t\tfromField.type = \"text\";\r\n\t\tfromGroup.appendChild(fromField);\r\n\t\tthis.setPrivate(\"fromField\", fromField);\r\n\r\n\t\t// To fields\r\n\t\tconst toColumn = document.createElement(\"div\")\r\n\t\ttoColumn.className = \"am5stock-column\";\r\n\t\tcontent.appendChild(toColumn);\r\n\r\n\t\tconst toGroup = document.createElement(\"div\");\r\n\t\ttoGroup.className = \"am5stock-group\";\r\n\t\ttoColumn.appendChild(toGroup);\r\n\r\n\t\tconst toLabel = document.createElement(\"span\");\r\n\t\ttoLabel.innerHTML = this._root.language.translate(\"To %1\", undefined, \"\") + \": \";\r\n\t\ttoGroup.appendChild(toLabel);\r\n\r\n\t\tconst toField = document.createElement(\"input\");\r\n\t\ttoField.type = \"text\";\r\n\t\ttoGroup.appendChild(toField);\r\n\t\tthis.setPrivate(\"toField\", toField);\r\n\r\n\t\t// Date pickers\r\n\t\tconst pickerLocale = this._getPickerLocale();\r\n\r\n\t\tconst fromPicker = flatpickr(fromField, {\r\n\t\t\tinline: true,\r\n\t\t\tappendTo: fromColumn,\r\n\t\t\tallowInput: true,\r\n\t\t\tlocale: pickerLocale,\r\n\t\t\tformatDate: (date) => {\r\n\t\t\t\treturn this._formatDate(date);\r\n\t\t\t},\r\n\t\t\tparseDate: (date) => {\r\n\t\t\t\treturn this._parseDate(date);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setPrivate(\"fromPicker\", fromPicker);\r\n\r\n\t\tconst toPicker = flatpickr(toField, {\r\n\t\t\tinline: true,\r\n\t\t\tappendTo: toColumn,\r\n\t\t\tallowInput: true,\r\n\t\t\tlocale: pickerLocale,\r\n\t\t\tformatDate: (date) => {\r\n\t\t\t\treturn this._formatDate(date);\r\n\t\t\t},\r\n\t\t\tparseDate: (date) => {\r\n\t\t\t\treturn this._parseDate(date);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setPrivate(\"toPicker\", toPicker);\r\n\r\n\r\n\t\t// Buttons\r\n\t\tconst buttons = document.createElement(\"div\")\r\n\t\tbuttons.className = \"am5stock-row\";\r\n\t\tcontainer.appendChild(buttons);\r\n\r\n\t\tconst buttonsColumn = document.createElement(\"div\")\r\n\t\tbuttonsColumn.className = \"am5stock-column\";\r\n\t\tcontainer.appendChild(buttonsColumn);\r\n\r\n\t\tconst saveButton = document.createElement(\"input\");\r\n\t\tsaveButton.type = \"button\";\r\n\t\tsaveButton.value = this._root.language.translateAny(\"Apply\");\r\n\t\tsaveButton.className = \"am5-modal-button am5-modal-primary\";\r\n\t\tbuttonsColumn.appendChild(saveButton);\r\n\r\n\t\t$utils.addEventListener(saveButton, \"click\", () => {\r\n\t\t\tconst xAxis = this._getAxis();\r\n\t\t\tconst from = this._parseDate(fromField.value);\r\n\t\t\tconst to = this._parseDate(toField.value);\r\n\t\t\txAxis.zoomToDates(from, to);\r\n\t\t\tthis._updateLabel();\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tconst cancelButton = document.createElement(\"input\");\r\n\t\tcancelButton.type = \"button\";\r\n\t\tcancelButton.value = this._root.language.translateAny(\"Cancel\");\r\n\t\tcancelButton.className = \"am5-modal-button am5-modal-scondary\";\r\n\t\tbuttonsColumn.appendChild(cancelButton);\r\n\r\n\t\t$utils.addEventListener(cancelButton, \"click\", () => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t}\r\n\r\n\tprotected _getDefaultIcon(): SVGElement {\r\n\t\treturn StockIcons.getIcon(\"Calendar\");\r\n\t}\r\n\r\n\tpublic _afterChanged() {\r\n\t\tsuper._afterChanged();\r\n\t\t// if (this.isDirty(\"active\")) {\r\n\t\t// \tthis._initDropdown();\r\n\t\t// }\r\n\t}\r\n\r\n\tprotected _updateInputs(): void {\r\n\t\tconst xAxis = this._getAxis();\r\n\t\tconst from = new Date(xAxis!.getPrivate(\"selectionMin\", 0));\r\n\t\tconst to = new Date(xAxis!.getPrivate(\"selectionMax\", 0));\r\n\r\n\t\tthis.setPrivate(\"fromDate\", from);\r\n\t\tthis.setPrivate(\"toDate\", to);\r\n\r\n\t\tthis.getPrivate(\"fromField\").value = this._formatDate(from);\r\n\t\tthis.getPrivate(\"toField\").value = this._formatDate(to);\r\n\r\n\t\tthis.getPrivate(\"fromPicker\").setDate(from);\r\n\t\tthis.getPrivate(\"toPicker\").setDate(to);\r\n\t}\r\n\r\n\tprotected _updateLabel(): void {\r\n\t\tconst from = this.getPrivate(\"fromDate\");\r\n\t\tconst to = this.getPrivate(\"toDate\");\r\n\t\tlet label = \"\";\r\n\t\tif (from && to) {\r\n\t\t\tlabel = this._formatDate(from) + \" -- \" + this._formatDate(to);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tlabel = this._root.language.translateAny(\"Date Range\");\r\n\t\t}\r\n\t\tthis.set(\"name\", label);\r\n\t}\r\n\r\n\tprotected _formatDate(date: Date): string {\r\n\t\treturn this._root.dateFormatter.format(date, this._getDateFormat());\r\n\t}\r\n\r\n\tprotected _parseDate(date: string): Date {\r\n\t\treturn this._root.dateFormatter.parse(date, this._getDateFormat());\r\n\t}\r\n\r\n\tprotected _getDateFormat(): string {\r\n\t\tconst format = this.get(\"dateFormat\", this._root.dateFormatter.get(\"dateFormat\"));\r\n\t\treturn $type.isString(format) ? format : \"MM/dd/yyyy\";\r\n\t}\r\n\r\n\tprotected _getAxis(): any {\r\n\t\tconst stockChart = this.get(\"stockChart\");\r\n\t\tconst chart = stockChart.panels.getIndex(0)!;\r\n\t\tconst xAxis: any = chart.xAxes.getIndex(0)!;\r\n\t\treturn xAxis;\r\n\t}\r\n\r\n\tprotected _getPickerLocale(): any {\r\n\t\tconst l = this._root.language;\r\n\t\treturn {\r\n\t\t\tweekdays: {\r\n\t\t\t\tshorthand: [\r\n\t\t\t\t\tl.translate(\"Sun\"),\r\n\t\t\t\t\tl.translate(\"Mon\"),\r\n\t\t\t\t\tl.translate(\"Tue\"),\r\n\t\t\t\t\tl.translate(\"Wed\"),\r\n\t\t\t\t\tl.translate(\"Thu\"),\r\n\t\t\t\t\tl.translate(\"Fri\"),\r\n\t\t\t\t\tl.translate(\"Sat\")\r\n\t\t\t\t],\r\n\t\t\t\tlonghand: [\r\n\t\t\t\t\tl.translate(\"Sunday\"),\r\n\t\t\t\t\tl.translate(\"Monday\"),\r\n\t\t\t\t\tl.translate(\"Tuesday\"),\r\n\t\t\t\t\tl.translate(\"Wednesday\"),\r\n\t\t\t\t\tl.translate(\"Thursday\"),\r\n\t\t\t\t\tl.translate(\"Friday\"),\r\n\t\t\t\t\tl.translate(\"Saturday\"),\r\n\t\t\t\t],\r\n\t\t\t},\r\n\t\t\tmonths: {\r\n\t\t\t\tshorthand: [\r\n\t\t\t\t\tl.translate(\"Jan\"),\r\n\t\t\t\t\tl.translate(\"Feb\"),\r\n\t\t\t\t\tl.translate(\"Mar\"),\r\n\t\t\t\t\tl.translate(\"Apr\"),\r\n\t\t\t\t\tl.translate(\"May(short)\"),\r\n\t\t\t\t\tl.translate(\"Jun\"),\r\n\t\t\t\t\tl.translate(\"Jul\"),\r\n\t\t\t\t\tl.translate(\"Aug\"),\r\n\t\t\t\t\tl.translate(\"Sep\"),\r\n\t\t\t\t\tl.translate(\"Oct\"),\r\n\t\t\t\t\tl.translate(\"Nov\"),\r\n\t\t\t\t\tl.translate(\"Dec\"),\r\n\t\t\t\t],\r\n\t\t\t\tlonghand: [\r\n\t\t\t\t\tl.translate(\"January\"),\r\n\t\t\t\t\tl.translate(\"February\"),\r\n\t\t\t\t\tl.translate(\"March\"),\r\n\t\t\t\t\tl.translate(\"April\"),\r\n\t\t\t\t\tl.translate(\"May\"),\r\n\t\t\t\t\tl.translate(\"June\"),\r\n\t\t\t\t\tl.translate(\"July\"),\r\n\t\t\t\t\tl.translate(\"August\"),\r\n\t\t\t\t\tl.translate(\"September\"),\r\n\t\t\t\t\tl.translate(\"October\"),\r\n\t\t\t\t\tl.translate(\"November\"),\r\n\t\t\t\t\tl.translate(\"December\"),\r\n\t\t\t\t],\r\n\t\t\t},\r\n\t\t\tfirstDayOfWeek: l.translate(\"firstDayOfWeek\"),\r\n\t\t\tordinal: l.translateFunc(\"_dateOrd\"),\r\n\t\t\trangeSeparator: \" \" + l.translateAny(\"to\") + \" \",\r\n\t\t\tweekAbbreviation: l.translateAny(\"Wk\"),\r\n\t\t\tscrollTitle: l.translateAny(\"Scroll to increment\"),\r\n\t\t\ttoggleTitle: l.translateAny(\"Click to toggle\"),\r\n\t\t\tamPM: [l.translate(\"AM\"), l.translate(\"PM\")],\r\n\t\t\tyearAriaLabel: l.translateAny(\"Year\"),\r\n\t\t\tmonthAriaLabel: l.translateAny(\"Month\"),\r\n\t\t\thourAriaLabel: l.translateAny(\"Hour\"),\r\n\t\t\tminuteAriaLabel: l.translateAny(\"Minute\"),\r\n\t\t\ttime_24hr: true,\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Loads the default CSS.\r\n\t *\r\n\t * @ignore Exclude from docs\r\n\t */\r\n\tprotected _loadDefaultCSS(): void {\r\n\t\tconst ic = this._root.interfaceColors;\r\n\t\t//const active = ic.get(\"secondaryButton\")!.toCSS();\r\n\t\tconst primary = ic.get(\"primaryButton\")!.toCSS();\r\n\t\tconst primary2 = ic.get(\"primaryButtonHover\")!.toCSS();\r\n\t\tconst bg = ic.get(\"background\")!.toCSS();\r\n\r\n\t\tthis._disposers.push(new StyleSheet(null, `\r\n.flatpickr-calendar {\r\n  background: transparent;\r\n  opacity: 0;\r\n  display: none;\r\n  text-align: center;\r\n  visibility: hidden;\r\n  padding: 0;\r\n  -webkit-animation: none;\r\n          animation: none;\r\n  direction: ltr;\r\n  border: 0;\r\n  font-size: 0.7em;\r\n  line-height: 24px;\r\n  border-radius: 5px;\r\n  position: absolute;\r\n  width: 200px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  -ms-touch-action: manipulation;\r\n      touch-action: manipulation;\r\n  background: ${bg};\r\n  margin-top: 0.5em;\r\n}\r\n.flatpickr-calendar.open,\r\n.flatpickr-calendar.inline {\r\n  opacity: 1;\r\n  max-height: 640px;\r\n  visibility: visible;\r\n}\r\n.flatpickr-calendar.open {\r\n  display: inline-block;\r\n  z-index: 99999;\r\n}\r\n.flatpickr-calendar.animate.open {\r\n  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\r\n          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n.flatpickr-calendar.inline {\r\n  display: block;\r\n  position: relative;\r\n  top: 2px;\r\n}\r\n.flatpickr-calendar.static {\r\n  position: absolute;\r\n  top: calc(100% + 2px);\r\n}\r\n.flatpickr-calendar.static.open {\r\n  z-index: 999;\r\n  display: block;\r\n}\r\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\r\n  -webkit-box-shadow: none !important;\r\n          box-shadow: none !important;\r\n}\r\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\r\n  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\r\n          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\r\n}\r\n.flatpickr-calendar .hasWeeks .dayContainer,\r\n.flatpickr-calendar .hasTime .dayContainer {\r\n  border-bottom: 0;\r\n  border-bottom-right-radius: 0;\r\n  border-bottom-left-radius: 0;\r\n}\r\n.flatpickr-calendar .hasWeeks .dayContainer {\r\n  border-left: 0;\r\n}\r\n.flatpickr-calendar.hasTime .flatpickr-time {\r\n  height: 40px;\r\n  border-top: 1px solid #eee;\r\n}\r\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\r\n  height: auto;\r\n}\r\n.flatpickr-calendar:before,\r\n.flatpickr-calendar:after {\r\n  position: absolute;\r\n  display: block;\r\n  pointer-events: none;\r\n  border: solid transparent;\r\n  content: '';\r\n  height: 0;\r\n  width: 0;\r\n  left: 22px;\r\n}\r\n.flatpickr-calendar.rightMost:before,\r\n.flatpickr-calendar.arrowRight:before,\r\n.flatpickr-calendar.rightMost:after,\r\n.flatpickr-calendar.arrowRight:after {\r\n  left: auto;\r\n  right: 22px;\r\n}\r\n.flatpickr-calendar.arrowCenter:before,\r\n.flatpickr-calendar.arrowCenter:after {\r\n  left: 50%;\r\n  right: 50%;\r\n}\r\n.flatpickr-calendar:before {\r\n  border-width: 5px;\r\n  margin: 0 -5px;\r\n}\r\n.flatpickr-calendar:after {\r\n  border-width: 4px;\r\n  margin: 0 -4px;\r\n}\r\n.flatpickr-calendar.arrowTop:before,\r\n.flatpickr-calendar.arrowTop:after {\r\n  bottom: 100%;\r\n}\r\n.flatpickr-calendar.arrowTop:before {\r\n  border-bottom-color: #eee;\r\n}\r\n.flatpickr-calendar.arrowTop:after {\r\n  border-bottom-color: ${bg};\r\n}\r\n.flatpickr-calendar.arrowBottom:before,\r\n.flatpickr-calendar.arrowBottom:after {\r\n  top: 100%;\r\n}\r\n.flatpickr-calendar.arrowBottom:before {\r\n  border-top-color: #eee;\r\n}\r\n.flatpickr-calendar.arrowBottom:after {\r\n  border-top-color: ${bg};\r\n}\r\n.flatpickr-calendar:focus {\r\n  outline: 0;\r\n}\r\n.flatpickr-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n.flatpickr-months {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n.flatpickr-months .flatpickr-month {\r\n  background: transparent;\r\n  color: #3c3f40;\r\n  fill: #3c3f40;\r\n  height: 34px;\r\n  line-height: 1;\r\n  text-align: center;\r\n  position: relative;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  overflow: hidden;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n}\r\n.flatpickr-months .flatpickr-prev-month,\r\n.flatpickr-months .flatpickr-next-month {\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 0;\r\n  height: 34px;\r\n  padding: 10px;\r\n  z-index: 3;\r\n  color: #3c3f40;\r\n  fill: #3c3f40;\r\n}\r\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\r\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\r\n  display: none;\r\n}\r\n.flatpickr-months .flatpickr-prev-month i,\r\n.flatpickr-months .flatpickr-next-month i {\r\n  position: relative;\r\n}\r\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\r\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      */\r\n  left: 0;\r\n/*\r\n      /*rtl:end:ignore*/\r\n/*\r\n      */\r\n}\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      /*rtl:end:ignore*/\r\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\r\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      */\r\n  right: 0;\r\n/*\r\n      /*rtl:end:ignore*/\r\n/*\r\n      */\r\n}\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      /*rtl:end:ignore*/\r\n.flatpickr-months .flatpickr-prev-month:hover,\r\n.flatpickr-months .flatpickr-next-month:hover {\r\n  color: ${primary2};\r\n}\r\n.flatpickr-months .flatpickr-prev-month:hover svg,\r\n.flatpickr-months .flatpickr-next-month:hover svg {\r\n  fill: ${primary2};\r\n}\r\n.flatpickr-months .flatpickr-prev-month svg,\r\n.flatpickr-months .flatpickr-next-month svg {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n.flatpickr-months .flatpickr-prev-month svg path,\r\n.flatpickr-months .flatpickr-next-month svg path {\r\n  -webkit-transition: fill 0.1s;\r\n  transition: fill 0.1s;\r\n  fill: inherit;\r\n}\r\n.numInputWrapper {\r\n  position: relative;\r\n  height: auto;\r\n}\r\n.numInputWrapper input,\r\n.numInputWrapper span {\r\n  display: inline-block;\r\n}\r\n.numInputWrapper input {\r\n  width: 100%;\r\n}\r\n.numInputWrapper input::-ms-clear {\r\n  display: none;\r\n}\r\n.numInputWrapper input::-webkit-outer-spin-button,\r\n.numInputWrapper input::-webkit-inner-spin-button {\r\n  margin: 0;\r\n  -webkit-appearance: none;\r\n}\r\n.numInputWrapper span {\r\n  position: absolute;\r\n  right: 0;\r\n  width: 14px;\r\n  padding: 0 4px 0 2px;\r\n  height: 50%;\r\n  line-height: 50%;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  border: 1px solid rgba(64,72,72,0.15);\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n}\r\n.numInputWrapper span:hover {\r\n  background: rgba(0,0,0,0.1);\r\n}\r\n.numInputWrapper span:active {\r\n  background: rgba(0,0,0,0.2);\r\n}\r\n.numInputWrapper span:after {\r\n  display: block;\r\n  content: \"\";\r\n  position: absolute;\r\n}\r\n.numInputWrapper span.arrowUp {\r\n  top: 0;\r\n  border-bottom: 0;\r\n}\r\n.numInputWrapper span.arrowUp:after {\r\n  border-left: 4px solid transparent;\r\n  border-right: 4px solid transparent;\r\n  border-bottom: 4px solid rgba(64,72,72,0.6);\r\n  top: 26%;\r\n}\r\n.numInputWrapper span.arrowDown {\r\n  top: 50%;\r\n}\r\n.numInputWrapper span.arrowDown:after {\r\n  border-left: 4px solid transparent;\r\n  border-right: 4px solid transparent;\r\n  border-top: 4px solid rgba(64,72,72,0.6);\r\n  top: 40%;\r\n}\r\n.numInputWrapper span svg {\r\n  width: inherit;\r\n  height: auto;\r\n}\r\n.numInputWrapper span svg path {\r\n  fill: rgba(60,63,64,0.5);\r\n}\r\n.numInputWrapper:hover {\r\n  background: rgba(0,0,0,0.05);\r\n}\r\n.numInputWrapper:hover span {\r\n  opacity: 1;\r\n}\r\n.flatpickr-current-month {\r\n  font-size: 135%;\r\n  line-height: inherit;\r\n  font-weight: 300;\r\n  color: inherit;\r\n  position: absolute;\r\n  width: 75%;\r\n  left: 12.5%;\r\n  padding: 7.48px 0 0 0;\r\n  line-height: 1;\r\n  height: 34px;\r\n  display: inline-block;\r\n  text-align: center;\r\n  -webkit-transform: translate3d(0px, 0px, 0px);\r\n          transform: translate3d(0px, 0px, 0px);\r\n}\r\n.flatpickr-current-month span.cur-month {\r\n  font-family: inherit;\r\n  font-weight: 700;\r\n  color: inherit;\r\n  display: inline-block;\r\n  margin-left: 0.5ch;\r\n  padding: 0;\r\n}\r\n.flatpickr-current-month span.cur-month:hover {\r\n  background: rgba(0,0,0,0.05);\r\n}\r\n.flatpickr-current-month .numInputWrapper {\r\n  width: 6ch;\r\n  width: 7ch\\\\0;\r\n  display: inline-block;\r\n}\r\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\r\n  border-bottom-color: #3c3f40;\r\n}\r\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\r\n  border-top-color: #3c3f40;\r\n}\r\n.flatpickr-current-month input.cur-year {\r\n  background: transparent;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  color: inherit;\r\n  cursor: text;\r\n  padding: 0 0 0 0.5ch;\r\n  margin: 0;\r\n  display: inline-block;\r\n  font-size: inherit;\r\n  font-family: inherit;\r\n  font-weight: 300;\r\n  line-height: inherit;\r\n  height: auto;\r\n  border: 0;\r\n  border-radius: 0;\r\n  vertical-align: initial;\r\n  -webkit-appearance: textfield;\r\n  -moz-appearance: textfield;\r\n  appearance: textfield;\r\n}\r\n.flatpickr-current-month input.cur-year:focus {\r\n  outline: 0;\r\n}\r\n.flatpickr-current-month input.cur-year[disabled],\r\n.flatpickr-current-month input.cur-year[disabled]:hover {\r\n  font-size: 100%;\r\n  color: rgba(60,63,64,0.5);\r\n  background: transparent;\r\n  pointer-events: none;\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months {\r\n  appearance: menulist;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 0;\r\n  box-sizing: border-box;\r\n  color: inherit;\r\n  cursor: pointer;\r\n  font-size: inherit;\r\n  font-family: inherit;\r\n  font-weight: 300;\r\n  height: auto;\r\n  line-height: inherit;\r\n  margin: -1px 0 0 0;\r\n  outline: none;\r\n  padding: 0 0 0 0.5ch;\r\n  position: relative;\r\n  vertical-align: initial;\r\n  -webkit-box-sizing: border-box;\r\n  -webkit-appearance: menulist;\r\n  -moz-appearance: menulist;\r\n  width: auto;\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\r\n  outline: none;\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\r\n  background: rgba(0,0,0,0.05);\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\r\n  background-color: transparent;\r\n  outline: none;\r\n  padding: 0;\r\n}\r\n.flatpickr-weekdays {\r\n  background: transparent;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -webkit-align-items: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  height: 28px;\r\n}\r\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n}\r\nspan.flatpickr-weekday {\r\n  cursor: default;\r\n  font-size: 90%;\r\n  background: transparent;\r\n  color: rgba(0,0,0,0.54);\r\n  line-height: 1;\r\n  margin: 0;\r\n  text-align: center;\r\n  display: block;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n  font-weight: bolder;\r\n}\r\n.dayContainer,\r\n.flatpickr-weeks {\r\n  padding: 1px 0 0 0;\r\n}\r\n.flatpickr-days {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: start;\r\n  -webkit-align-items: flex-start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\r\n  width: 200px;\r\n}\r\n.flatpickr-days:focus {\r\n  outline: 0;\r\n}\r\n.dayContainer {\r\n  padding: 0;\r\n  outline: 0;\r\n  text-align: left;\r\n  width: 200px;\r\n  min-width: 200px;\r\n  max-width: 200px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  display: inline-block;\r\n  display: -ms-flexbox;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: flex;\r\n  -webkit-flex-wrap: wrap;\r\n          flex-wrap: wrap;\r\n  -ms-flex-wrap: wrap;\r\n  -ms-flex-pack: justify;\r\n  -webkit-justify-content: space-around;\r\n          justify-content: space-around;\r\n  -webkit-transform: translate3d(0px, 0px, 0px);\r\n          transform: translate3d(0px, 0px, 0px);\r\n  opacity: 1;\r\n}\r\n.dayContainer + .dayContainer {\r\n  -webkit-box-shadow: -1px 0 0 #eee;\r\n          box-shadow: -1px 0 0 #eee;\r\n}\r\n.flatpickr-day {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  border-radius: 150px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  color: #404848;\r\n  cursor: pointer;\r\n  font-weight: 400;\r\n  width: 14.2857143%;\r\n  -webkit-flex-basis: 14.2857143%;\r\n      -ms-flex-preferred-size: 14.2857143%;\r\n          flex-basis: 14.2857143%;\r\n  max-width: 32px;\r\n  height: 32px;\r\n  line-height: 30px;\r\n  margin: 0;\r\n  display: inline-block;\r\n  position: relative;\r\n  -webkit-box-pack: center;\r\n  -webkit-justify-content: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  text-align: center;\r\n}\r\n.flatpickr-day.inRange,\r\n.flatpickr-day.prevMonthDay.inRange,\r\n.flatpickr-day.nextMonthDay.inRange,\r\n.flatpickr-day.today.inRange,\r\n.flatpickr-day.prevMonthDay.today.inRange,\r\n.flatpickr-day.nextMonthDay.today.inRange,\r\n.flatpickr-day:hover,\r\n.flatpickr-day.prevMonthDay:hover,\r\n.flatpickr-day.nextMonthDay:hover,\r\n.flatpickr-day:focus,\r\n.flatpickr-day.prevMonthDay:focus,\r\n.flatpickr-day.nextMonthDay:focus {\r\n  cursor: pointer;\r\n  outline: 0;\r\n  background: #e9e9e9;\r\n  border-color: #e9e9e9;\r\n}\r\n.flatpickr-day.today {\r\n  border-color: ${primary2};\r\n}\r\n.flatpickr-day.today:hover,\r\n.flatpickr-day.today:focus {\r\n  border-color: ${primary2};\r\n  background: ${primary2};\r\n  color: ${bg};\r\n}\r\n.flatpickr-day.selected,\r\n.flatpickr-day.startRange,\r\n.flatpickr-day.endRange,\r\n.flatpickr-day.selected.inRange,\r\n.flatpickr-day.startRange.inRange,\r\n.flatpickr-day.endRange.inRange,\r\n.flatpickr-day.selected:focus,\r\n.flatpickr-day.startRange:focus,\r\n.flatpickr-day.endRange:focus,\r\n.flatpickr-day.selected:hover,\r\n.flatpickr-day.startRange:hover,\r\n.flatpickr-day.endRange:hover,\r\n.flatpickr-day.selected.prevMonthDay,\r\n.flatpickr-day.startRange.prevMonthDay,\r\n.flatpickr-day.endRange.prevMonthDay,\r\n.flatpickr-day.selected.nextMonthDay,\r\n.flatpickr-day.startRange.nextMonthDay,\r\n.flatpickr-day.endRange.nextMonthDay {\r\n  background: ${primary};\r\n  -webkit-box-shadow: none;\r\n          box-shadow: none;\r\n  color: ${bg};\r\n  border-color: ${primary};\r\n}\r\n.flatpickr-day.selected.startRange,\r\n.flatpickr-day.startRange.startRange,\r\n.flatpickr-day.endRange.startRange {\r\n  border-radius: 50px 0 0 50px;\r\n}\r\n.flatpickr-day.selected.endRange,\r\n.flatpickr-day.startRange.endRange,\r\n.flatpickr-day.endRange.endRange {\r\n  border-radius: 0 50px 50px 0;\r\n}\r\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\r\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\r\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\r\n  -webkit-box-shadow: -10px 0 0 ${primary};\r\n          box-shadow: -10px 0 0 ${primary};\r\n}\r\n.flatpickr-day.selected.startRange.endRange,\r\n.flatpickr-day.startRange.startRange.endRange,\r\n.flatpickr-day.endRange.startRange.endRange {\r\n  border-radius: 50px;\r\n}\r\n.flatpickr-day.inRange {\r\n  border-radius: 0;\r\n  -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\r\n          box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;\r\n}\r\n.flatpickr-day.flatpickr-disabled,\r\n.flatpickr-day.flatpickr-disabled:hover,\r\n.flatpickr-day.prevMonthDay,\r\n.flatpickr-day.nextMonthDay,\r\n.flatpickr-day.notAllowed,\r\n.flatpickr-day.notAllowed.prevMonthDay,\r\n.flatpickr-day.notAllowed.nextMonthDay {\r\n  color: rgba(64,72,72,0.3);\r\n  background: transparent;\r\n  border-color: #e9e9e9;\r\n  cursor: default;\r\n}\r\n.flatpickr-day.flatpickr-disabled,\r\n.flatpickr-day.flatpickr-disabled:hover {\r\n  cursor: not-allowed;\r\n  color: rgba(64,72,72,0.1);\r\n}\r\n.flatpickr-day.week.selected {\r\n  border-radius: 0;\r\n  -webkit-box-shadow: -5px 0 0 ${primary}, 5px 0 0 ${primary};\r\n          box-shadow: -5px 0 0 ${primary}, 5px 0 0 ${primary};\r\n}\r\n.flatpickr-day.hidden {\r\n  visibility: hidden;\r\n}\r\n.rangeMode .flatpickr-day {\r\n  margin-top: 1px;\r\n}\r\n.flatpickr-weekwrapper {\r\n  float: left;\r\n}\r\n.flatpickr-weekwrapper .flatpickr-weeks {\r\n  padding: 0 12px;\r\n  -webkit-box-shadow: 1px 0 0 #eee;\r\n          box-shadow: 1px 0 0 #eee;\r\n}\r\n.flatpickr-weekwrapper .flatpickr-weekday {\r\n  float: none;\r\n  width: 100%;\r\n  line-height: 28px;\r\n}\r\n.flatpickr-weekwrapper span.flatpickr-day,\r\n.flatpickr-weekwrapper span.flatpickr-day:hover {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: none;\r\n  color: rgba(64,72,72,0.3);\r\n  background: transparent;\r\n  cursor: default;\r\n  border: none;\r\n}\r\n.flatpickr-innerContainer {\r\n  display: block;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n.flatpickr-rContainer {\r\n  display: inline-block;\r\n  padding: 0;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n}\r\n.flatpickr-time {\r\n  text-align: center;\r\n  outline: 0;\r\n  display: block;\r\n  height: 0;\r\n  line-height: 40px;\r\n  max-height: 40px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  overflow: hidden;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n.flatpickr-time:after {\r\n  content: \"\";\r\n  display: table;\r\n  clear: both;\r\n}\r\n.flatpickr-time .numInputWrapper {\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n  width: 40%;\r\n  height: 40px;\r\n  float: left;\r\n}\r\n.flatpickr-time .numInputWrapper span.arrowUp:after {\r\n  border-bottom-color: #404848;\r\n}\r\n.flatpickr-time .numInputWrapper span.arrowDown:after {\r\n  border-top-color: #404848;\r\n}\r\n.flatpickr-time.hasSeconds .numInputWrapper {\r\n  width: 26%;\r\n}\r\n.flatpickr-time.time24hr .numInputWrapper {\r\n  width: 49%;\r\n}\r\n.flatpickr-time input {\r\n  background: transparent;\r\n  -webkit-box-shadow: none;\r\n          box-shadow: none;\r\n  border: 0;\r\n  border-radius: 0;\r\n  text-align: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  height: inherit;\r\n  line-height: inherit;\r\n  color: #404848;\r\n  font-size: 14px;\r\n  position: relative;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  -webkit-appearance: textfield;\r\n  -moz-appearance: textfield;\r\n  appearance: textfield;\r\n}\r\n.flatpickr-time input.flatpickr-hour {\r\n  font-weight: bold;\r\n}\r\n.flatpickr-time input.flatpickr-minute,\r\n.flatpickr-time input.flatpickr-second {\r\n  font-weight: 400;\r\n}\r\n.flatpickr-time input:focus {\r\n  outline: 0;\r\n  border: 0;\r\n}\r\n.flatpickr-time .flatpickr-time-separator,\r\n.flatpickr-time .flatpickr-am-pm {\r\n  height: inherit;\r\n  float: left;\r\n  line-height: inherit;\r\n  color: #404848;\r\n  font-weight: bold;\r\n  width: 2%;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  -webkit-align-self: center;\r\n      -ms-flex-item-align: center;\r\n          align-self: center;\r\n}\r\n.flatpickr-time .flatpickr-am-pm {\r\n  outline: 0;\r\n  width: 18%;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-weight: 400;\r\n}\r\n.flatpickr-time input:hover,\r\n.flatpickr-time .flatpickr-am-pm:hover,\r\n.flatpickr-time input:focus,\r\n.flatpickr-time .flatpickr-am-pm:focus {\r\n  background: #f1f1f1;\r\n}\r\n.flatpickr-input[readonly] {\r\n  cursor: pointer;\r\n}\r\n@-webkit-keyframes fpFadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, -20px, 0);\r\n            transform: translate3d(0, -20px, 0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n            transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n@keyframes fpFadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, -20px, 0);\r\n            transform: translate3d(0, -20px, 0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n            transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n.flatpickr-calendar {\r\n  width: 200px;\r\n}\r\n.dayContainer {\r\n  padding: 0;\r\n  border-right: 0;\r\n}\r\nspan.flatpickr-day,\r\nspan.flatpickr-day.prevMonthDay,\r\nspan.flatpickr-day.nextMonthDay {\r\n  border-radius: 0 !important;\r\n  border: 1px solid #e9e9e9;\r\n  max-width: none;\r\n  border-right-color: transparent;\r\n}\r\nspan.flatpickr-day:nth-child(n+8),\r\nspan.flatpickr-day.prevMonthDay:nth-child(n+8),\r\nspan.flatpickr-day.nextMonthDay:nth-child(n+8) {\r\n  border-top-color: transparent;\r\n}\r\nspan.flatpickr-day:nth-child(7n-6),\r\nspan.flatpickr-day.prevMonthDay:nth-child(7n-6),\r\nspan.flatpickr-day.nextMonthDay:nth-child(7n-6) {\r\n  border-left: 0;\r\n}\r\nspan.flatpickr-day:nth-child(n+36),\r\nspan.flatpickr-day.prevMonthDay:nth-child(n+36),\r\nspan.flatpickr-day.nextMonthDay:nth-child(n+36) {\r\n  border-bottom: 0;\r\n}\r\nspan.flatpickr-day:nth-child(-n+7),\r\nspan.flatpickr-day.prevMonthDay:nth-child(-n+7),\r\nspan.flatpickr-day.nextMonthDay:nth-child(-n+7) {\r\n  margin-top: 0;\r\n}\r\nspan.flatpickr-day.today:not(.selected),\r\nspan.flatpickr-day.prevMonthDay.today:not(.selected),\r\nspan.flatpickr-day.nextMonthDay.today:not(.selected) {\r\n  border-color: #e9e9e9;\r\n  border-right-color: transparent;\r\n  border-top-color: transparent;\r\n  border-bottom-color: ${primary2};\r\n}\r\nspan.flatpickr-day.today:not(.selected):hover,\r\nspan.flatpickr-day.prevMonthDay.today:not(.selected):hover,\r\nspan.flatpickr-day.nextMonthDay.today:not(.selected):hover {\r\n  border: 1px solid ${primary2};\r\n}\r\nspan.flatpickr-day.startRange,\r\nspan.flatpickr-day.prevMonthDay.startRange,\r\nspan.flatpickr-day.nextMonthDay.startRange,\r\nspan.flatpickr-day.endRange,\r\nspan.flatpickr-day.prevMonthDay.endRange,\r\nspan.flatpickr-day.nextMonthDay.endRange {\r\n  border-color: ${primary};\r\n}\r\nspan.flatpickr-day.today,\r\nspan.flatpickr-day.prevMonthDay.today,\r\nspan.flatpickr-day.nextMonthDay.today,\r\nspan.flatpickr-day.selected,\r\nspan.flatpickr-day.prevMonthDay.selected,\r\nspan.flatpickr-day.nextMonthDay.selected {\r\n  z-index: 2;\r\n}\r\n.rangeMode .flatpickr-day {\r\n  margin-top: -1px;\r\n}\r\n.flatpickr-weekwrapper .flatpickr-weeks {\r\n  -webkit-box-shadow: none;\r\n          box-shadow: none;\r\n}\r\n.flatpickr-weekwrapper span.flatpickr-day {\r\n  border: 0;\r\n  margin: -1px 0 0 -1px;\r\n}\r\n.hasWeeks .flatpickr-days {\r\n  border-right: 0;\r\n}\r\n\r\n\t@media screen and (min-width:0\\\\0) and (min-resolution: +72dpi) {\r\n\t\tspan.flatpickr-day {\r\n\t\t\tdisplay: block;\r\n\t\t\t-webkit-box-flex: 1;\r\n\t\t\t-webkit-flex: 1 0 auto;\r\n\t\t\t    -ms-flex: 1 0 auto;\r\n\t\t\t        flex: 1 0 auto;\r\n\t\t}\r\n\t}\r\n\t\t`));\r\n\t}\r\n\r\n}"]}
+{"version":3,"file":"DateRangeSelector.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/DateRangeSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\nimport { Dropdown } from \"./Dropdown\";\r\nimport { StockIcons } from \"./StockIcons\";\r\nimport { StyleSheet } from \"../../../core/util/Utils\";\r\nimport flatpickr from \"flatpickr\";\r\n\r\nimport * as $utils from \"../../../core/util/Utils\";\r\nimport * as $type from \"../../../core/util/Type\";\r\n\r\nexport interface IDateRangeSelectorSettings extends IStockControlSettings {\r\n\r\n\t/**\r\n\t * Date format to use for date input fields.\r\n\t *\r\n\t * Will use global date format if not set.\r\n\t */\r\n\tdateFormat?: string;\r\n\r\n\t/**\r\n\t * If set to `false` the control will not load default CSS for Flatpickr\r\n\t * component. This would mean it would be unstyled, and would require\r\n\t * custom CSS present on the page.\r\n\t *\r\n\t * @default true\r\n\t * @since 5.2.4\r\n\t */\r\n\tuseDefaultCSS?: boolean;\r\n\r\n}\r\n\r\nexport interface IDateRangeSelectorPrivate extends IStockControlPrivate {\r\n\tdropdown: Dropdown;\r\n\r\n\tfromField: HTMLInputElement;\r\n\tfromPicker: any;\r\n\tfromDate?: Date;\r\n\r\n\ttoField: HTMLInputElement;\r\n\ttoPicker: any;\r\n\ttoDate?: Date;\r\n}\r\n\r\nexport interface IDateRangeSelectorEvents extends IStockControlEvents {\r\n}\r\n\r\n/**\r\n * Date range selector control for [[StockChart]].\r\n *\r\n * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/date-range-selector/} for more info\r\n */\r\nexport class DateRangeSelector extends StockControl {\r\n\tpublic static className: string = \"DateRangeSelector\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([DateRangeSelector.className]);\r\n\r\n\tdeclare public _settings: IDateRangeSelectorSettings;\r\n\tdeclare public _privateSettings: IDateRangeSelectorPrivate;\r\n\tdeclare public _events: IDateRangeSelectorEvents;\r\n\r\n\tprotected _afterNew() {\r\n\r\n\t\t// Do parent stuff\r\n\t\tsuper._afterNew();\r\n\r\n\t\t// Create list of tools\r\n\t\tconst dropdown = Dropdown.new(this._root, {\r\n\t\t\tcontrol: this,\r\n\t\t\tparent: this.getPrivate(\"button\")\r\n\t\t});\r\n\t\tthis.setPrivate(\"dropdown\", dropdown);\r\n\r\n\t\tdropdown.events.on(\"opened\", (_ev) => {\r\n\t\t\tthis.set(\"active\", true);\r\n\t\t\tthis._updateInputs();\r\n\t\t});\r\n\r\n\t\tdropdown.events.on(\"closed\", (_ev) => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tthis.on(\"active\", (active) => {\r\n\t\t\tif (active) {\r\n\t\t\t\tthis.setTimeout(() => {\r\n\t\t\t\t\tdropdown.show();\r\n\t\t\t\t}, 10);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdropdown.hide();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\tbutton.className = button.className + \" am5stock-control-dropdown\";\r\n\r\n\t\tif (this.get(\"useDefaultCSS\", true)) {\r\n\t\t\tthis._loadDefaultCSS();\r\n\t\t}\r\n\t\tthis._initDropdown();\r\n\t}\r\n\r\n\tprotected _initDropdown(): void {\r\n\t\tconst dropdown = this.getPrivate(\"dropdown\");\r\n\t\tconst container = dropdown.getPrivate(\"container\")!;\r\n\r\n\t\tconst content = document.createElement(\"div\")\r\n\t\tcontent.className = \"am5stock-row\";\r\n\t\tcontainer.appendChild(content);\r\n\r\n\t\t// From fields\r\n\t\tconst fromColumn = document.createElement(\"div\")\r\n\t\tfromColumn.className = \"am5stock-column\";\r\n\t\tcontent.appendChild(fromColumn);\r\n\r\n\t\tconst fromGroup = document.createElement(\"div\");\r\n\t\tfromGroup.className = \"am5stock-group\";\r\n\t\tfromColumn.appendChild(fromGroup);\r\n\r\n\t\tconst fromLabel = document.createElement(\"span\");\r\n\t\tfromLabel.innerHTML = this._root.language.translate(\"From %1\", undefined, \"\") + \": \";\r\n\t\tfromGroup.appendChild(fromLabel);\r\n\r\n\t\tconst fromField = document.createElement(\"input\");\r\n\t\tfromField.type = \"text\";\r\n\t\tfromGroup.appendChild(fromField);\r\n\t\tthis.setPrivate(\"fromField\", fromField);\r\n\r\n\t\t// To fields\r\n\t\tconst toColumn = document.createElement(\"div\")\r\n\t\ttoColumn.className = \"am5stock-column\";\r\n\t\tcontent.appendChild(toColumn);\r\n\r\n\t\tconst toGroup = document.createElement(\"div\");\r\n\t\ttoGroup.className = \"am5stock-group\";\r\n\t\ttoColumn.appendChild(toGroup);\r\n\r\n\t\tconst toLabel = document.createElement(\"span\");\r\n\t\ttoLabel.innerHTML = this._root.language.translate(\"To %1\", undefined, \"\") + \": \";\r\n\t\ttoGroup.appendChild(toLabel);\r\n\r\n\t\tconst toField = document.createElement(\"input\");\r\n\t\ttoField.type = \"text\";\r\n\t\ttoGroup.appendChild(toField);\r\n\t\tthis.setPrivate(\"toField\", toField);\r\n\r\n\t\t// Date pickers\r\n\t\tconst pickerLocale = this._getPickerLocale();\r\n\r\n\t\tconst fromPicker = flatpickr(fromField, {\r\n\t\t\tinline: true,\r\n\t\t\tappendTo: fromColumn,\r\n\t\t\tallowInput: true,\r\n\t\t\tlocale: pickerLocale,\r\n\t\t\tformatDate: (date) => {\r\n\t\t\t\treturn this._formatDate(date);\r\n\t\t\t},\r\n\t\t\tparseDate: (date) => {\r\n\t\t\t\treturn this._parseDate(date);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setPrivate(\"fromPicker\", fromPicker);\r\n\r\n\t\tconst toPicker = flatpickr(toField, {\r\n\t\t\tinline: true,\r\n\t\t\tappendTo: toColumn,\r\n\t\t\tallowInput: true,\r\n\t\t\tlocale: pickerLocale,\r\n\t\t\tformatDate: (date) => {\r\n\t\t\t\treturn this._formatDate(date);\r\n\t\t\t},\r\n\t\t\tparseDate: (date) => {\r\n\t\t\t\treturn this._parseDate(date);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setPrivate(\"toPicker\", toPicker);\r\n\r\n\r\n\t\t// Buttons\r\n\t\tconst buttons = document.createElement(\"div\")\r\n\t\tbuttons.className = \"am5stock-row\";\r\n\t\tcontainer.appendChild(buttons);\r\n\r\n\t\tconst buttonsColumn = document.createElement(\"div\")\r\n\t\tbuttonsColumn.className = \"am5stock-column\";\r\n\t\tcontainer.appendChild(buttonsColumn);\r\n\r\n\t\tconst saveButton = document.createElement(\"input\");\r\n\t\tsaveButton.type = \"button\";\r\n\t\tsaveButton.value = this._root.language.translateAny(\"Apply\");\r\n\t\tsaveButton.className = \"am5-modal-button am5-modal-primary\";\r\n\t\tbuttonsColumn.appendChild(saveButton);\r\n\r\n\t\t$utils.addEventListener(saveButton, \"click\", () => {\r\n\t\t\tconst xAxis = this._getAxis();\r\n\t\t\tconst from = this._parseDate(fromField.value);\r\n\t\t\tconst to = this._parseDate(toField.value);\r\n\t\t\txAxis.zoomToDates(from, to);\r\n\t\t\tthis._updateLabel();\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tconst cancelButton = document.createElement(\"input\");\r\n\t\tcancelButton.type = \"button\";\r\n\t\tcancelButton.value = this._root.language.translateAny(\"Cancel\");\r\n\t\tcancelButton.className = \"am5-modal-button am5-modal-scondary\";\r\n\t\tbuttonsColumn.appendChild(cancelButton);\r\n\r\n\t\t$utils.addEventListener(cancelButton, \"click\", () => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t}\r\n\r\n\tprotected _getDefaultIcon(): SVGElement {\r\n\t\treturn StockIcons.getIcon(\"Calendar\");\r\n\t}\r\n\r\n\tpublic _afterChanged() {\r\n\t\tsuper._afterChanged();\r\n\t\t// if (this.isDirty(\"active\")) {\r\n\t\t// \tthis._initDropdown();\r\n\t\t// }\r\n\t}\r\n\r\n\tprotected _updateInputs(): void {\r\n\t\tconst xAxis = this._getAxis();\r\n\t\tconst from = new Date(xAxis!.getPrivate(\"selectionMin\", 0));\r\n\t\tconst to = new Date(xAxis!.getPrivate(\"selectionMax\", 0));\r\n\r\n\t\tthis.setPrivate(\"fromDate\", from);\r\n\t\tthis.setPrivate(\"toDate\", to);\r\n\r\n\t\tthis.getPrivate(\"fromField\").value = this._formatDate(from);\r\n\t\tthis.getPrivate(\"toField\").value = this._formatDate(to);\r\n\r\n\t\tthis.getPrivate(\"fromPicker\").setDate(from);\r\n\t\tthis.getPrivate(\"toPicker\").setDate(to);\r\n\t}\r\n\r\n\tprotected _updateLabel(): void {\r\n\t\tconst from = this.getPrivate(\"fromDate\");\r\n\t\tconst to = this.getPrivate(\"toDate\");\r\n\t\tlet label = \"\";\r\n\t\tif (from && to) {\r\n\t\t\tlabel = this._formatDate(from) + \" -- \" + this._formatDate(to);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tlabel = this._root.language.translateAny(\"Date Range\");\r\n\t\t}\r\n\t\tthis.set(\"name\", label);\r\n\t}\r\n\r\n\tprotected _formatDate(date: Date): string {\r\n\t\treturn this._root.dateFormatter.format(date, this._getDateFormat());\r\n\t}\r\n\r\n\tprotected _parseDate(date: string): Date {\r\n\t\treturn this._root.dateFormatter.parse(date, this._getDateFormat());\r\n\t}\r\n\r\n\tprotected _getDateFormat(): string {\r\n\t\tconst format = this.get(\"dateFormat\", this._root.dateFormatter.get(\"dateFormat\"));\r\n\t\treturn $type.isString(format) ? format : \"MM/dd/yyyy\";\r\n\t}\r\n\r\n\tprotected _getAxis(): any {\r\n\t\tconst stockChart = this.get(\"stockChart\");\r\n\t\tconst chart = stockChart.panels.getIndex(0)!;\r\n\t\tconst xAxis: any = chart.xAxes.getIndex(0)!;\r\n\t\treturn xAxis;\r\n\t}\r\n\r\n\tprotected _getPickerLocale(): any {\r\n\t\tconst l = this._root.language;\r\n\t\treturn {\r\n\t\t\tweekdays: {\r\n\t\t\t\tshorthand: [\r\n\t\t\t\t\tl.translate(\"Sun\"),\r\n\t\t\t\t\tl.translate(\"Mon\"),\r\n\t\t\t\t\tl.translate(\"Tue\"),\r\n\t\t\t\t\tl.translate(\"Wed\"),\r\n\t\t\t\t\tl.translate(\"Thu\"),\r\n\t\t\t\t\tl.translate(\"Fri\"),\r\n\t\t\t\t\tl.translate(\"Sat\")\r\n\t\t\t\t],\r\n\t\t\t\tlonghand: [\r\n\t\t\t\t\tl.translate(\"Sunday\"),\r\n\t\t\t\t\tl.translate(\"Monday\"),\r\n\t\t\t\t\tl.translate(\"Tuesday\"),\r\n\t\t\t\t\tl.translate(\"Wednesday\"),\r\n\t\t\t\t\tl.translate(\"Thursday\"),\r\n\t\t\t\t\tl.translate(\"Friday\"),\r\n\t\t\t\t\tl.translate(\"Saturday\"),\r\n\t\t\t\t],\r\n\t\t\t},\r\n\t\t\tmonths: {\r\n\t\t\t\tshorthand: [\r\n\t\t\t\t\tl.translate(\"Jan\"),\r\n\t\t\t\t\tl.translate(\"Feb\"),\r\n\t\t\t\t\tl.translate(\"Mar\"),\r\n\t\t\t\t\tl.translate(\"Apr\"),\r\n\t\t\t\t\tl.translate(\"May(short)\"),\r\n\t\t\t\t\tl.translate(\"Jun\"),\r\n\t\t\t\t\tl.translate(\"Jul\"),\r\n\t\t\t\t\tl.translate(\"Aug\"),\r\n\t\t\t\t\tl.translate(\"Sep\"),\r\n\t\t\t\t\tl.translate(\"Oct\"),\r\n\t\t\t\t\tl.translate(\"Nov\"),\r\n\t\t\t\t\tl.translate(\"Dec\"),\r\n\t\t\t\t],\r\n\t\t\t\tlonghand: [\r\n\t\t\t\t\tl.translate(\"January\"),\r\n\t\t\t\t\tl.translate(\"February\"),\r\n\t\t\t\t\tl.translate(\"March\"),\r\n\t\t\t\t\tl.translate(\"April\"),\r\n\t\t\t\t\tl.translate(\"May\"),\r\n\t\t\t\t\tl.translate(\"June\"),\r\n\t\t\t\t\tl.translate(\"July\"),\r\n\t\t\t\t\tl.translate(\"August\"),\r\n\t\t\t\t\tl.translate(\"September\"),\r\n\t\t\t\t\tl.translate(\"October\"),\r\n\t\t\t\t\tl.translate(\"November\"),\r\n\t\t\t\t\tl.translate(\"December\"),\r\n\t\t\t\t],\r\n\t\t\t},\r\n\t\t\tfirstDayOfWeek: l.translate(\"firstDayOfWeek\"),\r\n\t\t\tordinal: l.translateFunc(\"_dateOrd\"),\r\n\t\t\trangeSeparator: \" \" + l.translateAny(\"to\") + \" \",\r\n\t\t\tweekAbbreviation: l.translateAny(\"Wk\"),\r\n\t\t\tscrollTitle: l.translateAny(\"Scroll to increment\"),\r\n\t\t\ttoggleTitle: l.translateAny(\"Click to toggle\"),\r\n\t\t\tamPM: [l.translate(\"AM\"), l.translate(\"PM\")],\r\n\t\t\tyearAriaLabel: l.translateAny(\"Year\"),\r\n\t\t\tmonthAriaLabel: l.translateAny(\"Month\"),\r\n\t\t\thourAriaLabel: l.translateAny(\"Hour\"),\r\n\t\t\tminuteAriaLabel: l.translateAny(\"Minute\"),\r\n\t\t\ttime_24hr: true,\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Loads the default CSS.\r\n\t *\r\n\t * @ignore Exclude from docs\r\n\t */\r\n\tprotected _loadDefaultCSS(): void {\r\n\t\tconst ic = this._root.interfaceColors;\r\n\t\t//const active = ic.get(\"secondaryButton\")!.toCSS();\r\n\t\tconst primary = ic.get(\"primaryButton\")!.toCSS();\r\n\t\tconst primary2 = ic.get(\"primaryButtonHover\")!.toCSS();\r\n\t\tconst text = ic.get(\"text\")!.toCSS();\r\n\t\tconst border = ic.get(\"secondaryButtonActive\")!.toCSS();\r\n\t\tconst bg = ic.get(\"background\")!.toCSS();\r\n\r\n\t\tthis._disposers.push(new StyleSheet(null, `\r\n.flatpickr-calendar {\r\n  background: transparent;\r\n  opacity: 0;\r\n  display: none;\r\n  text-align: center;\r\n  visibility: hidden;\r\n  padding: 0;\r\n  -webkit-animation: none;\r\n          animation: none;\r\n  direction: ltr;\r\n  border: 0;\r\n  font-size: 0.7em;\r\n  line-height: 24px;\r\n  border-radius: 5px;\r\n  position: absolute;\r\n  width: 200px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  -ms-touch-action: manipulation;\r\n      touch-action: manipulation;\r\n  background: ${bg};\r\n  margin-top: 0.5em;\r\n}\r\n.flatpickr-calendar.open,\r\n.flatpickr-calendar.inline {\r\n  opacity: 1;\r\n  max-height: 640px;\r\n  visibility: visible;\r\n}\r\n.flatpickr-calendar.open {\r\n  display: inline-block;\r\n  z-index: 99999;\r\n}\r\n.flatpickr-calendar.animate.open {\r\n  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\r\n          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n.flatpickr-calendar.inline {\r\n  display: block;\r\n  position: relative;\r\n  top: 2px;\r\n}\r\n.flatpickr-calendar.static {\r\n  position: absolute;\r\n  top: calc(100% + 2px);\r\n}\r\n.flatpickr-calendar.static.open {\r\n  z-index: 999;\r\n  display: block;\r\n}\r\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\r\n  -webkit-box-shadow: none !important;\r\n          box-shadow: none !important;\r\n}\r\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\r\n  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\r\n          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\r\n}\r\n.flatpickr-calendar .hasWeeks .dayContainer,\r\n.flatpickr-calendar .hasTime .dayContainer {\r\n  border-bottom: 0;\r\n  border-bottom-right-radius: 0;\r\n  border-bottom-left-radius: 0;\r\n}\r\n.flatpickr-calendar .hasWeeks .dayContainer {\r\n  border-left: 0;\r\n}\r\n.flatpickr-calendar.hasTime .flatpickr-time {\r\n  height: 40px;\r\n  border-top: 1px solid ${border};\r\n}\r\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\r\n  height: auto;\r\n}\r\n.flatpickr-calendar:before,\r\n.flatpickr-calendar:after {\r\n  position: absolute;\r\n  display: block;\r\n  pointer-events: none;\r\n  border: solid transparent;\r\n  content: '';\r\n  height: 0;\r\n  width: 0;\r\n  left: 22px;\r\n}\r\n.flatpickr-calendar.rightMost:before,\r\n.flatpickr-calendar.arrowRight:before,\r\n.flatpickr-calendar.rightMost:after,\r\n.flatpickr-calendar.arrowRight:after {\r\n  left: auto;\r\n  right: 22px;\r\n}\r\n.flatpickr-calendar.arrowCenter:before,\r\n.flatpickr-calendar.arrowCenter:after {\r\n  left: 50%;\r\n  right: 50%;\r\n}\r\n.flatpickr-calendar:before {\r\n  border-width: 5px;\r\n  margin: 0 -5px;\r\n}\r\n.flatpickr-calendar:after {\r\n  border-width: 4px;\r\n  margin: 0 -4px;\r\n}\r\n.flatpickr-calendar.arrowTop:before,\r\n.flatpickr-calendar.arrowTop:after {\r\n  bottom: 100%;\r\n}\r\n.flatpickr-calendar.arrowTop:before {\r\n  border-bottom-color: ${border};\r\n}\r\n.flatpickr-calendar.arrowTop:after {\r\n  border-bottom-color: ${bg};\r\n}\r\n.flatpickr-calendar.arrowBottom:before,\r\n.flatpickr-calendar.arrowBottom:after {\r\n  top: 100%;\r\n}\r\n.flatpickr-calendar.arrowBottom:before {\r\n  border-top-color: ${border};\r\n}\r\n.flatpickr-calendar.arrowBottom:after {\r\n  border-top-color: ${bg};\r\n}\r\n.flatpickr-calendar:focus {\r\n  outline: 0;\r\n}\r\n.flatpickr-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n.flatpickr-months {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n.flatpickr-months .flatpickr-month {\r\n  background: transparent;\r\n  color: ${text};\r\n  fill: ${text};\r\n  height: 34px;\r\n  line-height: 1;\r\n  text-align: center;\r\n  position: relative;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  overflow: hidden;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n}\r\n.flatpickr-months .flatpickr-prev-month,\r\n.flatpickr-months .flatpickr-next-month {\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 0;\r\n  height: 34px;\r\n  padding: 10px;\r\n  z-index: 3;\r\n  color: ${text};\r\n  fill: ${text};\r\n}\r\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\r\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\r\n  display: none;\r\n}\r\n.flatpickr-months .flatpickr-prev-month i,\r\n.flatpickr-months .flatpickr-next-month i {\r\n  position: relative;\r\n}\r\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\r\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      */\r\n  left: 0;\r\n/*\r\n      /*rtl:end:ignore*/\r\n/*\r\n      */\r\n}\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      /*rtl:end:ignore*/\r\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\r\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      */\r\n  right: 0;\r\n/*\r\n      /*rtl:end:ignore*/\r\n/*\r\n      */\r\n}\r\n/*\r\n      /*rtl:begin:ignore*/\r\n/*\r\n      /*rtl:end:ignore*/\r\n.flatpickr-months .flatpickr-prev-month:hover,\r\n.flatpickr-months .flatpickr-next-month:hover {\r\n  color: ${primary2};\r\n}\r\n.flatpickr-months .flatpickr-prev-month:hover svg,\r\n.flatpickr-months .flatpickr-next-month:hover svg {\r\n  fill: ${primary2};\r\n}\r\n.flatpickr-months .flatpickr-prev-month svg,\r\n.flatpickr-months .flatpickr-next-month svg {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n.flatpickr-months .flatpickr-prev-month svg path,\r\n.flatpickr-months .flatpickr-next-month svg path {\r\n  -webkit-transition: fill 0.1s;\r\n  transition: fill 0.1s;\r\n  fill: inherit;\r\n}\r\n.numInputWrapper {\r\n  position: relative;\r\n  height: auto;\r\n}\r\n.numInputWrapper input,\r\n.numInputWrapper span {\r\n  display: inline-block;\r\n}\r\n.numInputWrapper input {\r\n  width: 100%;\r\n}\r\n.numInputWrapper input::-ms-clear {\r\n  display: none;\r\n}\r\n.numInputWrapper input::-webkit-outer-spin-button,\r\n.numInputWrapper input::-webkit-inner-spin-button {\r\n  margin: 0;\r\n  -webkit-appearance: none;\r\n}\r\n.numInputWrapper span {\r\n  position: absolute;\r\n  right: 0;\r\n  width: 14px;\r\n  padding: 0 4px 0 2px;\r\n  height: 50%;\r\n  line-height: 50%;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  border: 1px solid rgba(64,72,72,0.15);\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n}\r\n.numInputWrapper span:hover {\r\n  background: rgba(0,0,0,0.1);\r\n}\r\n.numInputWrapper span:active {\r\n  background: rgba(0,0,0,0.2);\r\n}\r\n.numInputWrapper span:after {\r\n  display: block;\r\n  content: \"\";\r\n  position: absolute;\r\n}\r\n.numInputWrapper span.arrowUp {\r\n  top: 0;\r\n  border-bottom: 0;\r\n}\r\n.numInputWrapper span.arrowUp:after {\r\n  border-left: 4px solid transparent;\r\n  border-right: 4px solid transparent;\r\n  border-bottom: 4px solid rgba(64,72,72,0.6);\r\n  top: 26%;\r\n}\r\n.numInputWrapper span.arrowDown {\r\n  top: 50%;\r\n}\r\n.numInputWrapper span.arrowDown:after {\r\n  border-left: 4px solid transparent;\r\n  border-right: 4px solid transparent;\r\n  border-top: 4px solid rgba(64,72,72,0.6);\r\n  top: 40%;\r\n}\r\n.numInputWrapper span svg {\r\n  width: inherit;\r\n  height: auto;\r\n}\r\n.numInputWrapper span svg path {\r\n  fill: rgba(60,63,64,0.5);\r\n}\r\n.numInputWrapper:hover {\r\n  background: rgba(0,0,0,0.05);\r\n}\r\n.numInputWrapper:hover span {\r\n  opacity: 1;\r\n}\r\n.flatpickr-current-month {\r\n  font-size: 135%;\r\n  line-height: inherit;\r\n  font-weight: 300;\r\n  color: inherit;\r\n  position: absolute;\r\n  width: 75%;\r\n  left: 12.5%;\r\n  padding: 7.48px 0 0 0;\r\n  line-height: 1;\r\n  height: 34px;\r\n  display: inline-block;\r\n  text-align: center;\r\n  -webkit-transform: translate3d(0px, 0px, 0px);\r\n          transform: translate3d(0px, 0px, 0px);\r\n}\r\n.flatpickr-current-month span.cur-month {\r\n  font-family: inherit;\r\n  font-weight: 700;\r\n  color: inherit;\r\n  display: inline-block;\r\n  margin-left: 0.5ch;\r\n  padding: 0;\r\n}\r\n.flatpickr-current-month span.cur-month:hover {\r\n  background: rgba(0,0,0,0.05);\r\n}\r\n.flatpickr-current-month .numInputWrapper {\r\n  width: 6ch;\r\n  width: 7ch\\\\0;\r\n  display: inline-block;\r\n}\r\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\r\n  border-bottom-color: ${text};\r\n}\r\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\r\n  border-top-color: ${text};\r\n}\r\n.flatpickr-current-month input.cur-year {\r\n  background: transparent;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  color: inherit;\r\n  cursor: text;\r\n  padding: 0 0 0 0.5ch;\r\n  margin: 0;\r\n  display: inline-block;\r\n  font-size: inherit;\r\n  font-family: inherit;\r\n  font-weight: 300;\r\n  line-height: inherit;\r\n  height: auto;\r\n  border: 0;\r\n  border-radius: 0;\r\n  vertical-align: initial;\r\n  -webkit-appearance: textfield;\r\n  -moz-appearance: textfield;\r\n  appearance: textfield;\r\n}\r\n.flatpickr-current-month input.cur-year:focus {\r\n  outline: 0;\r\n}\r\n.flatpickr-current-month input.cur-year[disabled],\r\n.flatpickr-current-month input.cur-year[disabled]:hover {\r\n  font-size: 100%;\r\n  color: rgba(60,63,64,0.5);\r\n  background: transparent;\r\n  pointer-events: none;\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months {\r\n  appearance: menulist;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 0;\r\n  box-sizing: border-box;\r\n  color: inherit;\r\n  cursor: pointer;\r\n  font-size: inherit;\r\n  font-family: inherit;\r\n  font-weight: 300;\r\n  height: auto;\r\n  line-height: inherit;\r\n  margin: -1px 0 0 0;\r\n  outline: none;\r\n  padding: 0 0 0 0.5ch;\r\n  position: relative;\r\n  vertical-align: initial;\r\n  -webkit-box-sizing: border-box;\r\n  -webkit-appearance: menulist;\r\n  -moz-appearance: menulist;\r\n  width: auto;\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\r\n  outline: none;\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\r\n  background: rgba(0,0,0,0.05);\r\n}\r\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\r\n  background-color: ${bg};\r\n  outline: none;\r\n  padding: 0;\r\n}\r\n.flatpickr-weekdays {\r\n  background: transparent;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -webkit-align-items: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  height: 28px;\r\n}\r\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n}\r\nspan.flatpickr-weekday {\r\n  cursor: default;\r\n  font-size: 90%;\r\n  background: transparent;\r\n  color: ${text};\r\n  line-height: 1;\r\n  margin: 0;\r\n  text-align: center;\r\n  display: block;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n  font-weight: bolder;\r\n}\r\n.dayContainer,\r\n.flatpickr-weeks {\r\n  padding: 1px 0 0 0;\r\n}\r\n.flatpickr-days {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: start;\r\n  -webkit-align-items: flex-start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\r\n  width: 200px;\r\n}\r\n.flatpickr-days:focus {\r\n  outline: 0;\r\n}\r\n.dayContainer {\r\n  padding: 0;\r\n  outline: 0;\r\n  text-align: left;\r\n  width: 200px;\r\n  min-width: 200px;\r\n  max-width: 200px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  display: inline-block;\r\n  display: -ms-flexbox;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: flex;\r\n  -webkit-flex-wrap: wrap;\r\n          flex-wrap: wrap;\r\n  -ms-flex-wrap: wrap;\r\n  -ms-flex-pack: justify;\r\n  -webkit-justify-content: space-around;\r\n          justify-content: space-around;\r\n  -webkit-transform: translate3d(0px, 0px, 0px);\r\n          transform: translate3d(0px, 0px, 0px);\r\n  opacity: 1;\r\n}\r\n.dayContainer + .dayContainer {\r\n  -webkit-box-shadow: -1px 0 0 ${border};\r\n          box-shadow: -1px 0 0 ${border};\r\n}\r\n.flatpickr-day {\r\n  background: none;\r\n  border: 1px solid transparent;\r\n  border-radius: 150px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  color: ${text};\r\n  cursor: pointer;\r\n  font-weight: 400;\r\n  width: 14.2857143%;\r\n  -webkit-flex-basis: 14.2857143%;\r\n      -ms-flex-preferred-size: 14.2857143%;\r\n          flex-basis: 14.2857143%;\r\n  max-width: 32px;\r\n  height: 32px;\r\n  line-height: 30px;\r\n  margin: 0;\r\n  display: inline-block;\r\n  position: relative;\r\n  -webkit-box-pack: center;\r\n  -webkit-justify-content: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  text-align: center;\r\n}\r\n.flatpickr-day.inRange,\r\n.flatpickr-day.prevMonthDay.inRange,\r\n.flatpickr-day.nextMonthDay.inRange,\r\n.flatpickr-day.today.inRange,\r\n.flatpickr-day.prevMonthDay.today.inRange,\r\n.flatpickr-day.nextMonthDay.today.inRange,\r\n.flatpickr-day:hover,\r\n.flatpickr-day.prevMonthDay:hover,\r\n.flatpickr-day.nextMonthDay:hover,\r\n.flatpickr-day:focus,\r\n.flatpickr-day.prevMonthDay:focus,\r\n.flatpickr-day.nextMonthDay:focus {\r\n  cursor: pointer;\r\n  outline: 0;\r\n  background: ${primary2};\r\n  border-color: ${primary2};\r\n}\r\n.flatpickr-day.today {\r\n  border-color: ${primary2};\r\n}\r\n.flatpickr-day.today:hover,\r\n.flatpickr-day.today:focus {\r\n  border-color: ${primary2};\r\n  background: ${primary2};\r\n  color: ${bg};\r\n}\r\n.flatpickr-day.selected,\r\n.flatpickr-day.startRange,\r\n.flatpickr-day.endRange,\r\n.flatpickr-day.selected.inRange,\r\n.flatpickr-day.startRange.inRange,\r\n.flatpickr-day.endRange.inRange,\r\n.flatpickr-day.selected:focus,\r\n.flatpickr-day.startRange:focus,\r\n.flatpickr-day.endRange:focus,\r\n.flatpickr-day.selected:hover,\r\n.flatpickr-day.startRange:hover,\r\n.flatpickr-day.endRange:hover,\r\n.flatpickr-day.selected.prevMonthDay,\r\n.flatpickr-day.startRange.prevMonthDay,\r\n.flatpickr-day.endRange.prevMonthDay,\r\n.flatpickr-day.selected.nextMonthDay,\r\n.flatpickr-day.startRange.nextMonthDay,\r\n.flatpickr-day.endRange.nextMonthDay {\r\n  background: ${primary};\r\n  -webkit-box-shadow: none;\r\n          box-shadow: none;\r\n  color: ${bg};\r\n  border-color: ${primary};\r\n}\r\n.flatpickr-day.selected.startRange,\r\n.flatpickr-day.startRange.startRange,\r\n.flatpickr-day.endRange.startRange {\r\n  border-radius: 50px 0 0 50px;\r\n}\r\n.flatpickr-day.selected.endRange,\r\n.flatpickr-day.startRange.endRange,\r\n.flatpickr-day.endRange.endRange {\r\n  border-radius: 0 50px 50px 0;\r\n}\r\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\r\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\r\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\r\n  -webkit-box-shadow: -10px 0 0 ${primary};\r\n          box-shadow: -10px 0 0 ${primary};\r\n}\r\n.flatpickr-day.selected.startRange.endRange,\r\n.flatpickr-day.startRange.startRange.endRange,\r\n.flatpickr-day.endRange.startRange.endRange {\r\n  border-radius: 50px;\r\n}\r\n.flatpickr-day.inRange {\r\n  border-radius: 0;\r\n  -webkit-box-shadow: -5px 0 0 ${primary2}, 5px 0 0 ${primary2};\r\n          box-shadow: -5px 0 0 ${primary2}, 5px 0 0 ${primary2};\r\n}\r\n.flatpickr-day.flatpickr-disabled,\r\n.flatpickr-day.flatpickr-disabled:hover,\r\n.flatpickr-day.prevMonthDay,\r\n.flatpickr-day.nextMonthDay,\r\n.flatpickr-day.notAllowed,\r\n.flatpickr-day.notAllowed.prevMonthDay,\r\n.flatpickr-day.notAllowed.nextMonthDay {\r\n  color: rgba(64,72,72,0.3);\r\n  background: transparent;\r\n  border-color: ${primary2};\r\n  cursor: default;\r\n}\r\n.flatpickr-day.flatpickr-disabled,\r\n.flatpickr-day.flatpickr-disabled:hover {\r\n  cursor: not-allowed;\r\n  color: rgba(64,72,72,0.1);\r\n}\r\n.flatpickr-day.week.selected {\r\n  border-radius: 0;\r\n  -webkit-box-shadow: -5px 0 0 ${primary}, 5px 0 0 ${primary};\r\n          box-shadow: -5px 0 0 ${primary}, 5px 0 0 ${primary};\r\n}\r\n.flatpickr-day.hidden {\r\n  visibility: hidden;\r\n}\r\n.rangeMode .flatpickr-day {\r\n  margin-top: 1px;\r\n}\r\n.flatpickr-weekwrapper {\r\n  float: left;\r\n}\r\n.flatpickr-weekwrapper .flatpickr-weeks {\r\n  padding: 0 12px;\r\n  -webkit-box-shadow: 1px 0 0 ${border};\r\n          box-shadow: 1px 0 0 ${border};\r\n}\r\n.flatpickr-weekwrapper .flatpickr-weekday {\r\n  float: none;\r\n  width: 100%;\r\n  line-height: 28px;\r\n}\r\n.flatpickr-weekwrapper span.flatpickr-day,\r\n.flatpickr-weekwrapper span.flatpickr-day:hover {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: none;\r\n  color: rgba(64,72,72,0.3);\r\n  background: transparent;\r\n  cursor: default;\r\n  border: none;\r\n}\r\n.flatpickr-innerContainer {\r\n  display: block;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n.flatpickr-rContainer {\r\n  display: inline-block;\r\n  padding: 0;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n}\r\n.flatpickr-time {\r\n  text-align: center;\r\n  outline: 0;\r\n  display: block;\r\n  height: 0;\r\n  line-height: 40px;\r\n  max-height: 40px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  overflow: hidden;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n.flatpickr-time:after {\r\n  content: \"\";\r\n  display: table;\r\n  clear: both;\r\n}\r\n.flatpickr-time .numInputWrapper {\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n  width: 40%;\r\n  height: 40px;\r\n  float: left;\r\n}\r\n.flatpickr-time .numInputWrapper span.arrowUp:after {\r\n  border-bottom-color: ${text};\r\n}\r\n.flatpickr-time .numInputWrapper span.arrowDown:after {\r\n  border-top-color: ${text};\r\n}\r\n.flatpickr-time.hasSeconds .numInputWrapper {\r\n  width: 26%;\r\n}\r\n.flatpickr-time.time24hr .numInputWrapper {\r\n  width: 49%;\r\n}\r\n.flatpickr-time input {\r\n  background: transparent;\r\n  -webkit-box-shadow: none;\r\n          box-shadow: none;\r\n  border: 0;\r\n  border-radius: 0;\r\n  text-align: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  height: inherit;\r\n  line-height: inherit;\r\n  color: ${text};\r\n  font-size: 14px;\r\n  position: relative;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  -webkit-appearance: textfield;\r\n  -moz-appearance: textfield;\r\n  appearance: textfield;\r\n}\r\n.flatpickr-time input.flatpickr-hour {\r\n  font-weight: bold;\r\n}\r\n.flatpickr-time input.flatpickr-minute,\r\n.flatpickr-time input.flatpickr-second {\r\n  font-weight: 400;\r\n}\r\n.flatpickr-time input:focus {\r\n  outline: 0;\r\n  border: 0;\r\n}\r\n.flatpickr-time .flatpickr-time-separator,\r\n.flatpickr-time .flatpickr-am-pm {\r\n  height: inherit;\r\n  float: left;\r\n  line-height: inherit;\r\n  color: ${text};\r\n  font-weight: bold;\r\n  width: 2%;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  -webkit-align-self: center;\r\n      -ms-flex-item-align: center;\r\n          align-self: center;\r\n}\r\n.flatpickr-time .flatpickr-am-pm {\r\n  outline: 0;\r\n  width: 18%;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-weight: 400;\r\n}\r\n.flatpickr-time input:hover,\r\n.flatpickr-time .flatpickr-am-pm:hover,\r\n.flatpickr-time input:focus,\r\n.flatpickr-time .flatpickr-am-pm:focus {\r\n  background: #f1f1f1;\r\n}\r\n.flatpickr-input[readonly] {\r\n  cursor: pointer;\r\n}\r\n@-webkit-keyframes fpFadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, -20px, 0);\r\n            transform: translate3d(0, -20px, 0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n            transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n@keyframes fpFadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, -20px, 0);\r\n            transform: translate3d(0, -20px, 0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n            transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n.flatpickr-calendar {\r\n  width: 200px;\r\n}\r\n.dayContainer {\r\n  padding: 0;\r\n  border-right: 0;\r\n}\r\nspan.flatpickr-day,\r\nspan.flatpickr-day.prevMonthDay,\r\nspan.flatpickr-day.nextMonthDay {\r\n  border-radius: 0 !important;\r\n  border: 1px solid ${primary2};\r\n  max-width: none;\r\n  border-right-color: transparent;\r\n}\r\nspan.flatpickr-day:nth-child(n+8),\r\nspan.flatpickr-day.prevMonthDay:nth-child(n+8),\r\nspan.flatpickr-day.nextMonthDay:nth-child(n+8) {\r\n  border-top-color: transparent;\r\n}\r\nspan.flatpickr-day:nth-child(7n-6),\r\nspan.flatpickr-day.prevMonthDay:nth-child(7n-6),\r\nspan.flatpickr-day.nextMonthDay:nth-child(7n-6) {\r\n  border-left: 0;\r\n}\r\nspan.flatpickr-day:nth-child(n+36),\r\nspan.flatpickr-day.prevMonthDay:nth-child(n+36),\r\nspan.flatpickr-day.nextMonthDay:nth-child(n+36) {\r\n  border-bottom: 0;\r\n}\r\nspan.flatpickr-day:nth-child(-n+7),\r\nspan.flatpickr-day.prevMonthDay:nth-child(-n+7),\r\nspan.flatpickr-day.nextMonthDay:nth-child(-n+7) {\r\n  margin-top: 0;\r\n}\r\nspan.flatpickr-day.today:not(.selected),\r\nspan.flatpickr-day.prevMonthDay.today:not(.selected),\r\nspan.flatpickr-day.nextMonthDay.today:not(.selected) {\r\n  border-color: ${primary2};\r\n  border-right-color: transparent;\r\n  border-top-color: transparent;\r\n  border-bottom-color: ${primary2};\r\n}\r\nspan.flatpickr-day.today:not(.selected):hover,\r\nspan.flatpickr-day.prevMonthDay.today:not(.selected):hover,\r\nspan.flatpickr-day.nextMonthDay.today:not(.selected):hover {\r\n  border: 1px solid ${primary2};\r\n}\r\nspan.flatpickr-day.startRange,\r\nspan.flatpickr-day.prevMonthDay.startRange,\r\nspan.flatpickr-day.nextMonthDay.startRange,\r\nspan.flatpickr-day.endRange,\r\nspan.flatpickr-day.prevMonthDay.endRange,\r\nspan.flatpickr-day.nextMonthDay.endRange {\r\n  border-color: ${primary};\r\n}\r\nspan.flatpickr-day.today,\r\nspan.flatpickr-day.prevMonthDay.today,\r\nspan.flatpickr-day.nextMonthDay.today,\r\nspan.flatpickr-day.selected,\r\nspan.flatpickr-day.prevMonthDay.selected,\r\nspan.flatpickr-day.nextMonthDay.selected {\r\n  z-index: 2;\r\n}\r\n.rangeMode .flatpickr-day {\r\n  margin-top: -1px;\r\n}\r\n.flatpickr-weekwrapper .flatpickr-weeks {\r\n  -webkit-box-shadow: none;\r\n          box-shadow: none;\r\n}\r\n.flatpickr-weekwrapper span.flatpickr-day {\r\n  border: 0;\r\n  margin: -1px 0 0 -1px;\r\n}\r\n.hasWeeks .flatpickr-days {\r\n  border-right: 0;\r\n}\r\n\r\n\t@media screen and (min-width:0\\\\0) and (min-resolution: +72dpi) {\r\n\t\tspan.flatpickr-day {\r\n\t\t\tdisplay: block;\r\n\t\t\t-webkit-box-flex: 1;\r\n\t\t\t-webkit-flex: 1 0 auto;\r\n\t\t\t    -ms-flex: 1 0 auto;\r\n\t\t\t        flex: 1 0 auto;\r\n\t\t}\r\n\t}\r\n\t\t`));\r\n\t}\r\n\r\n}"]}

package/.internal/charts/stock/toolbar/IconControl.d.ts

@@ -20,7 +20,9 @@ export interface IIconControlEvents extends IStockControlEvents {
     };
 }
 /**
- * @todo review
+ * Shows selection of icons to choose from for annotating [[StockChart]].
+ *
+ * This class is instantiated automatically, and should not be used standalone.
  */
 export declare class IconControl extends StockControl {
     static className: string;

package/.internal/charts/stock/toolbar/IconControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconControl.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/IconControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChH,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAKjE,MAAM,WAAW,KAAK;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IAClE,KAAK,EAAE,KAAK,EAAE,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;IAChE,IAAI,CAAC,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC9D,QAAQ,EAAE;QACT,IAAI,EAAE,KAAK,CAAA;KACX,CAAA;CACD;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC5C,OAAc,SAAS,EAAE,MAAM,CAAiB;IAChD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAA2D;IAEnF,SAAS,EAAE,oBAAoB,CAAC;IAChC,gBAAgB,EAAE,mBAAmB,CAAC;IACtC,OAAO,EAAE,kBAAkB,CAAC;IAE3C,SAAS,CAAC,SAAS;IAiDZ,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI;IAMjC,SAAS,CAAC,UAAU,IAAI,IAAI;IAcrB,eAAe,CAAC,IAAI,EAAE,KAAK,GAAG,UAAU;IAIxC,aAAa;IAQpB,SAAS,CAAC,QAAQ,IAAI,IAAI;CAK1B"}
+{"version":3,"file":"IconControl.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/IconControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChH,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAKjE,MAAM,WAAW,KAAK;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IAClE,KAAK,EAAE,KAAK,EAAE,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;IAChE,IAAI,CAAC,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC9D,QAAQ,EAAE;QACT,IAAI,EAAE,KAAK,CAAA;KACX,CAAA;CACD;AAED;;;;GAIG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC5C,OAAc,SAAS,EAAE,MAAM,CAAiB;IAChD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAA2D;IAEnF,SAAS,EAAE,oBAAoB,CAAC;IAChC,gBAAgB,EAAE,mBAAmB,CAAC;IACtC,OAAO,EAAE,kBAAkB,CAAC;IAE3C,SAAS,CAAC,SAAS;IAiDZ,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI;IAMjC,SAAS,CAAC,UAAU,IAAI,IAAI;IAcrB,eAAe,CAAC,IAAI,EAAE,KAAK,GAAG,UAAU;IAIxC,aAAa;IAQpB,SAAS,CAAC,QAAQ,IAAI,IAAI;CAK1B"}

package/.internal/charts/stock/toolbar/IconControl.js

@@ -4,7 +4,9 @@ import { DropdownList } from "./DropdownList";
 import { StockIcons } from "./StockIcons";
 import * as $array from "../../../core/util/Array";
 /**
- * @todo review
+ * Shows selection of icons to choose from for annotating [[StockChart]].
+ *
+ * This class is instantiated automatically, and should not be used standalone.
  */
 var IconControl = /** @class */ (function (_super) {
     __extends(IconControl, _super);

package/.internal/charts/stock/toolbar/IconControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconControl.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/IconControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Percent } from \"../../../core/util/Percent\";\r\n\r\nimport { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\nimport { DropdownList, IDropdownListItem } from \"./DropdownList\";\r\nimport { StockIcons } from \"./StockIcons\";\r\n\r\nimport * as $array from \"../../../core/util/Array\";\r\n\r\nexport interface IIcon {\r\n\tsvgPath: string;\r\n\tscale?: number;\r\n\tcenterX?: Percent;\r\n\tcenterY?: Percent;\r\n\tfillDisabled?: boolean;\r\n}\r\n\r\nexport interface IIconControlSettings extends IStockControlSettings {\r\n\ticons: IIcon[];\r\n}\r\n\r\nexport interface IIconControlPrivate extends IStockControlPrivate {\r\n\tlist?: DropdownList;\r\n}\r\n\r\nexport interface IIconControlEvents extends IStockControlEvents {\r\n\tselected: {\r\n\t\ticon: IIcon\r\n\t}\r\n}\r\n\r\n/**\r\n * @todo review\r\n */\r\nexport class IconControl extends StockControl {\r\n\tpublic static className: string = \"IconControl\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([IconControl.className]);\r\n\r\n\tdeclare public _settings: IIconControlSettings;\r\n\tdeclare public _privateSettings: IIconControlPrivate;\r\n\tdeclare public _events: IIconControlEvents;\r\n\r\n\tprotected _afterNew() {\r\n\r\n\t\t// Do parent stuff\r\n\t\tsuper._afterNew();\r\n\r\n\t\t// Create list of tools\r\n\t\tconst list = DropdownList.new(this._root, {\r\n\t\t\tcontrol: this,\r\n\t\t\tparent: this.getPrivate(\"button\"),\r\n\t\t\tsearchable: false\r\n\t\t});\r\n\t\tthis.setPrivate(\"list\", list);\r\n\t\tlist.getPrivate(\"list\")!.className = \"am5stock-control-icons\";\r\n\r\n\t\tlist.events.on(\"closed\", (_ev) => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tlist.events.on(\"invoked\", (ev) => {\r\n\t\t\tconst item = <IIcon>JSON.parse(ev.item.id);\r\n\t\t\tlet icon: IIcon | undefined;\r\n\t\t\tconst icons = this.get(\"icons\");\r\n\t\t\t$array.each(icons, (listIcon) => {\r\n\t\t\t\tif (item.svgPath == listIcon.svgPath) {\r\n\t\t\t\t\ticon = listIcon;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tif (icon) {\r\n\t\t\t\tthis.setIcon(icon);\r\n\t\t\t\tthis.events.dispatch(\"selected\", {\r\n\t\t\t\t\ttype: \"selected\",\r\n\t\t\t\t\ticon: icon,\r\n\t\t\t\t\ttarget: this\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.on(\"active\", (active) => {\r\n\t\t\tif (active) {\r\n\t\t\t\tthis.setTimeout(() => list.show(), 10);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tlist.hide();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis._initIcons();\r\n\t}\r\n\r\n\tpublic setIcon(icon: IIcon): void {\r\n\t\tthis.getPrivate(\"icon\")!.innerHTML = \"\";\r\n\t\tthis.getPrivate(\"icon\")!.appendChild(this._getDrawingIcon(icon));\r\n\t\t//this.getPrivate(\"label\")!.style.display = \"none\";\r\n\t}\r\n\r\n\tprotected _initIcons(): void {\r\n\t\tconst list = this.getPrivate(\"list\")!;\r\n\t\tconst icons = this.get(\"icons\");\r\n\t\tconst items: IDropdownListItem[] = [];\r\n\t\t$array.each(icons, (icon: IIcon) => {\r\n\t\t\titems.push({\r\n\t\t\t\tid: JSON.stringify(icon),\r\n\t\t\t\tlabel: \"\",\r\n\t\t\t\ticon: this._getDrawingIcon(icon)\r\n\t\t\t});\r\n\t\t})\r\n\t\tlist.set(\"items\", items);\r\n\t}\r\n\r\n\tpublic _getDrawingIcon(icon: IIcon): SVGElement {\r\n\t\treturn StockIcons._getSVG({ viewbox: \"0 0 50 50\", path: icon.svgPath});\r\n\t}\r\n\r\n\tpublic _afterChanged() {\r\n\t\tsuper._afterChanged();\r\n\r\n\t\tif (this.isDirty(\"icons\")) {\r\n\t\t\tthis._initIcons();\r\n\t\t}\r\n\t}\r\n\r\n\tprotected _dispose(): void {\r\n\t\tsuper._dispose();\r\n\t}\r\n\r\n\r\n}\r\n"]}
+{"version":3,"file":"IconControl.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/IconControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Percent } from \"../../../core/util/Percent\";\r\n\r\nimport { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\nimport { DropdownList, IDropdownListItem } from \"./DropdownList\";\r\nimport { StockIcons } from \"./StockIcons\";\r\n\r\nimport * as $array from \"../../../core/util/Array\";\r\n\r\nexport interface IIcon {\r\n\tsvgPath: string;\r\n\tscale?: number;\r\n\tcenterX?: Percent;\r\n\tcenterY?: Percent;\r\n\tfillDisabled?: boolean;\r\n}\r\n\r\nexport interface IIconControlSettings extends IStockControlSettings {\r\n\ticons: IIcon[];\r\n}\r\n\r\nexport interface IIconControlPrivate extends IStockControlPrivate {\r\n\tlist?: DropdownList;\r\n}\r\n\r\nexport interface IIconControlEvents extends IStockControlEvents {\r\n\tselected: {\r\n\t\ticon: IIcon\r\n\t}\r\n}\r\n\r\n/**\r\n * Shows selection of icons to choose from for annotating [[StockChart]].\r\n *\r\n * This class is instantiated automatically, and should not be used standalone.\r\n */\r\nexport class IconControl extends StockControl {\r\n\tpublic static className: string = \"IconControl\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([IconControl.className]);\r\n\r\n\tdeclare public _settings: IIconControlSettings;\r\n\tdeclare public _privateSettings: IIconControlPrivate;\r\n\tdeclare public _events: IIconControlEvents;\r\n\r\n\tprotected _afterNew() {\r\n\r\n\t\t// Do parent stuff\r\n\t\tsuper._afterNew();\r\n\r\n\t\t// Create list of tools\r\n\t\tconst list = DropdownList.new(this._root, {\r\n\t\t\tcontrol: this,\r\n\t\t\tparent: this.getPrivate(\"button\"),\r\n\t\t\tsearchable: false\r\n\t\t});\r\n\t\tthis.setPrivate(\"list\", list);\r\n\t\tlist.getPrivate(\"list\")!.className = \"am5stock-control-icons\";\r\n\r\n\t\tlist.events.on(\"closed\", (_ev) => {\r\n\t\t\tthis.set(\"active\", false);\r\n\t\t});\r\n\r\n\t\tlist.events.on(\"invoked\", (ev) => {\r\n\t\t\tconst item = <IIcon>JSON.parse(ev.item.id);\r\n\t\t\tlet icon: IIcon | undefined;\r\n\t\t\tconst icons = this.get(\"icons\");\r\n\t\t\t$array.each(icons, (listIcon) => {\r\n\t\t\t\tif (item.svgPath == listIcon.svgPath) {\r\n\t\t\t\t\ticon = listIcon;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tif (icon) {\r\n\t\t\t\tthis.setIcon(icon);\r\n\t\t\t\tthis.events.dispatch(\"selected\", {\r\n\t\t\t\t\ttype: \"selected\",\r\n\t\t\t\t\ticon: icon,\r\n\t\t\t\t\ttarget: this\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.on(\"active\", (active) => {\r\n\t\t\tif (active) {\r\n\t\t\t\tthis.setTimeout(() => list.show(), 10);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tlist.hide();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis._initIcons();\r\n\t}\r\n\r\n\tpublic setIcon(icon: IIcon): void {\r\n\t\tthis.getPrivate(\"icon\")!.innerHTML = \"\";\r\n\t\tthis.getPrivate(\"icon\")!.appendChild(this._getDrawingIcon(icon));\r\n\t\t//this.getPrivate(\"label\")!.style.display = \"none\";\r\n\t}\r\n\r\n\tprotected _initIcons(): void {\r\n\t\tconst list = this.getPrivate(\"list\")!;\r\n\t\tconst icons = this.get(\"icons\");\r\n\t\tconst items: IDropdownListItem[] = [];\r\n\t\t$array.each(icons, (icon: IIcon) => {\r\n\t\t\titems.push({\r\n\t\t\t\tid: JSON.stringify(icon),\r\n\t\t\t\tlabel: \"\",\r\n\t\t\t\ticon: this._getDrawingIcon(icon)\r\n\t\t\t});\r\n\t\t})\r\n\t\tlist.set(\"items\", items);\r\n\t}\r\n\r\n\tpublic _getDrawingIcon(icon: IIcon): SVGElement {\r\n\t\treturn StockIcons._getSVG({ viewbox: \"0 0 50 50\", path: icon.svgPath});\r\n\t}\r\n\r\n\tpublic _afterChanged() {\r\n\t\tsuper._afterChanged();\r\n\r\n\t\tif (this.isDirty(\"icons\")) {\r\n\t\t\tthis._initIcons();\r\n\t\t}\r\n\t}\r\n\r\n\tprotected _dispose(): void {\r\n\t\tsuper._dispose();\r\n\t}\r\n\r\n\r\n}\r\n"]}

package/.internal/charts/stock/toolbar/PeriodSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/PeriodSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAIvD,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAMhH,MAAM,WAAW,OAAO;IACvB,QAAQ,EAAE,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB;IAErE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CAEpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;CACnE;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CACjE;AAED;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,YAAY;IAC/C,OAAc,SAAS,EAAE,MAAM,CAAoB;IACnD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAA8D;IAEtF,SAAS,EAAE,uBAAuB,CAAC;IACnC,gBAAgB,EAAE,sBAAsB,CAAC;IACzC,OAAO,EAAE,qBAAqB,CAAC;IAE9C,SAAS,CAAC,SAAS;IASnB,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAqB7B,aAAa;IAOpB,SAAS,CAAC,SAAS,IAAI,GAAG;IAI1B,SAAS,CAAC,QAAQ,IAAI,GAAG;IAIlB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;CAyC1C"}
+{"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/PeriodSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAIvD,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAMhH,MAAM,WAAW,OAAO;IACvB,QAAQ,EAAE,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB;IAErE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CAEpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;CACnE;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CACjE;AAED;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,YAAY;IAC/C,OAAc,SAAS,EAAE,MAAM,CAAoB;IACnD,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAA8D;IAEtF,SAAS,EAAE,uBAAuB,CAAC;IACnC,gBAAgB,EAAE,sBAAsB,CAAC;IACzC,OAAO,EAAE,qBAAqB,CAAC;IAE9C,SAAS,CAAC,SAAS;IASnB,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAqB7B,aAAa;IAOpB,SAAS,CAAC,SAAS,IAAI,GAAG;IAI1B,SAAS,CAAC,QAAQ,IAAI,GAAG;IAIlB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;CAkD1C"}

package/.internal/charts/stock/toolbar/PeriodSelector.js

@@ -90,6 +90,14 @@ var PeriodSelector = /** @class */ (function (_super) {
                 var start_1;
                 if (period.timeUnit == "ytd") {
                     start_1 = new Date(end_1.getFullYear(), 0, 1, 0, 0, 0, 0);
+                    end_1 = new Date(axis_1.getIntervalMax(axis_1.get("baseInterval")));
+                    if (axis_1.get("groupData")) {
+                        axis_1.zoomToDates(start_1, end_1, 0);
+                        setTimeout(function () {
+                            axis_1.zoomToDates(start_1, end_1, 0);
+                        }, 10);
+                        return;
+                    }
                 }
                 else {
                     // some adjustments in case data is grouped

package/.internal/charts/stock/toolbar/PeriodSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodSelector.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/PeriodSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TimeUnit } from \"../../../core/util/Time\"\r\n// import type { DateAxis } from \"../../xy/axes/DateAxis\";\r\n// import type { AxisRenderer } from \"../../xy/axes/AxisRenderer\";\r\n\r\nimport { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\n\r\nimport * as $utils from \"../../../core/util/Utils\";\r\nimport * as $time from \"../../../core/util/Time\";\r\nimport * as $array from \"../../../core/util/Array\";\r\n\r\nexport interface IPeriod {\r\n\ttimeUnit: TimeUnit | \"ytd\" | \"max\";\r\n\tcount?: number;\r\n\tname?: string;\r\n}\r\n\r\nexport interface IPeriodSelectorSettings extends IStockControlSettings {\r\n\r\n\t/**\r\n\t * A list periods to choose from.\r\n\t */\r\n\tperiods?: IPeriod[];\r\n\r\n}\r\n\r\nexport interface IPeriodSelectorPrivate extends IStockControlPrivate {\r\n}\r\n\r\nexport interface IPeriodSelectorEvents extends IStockControlEvents {\r\n}\r\n\r\n/**\r\n * A pre-defined period selector control for [[StockToolback]].\r\n *\r\n * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/period-selector/} for more info\r\n */\r\nexport class PeriodSelector extends StockControl {\r\n\tpublic static className: string = \"PeriodSelector\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([PeriodSelector.className]);\r\n\r\n\tdeclare public _settings: IPeriodSelectorSettings;\r\n\tdeclare public _privateSettings: IPeriodSelectorPrivate;\r\n\tdeclare public _events: IPeriodSelectorEvents;\r\n\r\n\tprotected _afterNew() {\r\n\t\tsuper._afterNew();\r\n\r\n\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\tbutton.className = button.className + \" am5stock-no-hover\";\r\n\r\n\t\tthis._initPeriodButtons();\r\n\t}\r\n\r\n\tprotected _initPeriodButtons(): void {\r\n\t\tconst container = this.getPrivate(\"label\")!;\r\n\t\tcontainer.style.display = \"\";\r\n\r\n\t\tconst periods = this.get(\"periods\", []);\r\n\t\t$array.each(periods, (period) => {\r\n\t\t\tconst button = document.createElement(\"a\");\r\n\t\t\tbutton.innerHTML = period.name || (period.timeUnit.toUpperCase() + period.count || \"1\");\r\n\t\t\tbutton.className = \"am5stock-link\";\r\n\t\t\tcontainer.appendChild(button);\r\n\r\n\t\t\tthis._disposers.push($utils.addEventListener(button, \"click\", (_ev) => {\r\n\t\t\t\tthis.selectPeriod(period);\r\n\t\t\t}));\r\n\t\t});\r\n\t}\r\n\r\n\t// protected _getDefaultIcon(): SVGElement {\r\n\t// \treturn StockIcons.getIcon(\"Period\");\r\n\t// }\r\n\r\n\tpublic _afterChanged() {\r\n\t\tsuper._afterChanged();\r\n\t\t// if (this.isDirty(\"active\")) {\r\n\t\t// \tthis._initDropdown();\r\n\t\t// }\r\n\t}\r\n\r\n\tprotected _getChart(): any {\r\n\t\treturn this.get(\"stockChart\").panels.getIndex(0)!;\r\n\t}\r\n\r\n\tprotected _getAxis(): any {\r\n\t\treturn this._getChart().xAxes.getIndex(0)!;\r\n\t}\r\n\r\n\tpublic selectPeriod(period: IPeriod): void {\r\n\t\tif (period.timeUnit == \"max\") {\r\n\t\t\tthis._getChart().zoomOut();\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconst axis = this._getAxis();\r\n\t\t\tlet end = new Date(axis.getPrivate(\"max\"));\r\n\t\t\tlet start: Date;\r\n\t\t\tif (period.timeUnit == \"ytd\") {\r\n\t\t\t\tstart = new Date(end.getFullYear(), 0, 1, 0, 0, 0, 0);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\t// some adjustments in case data is grouped\r\n\t\t\t\tif (axis.get(\"groupData\")) {\r\n\t\t\t\t\t// find interval which will be used after zoom\r\n\t\t\t\t\tconst interval = axis.getGroupInterval($time.getDuration(period.timeUnit, period.count))\r\n\t\t\t\t\tif (interval) {\r\n\t\t\t\t\t\t// find max of the base interval\r\n\t\t\t\t\t\tlet endTime = axis.getIntervalMax(axis.get(\"baseInterval\"));\r\n\r\n\t\t\t\t\t\tif (endTime != null) {\r\n\t\t\t\t\t\t\t// round to the future interval\r\n\t\t\t\t\t\t\tend = $time.round(new Date(endTime), interval.timeUnit, interval.count);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tstart = $time.add(new Date(end), period.timeUnit, (period.count || 1) * -1);\r\n\t\t\t\t\t\taxis.zoomToDates(start, end, 0);\r\n\t\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\t\taxis.zoomToDates(start, end, 0);\r\n\t\t\t\t\t\t}, 10);\r\n\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tstart = $time.add(new Date(end), period.timeUnit, (period.count || 1) * -1);\r\n\t\t\t}\r\n\t\t\taxis.zoomToDates(start, end);\r\n\t\t}\r\n\t}\r\n\r\n}"]}
+{"version":3,"file":"PeriodSelector.js","sourceRoot":"","sources":["../../../../../../src/.internal/charts/stock/toolbar/PeriodSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TimeUnit } from \"../../../core/util/Time\"\r\n// import type { DateAxis } from \"../../xy/axes/DateAxis\";\r\n// import type { AxisRenderer } from \"../../xy/axes/AxisRenderer\";\r\n\r\nimport { StockControl, IStockControlSettings, IStockControlPrivate, IStockControlEvents } from \"./StockControl\";\r\n\r\nimport * as $utils from \"../../../core/util/Utils\";\r\nimport * as $time from \"../../../core/util/Time\";\r\nimport * as $array from \"../../../core/util/Array\";\r\n\r\nexport interface IPeriod {\r\n\ttimeUnit: TimeUnit | \"ytd\" | \"max\";\r\n\tcount?: number;\r\n\tname?: string;\r\n}\r\n\r\nexport interface IPeriodSelectorSettings extends IStockControlSettings {\r\n\r\n\t/**\r\n\t * A list periods to choose from.\r\n\t */\r\n\tperiods?: IPeriod[];\r\n\r\n}\r\n\r\nexport interface IPeriodSelectorPrivate extends IStockControlPrivate {\r\n}\r\n\r\nexport interface IPeriodSelectorEvents extends IStockControlEvents {\r\n}\r\n\r\n/**\r\n * A pre-defined period selector control for [[StockToolback]].\r\n *\r\n * @see {@link https://www.amcharts.com/docs/v5/charts/stock/toolbar/period-selector/} for more info\r\n */\r\nexport class PeriodSelector extends StockControl {\r\n\tpublic static className: string = \"PeriodSelector\";\r\n\tpublic static classNames: Array<string> = StockControl.classNames.concat([PeriodSelector.className]);\r\n\r\n\tdeclare public _settings: IPeriodSelectorSettings;\r\n\tdeclare public _privateSettings: IPeriodSelectorPrivate;\r\n\tdeclare public _events: IPeriodSelectorEvents;\r\n\r\n\tprotected _afterNew() {\r\n\t\tsuper._afterNew();\r\n\r\n\t\tconst button = this.getPrivate(\"button\")!;\r\n\t\tbutton.className = button.className + \" am5stock-no-hover\";\r\n\r\n\t\tthis._initPeriodButtons();\r\n\t}\r\n\r\n\tprotected _initPeriodButtons(): void {\r\n\t\tconst container = this.getPrivate(\"label\")!;\r\n\t\tcontainer.style.display = \"\";\r\n\r\n\t\tconst periods = this.get(\"periods\", []);\r\n\t\t$array.each(periods, (period) => {\r\n\t\t\tconst button = document.createElement(\"a\");\r\n\t\t\tbutton.innerHTML = period.name || (period.timeUnit.toUpperCase() + period.count || \"1\");\r\n\t\t\tbutton.className = \"am5stock-link\";\r\n\t\t\tcontainer.appendChild(button);\r\n\r\n\t\t\tthis._disposers.push($utils.addEventListener(button, \"click\", (_ev) => {\r\n\t\t\t\tthis.selectPeriod(period);\r\n\t\t\t}));\r\n\t\t});\r\n\t}\r\n\r\n\t// protected _getDefaultIcon(): SVGElement {\r\n\t// \treturn StockIcons.getIcon(\"Period\");\r\n\t// }\r\n\r\n\tpublic _afterChanged() {\r\n\t\tsuper._afterChanged();\r\n\t\t// if (this.isDirty(\"active\")) {\r\n\t\t// \tthis._initDropdown();\r\n\t\t// }\r\n\t}\r\n\r\n\tprotected _getChart(): any {\r\n\t\treturn this.get(\"stockChart\").panels.getIndex(0)!;\r\n\t}\r\n\r\n\tprotected _getAxis(): any {\r\n\t\treturn this._getChart().xAxes.getIndex(0)!;\r\n\t}\r\n\r\n\tpublic selectPeriod(period: IPeriod): void {\r\n\t\tif (period.timeUnit == \"max\") {\r\n\t\t\tthis._getChart().zoomOut();\r\n\t\t}\r\n\t\telse {\r\n\t\t\tconst axis = this._getAxis();\r\n\t\t\tlet end = new Date(axis.getPrivate(\"max\"));\r\n\t\t\tlet start: Date;\r\n\t\t\tif (period.timeUnit == \"ytd\") {\r\n\t\t\t\tstart = new Date(end.getFullYear(), 0, 1, 0, 0, 0, 0);\r\n\t\t\t\tend = new Date(axis.getIntervalMax(axis.get(\"baseInterval\")));\r\n\t\t\t\tif (axis.get(\"groupData\")) {\r\n\t\t\t\t\taxis.zoomToDates(start, end, 0);\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\taxis.zoomToDates(start, end, 0);\r\n\t\t\t\t\t}, 10);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\t// some adjustments in case data is grouped\r\n\t\t\t\tif (axis.get(\"groupData\")) {\r\n\t\t\t\t\t// find interval which will be used after zoom\r\n\t\t\t\t\tconst interval = axis.getGroupInterval($time.getDuration(period.timeUnit, period.count))\r\n\t\t\t\t\tif (interval) {\r\n\t\t\t\t\t\t// find max of the base interval\r\n\t\t\t\t\t\tlet endTime = axis.getIntervalMax(axis.get(\"baseInterval\"));\r\n\r\n\t\t\t\t\t\tif (endTime != null) {\r\n\t\t\t\t\t\t\t// round to the future interval\r\n\t\t\t\t\t\t\tend = $time.round(new Date(endTime), interval.timeUnit, interval.count);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tstart = $time.add(new Date(end), period.timeUnit, (period.count || 1) * -1);\r\n\t\t\t\t\t\taxis.zoomToDates(start, end, 0);\r\n\t\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\t\taxis.zoomToDates(start, end, 0);\r\n\t\t\t\t\t\t}, 10);\r\n\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tstart = $time.add(new Date(end), period.timeUnit, (period.count || 1) * -1);\r\n\t\t\t}\r\n\t\t\taxis.zoomToDates(start, end);\r\n\t\t}\r\n\t}\r\n\r\n}"]}