{ "pipes": [ { "name": "ClassFilterPipe", "id": "pipe-ClassFilterPipe-1de77e37aa0b813aae17399396f7d46e58ab3e5b4bda74580b0e07df4426a74c5b8018d75987479ddf3a70a7427590ff3bcf9ef8f612aaedf2c957f800c735ab", "file": "packages/components/externals/eui-editor/eui-editor.component.ts", "type": "pipe", "deprecated": false, "deprecationMessage": "", "description": "

Pipe to remove classes from the editor

\n", "rawdescription": "\n\nPipe to remove classes from the editor\n", "properties": [], "methods": [ { "name": "transform", "args": [ { "name": "value", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" } ], "optional": false, "returnType": "string", "typeParameters": [], "line": 592, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "value", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } } ] } ], "standalone": false, "ngname": "classFilter", "sourceCode": "import {\n Component,\n EventEmitter,\n Input,\n Output,\n OnInit,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n OnDestroy,\n Directive,\n ContentChild,\n forwardRef,\n ElementRef,\n HostListener,\n Pipe,\n ChangeDetectorRef,\n OnChanges,\n SimpleChanges,\n inject,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, FormGroup, NgControl, ReactiveFormsModule } from '@angular/forms';\nimport { ContentChange, QuillModules, QuillModule } from '@eui/components/externals/quill';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n// eslint-disable-next-line @typescript-eslint/naming-convention,no-underscore-dangle,id-denylist,id-match\nconst QuillType: any = window['Quill'];\nimport { startWith, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport Delta from 'quill-delta';\n\nimport { EuiDialogConfig, EuiDialogService } from '@eui/components/eui-dialog';\n\nimport { LoaderService, BetterTableModule, Blur, EditorChangeSelection, Focus, SelectionChange, ToolbarItemConfig } from '@eui/components/externals/quill';\nimport { EuiEditorImageDialogComponent } from './image-url-dialog/image-url-dialog.component';\nimport { NgStyle } from '@angular/common';\nimport { EuiTooltipDirective } from '@eui/components/directives';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EuiEditorCountersComponent } from './counters/eui-editor-counters.component';\nimport { EuiEditorJsonViewComponent } from './json-view/eui-editor-json-view.component';\n// eslint-disable-next-line prefer-const\nlet QuillBetterTable = window['quillBetterTable'];\n\n/**\n * @description\n * Rich text editor component based on Quill with customizable toolbar and formatting options.\n * Provides WYSIWYG editing capabilities with support for text formatting, images, tables, links, and code blocks.\n * Implements ControlValueAccessor for seamless integration with Angular forms.\n * Supports both HTML and JSON output formats with character and word counting.\n * Commonly used for content management, document editing, comment systems, and rich text input fields.\n * Dependencies: Quill editor library, EuiDialogService for image URL dialogs.\n */\n@Component({\n // eslint-disable-next-line\n selector: 'eui-editor',\n templateUrl: './eui-editor.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n // TODO: Check to change the providing way. Provide with injector reference\n EuiDialogService,\n ],\n imports: [\n QuillModule,\n NgStyle,\n ReactiveFormsModule,\n EuiTooltipDirective,\n EuiEditorCountersComponent,\n EuiEditorJsonViewComponent,\n TranslateModule,\n forwardRef(() => ClassFilterPipe),\n ...EUI_ICON,\n ],\n})\nexport class EuiEditorComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {\n @HostBinding('class')\n get class(): string {\n return [\n 'eui-editor',\n this.isReadOnly ? 'eui-editor--readonly' : '',\n this.isReadOnly && this.value ? '': 'eui-editor--empty',\n !this.isReadOnly ? 'eui-editor-wrapper' : '',\n this.isFocused ? 'eui-editor--focused' : '',\n this.isEnabledOnFocus ? 'eui-editor--enabled-on-focus' : '',\n ].join(' ').trim();\n }\n @Input() e2eAttr = 'eui-editor';\n @Input() id: string;\n @Input() placeholder = '';\n @Input() format: 'html' | 'json' = 'html';\n @Input() theme: 'snow' | 'bubble' = 'snow';\n @Input() debug: 'warn' | 'log' | 'error' | false = false;\n @Input() customToolbarPosition: 'top' | 'bottom' = 'top';\n @HostBinding('attr.tabindex')\n @Input() tabindex = '0';\n @Input() modules: QuillModules;\n @Input() formats?: string[] | null;\n // NEW EUI INPUTS\n @Input() customToolbarConfig: ToolbarItemConfig[];\n @HostBinding('style.height')\n @Input() height: string;\n // NEW OUTPUTS => eUI13+ only\n @Output() editorCreate = new EventEmitter();\n @Output() editorChange = new EventEmitter();\n @Output() contentChange = new EventEmitter();\n @Output() selectionChange = new EventEmitter();\n @Output() focus = new EventEmitter();\n @Output() blur = new EventEmitter();\n @Output() charactersCountChange = new EventEmitter();\n @Output() wordsCountChange = new EventEmitter();\n\n @HostBinding('class.eui-editor') true: boolean;\n\n @HostBinding('attr.readonly')\n get readonly(): string {\n return this.isReadOnly ? 'readonly' : null;\n }\n\n public value: string | any = '';\n public charactersCount = 0;\n public wordsCount = 0;\n public bytesCount = 0;\n public isFocused = false;\n public generatedId: string;\n public formControl: FormControl = new FormControl();\n public jsonToHtmlContent: string;\n public toolbarConfig: { [id: string]: { label: string; options: any[]; dialogMessage: string } };\n protected readyToRender: boolean = false;\n\n // eslint-disable-next-line max-len\n @ContentChild(forwardRef(() => EuiEditorCustomToolbarTagDirective), { static: false })\n euiEditorCustomToolbar: EuiEditorCustomToolbarTagDirective;\n\n @Input()\n get isReadOnly(): boolean {\n return this._isReadOnly;\n }\n set isReadOnly(value: BooleanInput) {\n this._isReadOnly = coerceBooleanProperty(value);\n }\n private _isReadOnly = false;\n @Input()\n get showCounters(): boolean {\n return this._showCounters;\n }\n set showCounters(value: BooleanInput) {\n this._showCounters = coerceBooleanProperty(value);\n }\n private _showCounters = true;\n \n /** @deprecated The input isEnabledOnFocus will be deprecated in next major version of eUI.\n * Please check the showcase sample in order to replace this feature using the focus emitter.\n */\n @Input()\n get isEnabledOnFocus(): boolean {\n return this._isEnabledOnFocus;\n }\n set isEnabledOnFocus(value) {\n this._isEnabledOnFocus = coerceBooleanProperty(value);\n }\n private _isEnabledOnFocus = false;\n @Input()\n get isMinimalToolbar(): boolean {\n return this._isMinimalToolbar;\n }\n set isMinimalToolbar(value: BooleanInput) {\n this._isMinimalToolbar = coerceBooleanProperty(value);\n }\n private _isMinimalToolbar = false;\n\n @HostBinding('attr.aria-invalid')\n get isInvalid(): boolean {\n return this._isInvalid;\n }\n set isInvalid(value: BooleanInput) {\n this._isInvalid = coerceBooleanProperty(value);\n }\n private _isInvalid = false;\n\n private quill: typeof QuillType;\n private minimalToolbarConfig: ToolbarItemConfig[] = [\n { name: 'headings' },\n { name: 'bold' },\n { name: 'italic' },\n { name: 'underline' },\n { name: 'fontColor' },\n { name: 'textAlign' },\n { name: 'link' },\n { name: 'image' },\n { name: 'imageUrl' },\n { name: 'clean' },\n { name: 'delete' },\n { name: 'undo' },\n { name: 'redo' },\n { name: 'counters' },\n ];\n private defaultToolbarConfig: ToolbarItemConfig[] = [\n { name: 'headings', label: 'Style - Apply an HTML tag or CSS class to the selected text', options: [1, 2, 3, 4, 5, 6] },\n { name: 'font', label: 'Font - Change the font face' },\n { name: 'bold', label: 'Bold (Ctrl + B) - Make the selected text bold' },\n { name: 'italic', label: 'Italic (Ctrl + I) - Italicize the selected text' },\n { name: 'underline', label: 'Underline (Ctrl + U) - Underline the selected text' },\n { name: 'strike', label: 'Strikethrough - Draw a line to the middle of the selected text' },\n { name: 'fontColor', label: 'Font Color - Change the text color' },\n { name: 'fontBackground', label: 'Font Background - Change the text background color' },\n { name: 'subscript', label: 'Subscript - Create ssmall letters below the text baseline' },\n { name: 'superscript', label: 'Superscript - Create small letters above the line of the text' },\n { name: 'textAlign', label: 'Text Align - Align the text to the selected position: left (default), center, right or justify' },\n { name: 'orderedList', label: 'Numbering - Start an ordered list' },\n { name: 'bulletList', label: 'Bullets - Start a bulleted list' },\n { name: 'indentLess', label: 'Decrease Indent - Decrease the indent level of the paragraph' },\n { name: 'indentMore', label: 'Increase Indent - Increase the indent level of the paragraph' },\n { name: 'blockquote', label: 'Blockquote - Create a quoted block of the selected text' },\n { name: 'codeBlock', label: 'Insert Code Block - Insert a code block at the cursor row position' },\n { name: 'link', label: 'Insert Hyperlink (Ctrl + K) - Create a link to a Web page, a picture, an e-mail address or a program' },\n { name: 'image', label: 'Insert Picture - Insert a picture from a file' },\n { name: 'imageUrl', label: 'Insert Picture from URL - Insert a picture from a remote URL', dialogMessage: 'Enter image link URL' },\n { name: 'video', label: 'Insert Video - Insert a video from a file' },\n { name: 'table', label: 'Insert Table - Insert a 3x3 rows/cols table' },\n { name: 'clean', label: 'Remove Styles - Remove the styles of the selected text' },\n { name: 'delete', label: \"Delete content - Permanently deletes editor's contents\" },\n { name: 'undo', label: 'Undo (Ctrl + Z) - Cancels the previous action' },\n { name: 'redo', label: 'Redo (Ctrl + Y) - Do the next history action again' },\n {\n name: 'counters',\n label: 'Counters - Characters and words counters (stripped Html)',\n options: [\n { name: 'characters', label: 'Characters' },\n { name: 'words', label: 'Words' },\n ],\n },\n ];\n private destroy$ = new Subject();\n private euiDialogService = inject(EuiDialogService);\n private cdr = inject(ChangeDetectorRef);\n private ngControl = inject(NgControl);\n private loader = inject(LoaderService);\n\n constructor() {\n this.ngControl.valueAccessor = this;\n }\n\n ngOnChanges(c: SimpleChanges) {\n if (!c.isReadOnly?.currentValue) {\n this.calculateCounters(this.value);\n }\n }\n\n ngOnInit(): void {\n this.loader.load().subscribe({\n complete: () => {\n this.readyToRender = true;\n this.ngControl.statusChanges.pipe(startWith(this.ngControl.control.status), takeUntil(this.destroy$)).subscribe((status) => {\n this.isInvalid = status !== 'VALID';\n });\n\n this.generatedId = this.id ? this.id : 'eui-editor-' + (Math.floor(Math.random() * 1000000) + 1).toString();\n\n this.toolbarConfig = {};\n if (!this.customToolbarConfig && !this.isMinimalToolbar) {\n this.defaultToolbarConfig.forEach((t) => {\n this.toolbarConfig = {\n ...this.toolbarConfig,\n [t.name]: { label: t.label, options: t.options, dialogMessage: t.dialogMessage },\n };\n });\n }\n\n if (this.customToolbarConfig && !this.isMinimalToolbar) {\n this.customToolbarConfig.forEach((t) => {\n const label = !t.label ? this.defaultToolbarConfig.find((c) => c.name === t.name).label : t.label;\n let options = !t.options ? this.defaultToolbarConfig.find((c) => c.name === t.name).options : t.options;\n const d = !t.dialogMessage ? this.defaultToolbarConfig.find((c) => c.name === t.name).dialogMessage : t.dialogMessage;\n\n if (t.name === 'counters') {\n if (!t.options) {\n options = this.defaultToolbarConfig.find((c) => c.name === t.name).options;\n } else {\n options = t.options.map((option) => {\n const optionLabel = option.label\n ? option.label\n : this.defaultToolbarConfig\n .find((dtc) => dtc.name === 'counters')\n .options.find((o) => o.name === option.name).label;\n return { name: option.name, label: optionLabel };\n });\n }\n }\n\n this.toolbarConfig = {\n ...this.toolbarConfig,\n [t.name]: { label, options, dialogMessage: d },\n };\n });\n }\n\n if (this.isMinimalToolbar) {\n this.minimalToolbarConfig.forEach((t) => {\n const label = !t.label ? this.defaultToolbarConfig.find((c) => c.name === t.name).label : t.label;\n const options = !t.options ? this.defaultToolbarConfig.find((c) => c.name === t.name).options : t.options;\n const d = !t.dialogMessage ? this.defaultToolbarConfig.find((c) => c.name === t.name).dialogMessage : t.dialogMessage;\n\n this.toolbarConfig = {\n ...this.toolbarConfig,\n [t.name]: { label, options, dialogMessage: d },\n };\n });\n }\n this.cdr.markForCheck();\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n public enableEditorOnFocus(event: any): void {\n this.isReadOnly = false;\n this.isFocused = true;\n }\n\n public imageUrlHandler(): void {\n let imageUrlDialogForm: FormGroup = null;\n this.euiDialogService.openDialog(\n new EuiDialogConfig({\n title: this.toolbarConfig.imageUrl.dialogMessage,\n isHandleCloseOnAccept: true,\n bodyComponent: {\n component: EuiEditorImageDialogComponent,\n config: {\n onFormValueChange: (form: FormGroup): void => {\n imageUrlDialogForm = form;\n },\n },\n },\n accept: (): void => {\n if (imageUrlDialogForm && imageUrlDialogForm.valid) {\n this.euiDialogService.closeDialog();\n\n const range = this.quill.getSelection() || { index: 0, length: 0 };\n this.quill.insertEmbed(range.index, 'image', imageUrlDialogForm.get('url').value, 'user');\n }\n },\n })\n );\n }\n\n public editorUndo(): void {\n this.quill['history'].undo();\n }\n\n public editorRedo(): void {\n this.quill['history'].redo();\n }\n\n public editorDeleteContent(): void {\n const config = new EuiDialogConfig({\n title: 'Delete content',\n content: \"

Are you sure you want to delete editor's content?

\",\n hasCloseButton: false,\n accept: (): void => {\n this.quill.setContents(null);\n },\n });\n\n this.euiDialogService.openDialog(config);\n }\n\n public insertTable(): void {\n this.tableModule.insertTable(3, 3);\n }\n\n get hasImageFeature(): boolean {\n return this.euiEditorCustomToolbar\n ? this.euiEditorCustomToolbar?.elementRef.nativeElement.querySelector('.ql-image')\n : !!this.toolbarConfig?.image;\n }\n\n public _onEditorCreated(quill: typeof QuillType): void {\n this.quill = quill;\n\n if (this.isEnabledOnFocus && !this.isReadOnly) {\n this.quill.focus(); // places the focus cursor visible\n }\n\n if (this.format === 'html') {\n const delta = this.quill.clipboard.convert({ html: this.value as string });\n this.formControl.patchValue(delta);\n this.quill.setContents(delta);\n }\n\n if (this.format === 'json') {\n this.formControl.patchValue(this.value);\n this.quill.setContents(JSON.parse(this.value));\n }\n\n if (!this.hasImageFeature) {\n quill.clipboard.addMatcher('IMG', (element: Element, delta: Delta) => new Delta().insert(''));\n quill.clipboard.addMatcher('PICTURE', (element: Element, delta: Delta) => new Delta().insert(''));\n }\n\n this.editorCreate.emit(quill);\n }\n\n private _internalChange = false; // Add this property to the class\n\n public _onContentChanged(event: ContentChange): void {\n if (this.format === 'html') {\n this.value = event.html;\n this.calculateCounters(this.value as string);\n // Only call onChange if it's not an internal change\n if (!this._internalChange) {\n this.onChange(this.htmlEntitiesDecode(this.value as string));\n }\n }\n if (this.format === 'json') {\n if (event.text !== '\\n') {\n this.value = event.content;\n this.calculateCounters(event.text);\n this.jsonToHtmlContent = this.htmlEntitiesDecode(JSON.stringify(this.value));\n // Only call onChange if it's not an internal change\n if (!this._internalChange) {\n this.onChange(this.jsonToHtmlContent);\n }\n } else {\n this.value = null;\n this.calculateCounters('');\n this.jsonToHtmlContent = '';\n // Only call onChange if it's not an internal change\n if (!this._internalChange) {\n this.onChange(null);\n }\n }\n }\n this.contentChange.emit(event); // New emitter\n }\n\n public _onSelectionChanged(event: SelectionChange): void {\n this.selectionChange.emit(event);\n }\n\n public _onFocus(event: Focus): void {\n this.isFocused = true;\n this.calculateCounters(this.value);\n this.focus.emit(event);\n }\n\n public _onBlur(event: Blur): void {\n this.isFocused = false;\n this.onTouch();\n this.blur.emit(event);\n }\n\n public registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n public registerOnTouched(fn: any): void {\n this.onTouch = fn;\n }\n\n public writeValue(value: string): void {\n // Store the value\n this.value = value || null;\n this.jsonToHtmlContent = this.value;\n\n // Skip triggering onChange during writeValue operations\n if (this.quill) {\n // Use a flag to prevent triggering onChange in _onContentChanged\n this._internalChange = true;\n\n if (this.format === 'html') {\n const delta = this.quill.clipboard.convert({ html: this.value as string });\n this.formControl.patchValue(delta, { emitEvent: false });\n this.quill.setContents(delta);\n }\n\n if (this.format === 'json' && this.value) {\n this.formControl.patchValue(this.value, { emitEvent: false });\n // this.quill.setContents(JSON.parse(this.value));\n }\n\n this.calculateCounters(this.value);\n\n // Reset the flag after a short delay to allow Quill to complete its operations\n setTimeout(() => {\n this._internalChange = false;\n });\n }\n }\n\n private get tableModule(): BetterTableModule {\n return this.quill.getModule('better-table');\n }\n\n private onChange: any = () => {};\n\n private onTouch: any = () => {};\n\n private htmlEntitiesDecode(content: string): string {\n let c = content;\n if (c) {\n c = c.replace('&', '&');\n c = c.replace(' ', ' ');\n }\n\n return c;\n }\n\n get hasCharactersCounter(): boolean {\n return this.toolbarConfig.counters.options.find((o) => o.name === 'characters');\n }\n\n get charactersCounterLabel(): string {\n return this.toolbarConfig.counters.options.find((o) => o.name === 'characters')?.label;\n }\n\n get hasWordsCounter(): boolean {\n return this.toolbarConfig.counters.options.find((o) => o.name === 'words');\n }\n\n get wordsCounterLabel(): string {\n return this.toolbarConfig.counters.options.find((o) => o.name === 'words')?.label;\n }\n\n private calculateCounters(content: string): void {\n let text: string;\n const regex = /[\\s\\n]+/;\n\n if (this.format === 'html') {\n if (content && content.length > 0) {\n text = this.stripHtml(content);\n this.charactersCount = text.length;\n\n text = content.replace(/<\\/(p|div|br|li|h[1-6])>/gi, ' ').replace(/<[^>]+>/g, '');\n this.wordsCount = !text ? 0 : text.trim().split(regex).filter(t => t !== '').length;\n } else {\n this.charactersCount = 0;\n this.wordsCount = 0;\n this.bytesCount = 0;\n }\n }\n\n if (this.format === 'json') {\n if (content && this.quill) {\n text = this.stripHtml(this.quill.root.innerHTML);\n this.charactersCount = text.length;\n\n text = this.quill.root.innerHTML.replace(/<\\/(p|div|br|li|h[1-6])>/gi, ' ').replace(/<[^>]+>/g, '');\n this.wordsCount = !text ? 0 : text.trim().split(regex).filter(t => t !== '').length;\n } else {\n this.charactersCount = 0;\n this.wordsCount = 0;\n this.bytesCount = 0;\n }\n }\n\n this.charactersCountChange.emit(this.charactersCount);\n this.wordsCountChange.emit(this.wordsCount);\n }\n\n private stripHtml(content: string): string {\n const regex = /(<([^>]+)>)/gm;\n const contentToReplace = content.replace(regex, '');\n return contentToReplace.replace(/[\\u200B-\\u200D\\uFEFF]/g, '');\n }\n\n private cleanHtml(content: string): string {\n const contentToReplace = content.replace(/<[^>]*>/g, '');\n return contentToReplace.replace(/[\\u200B-\\u200D\\uFEFF]/g, '');\n }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'euiEditorCustomToolbar', })\nexport class EuiEditorCustomToolbarTagDirective {\n elementRef = inject(ElementRef);\n\n @HostBinding('class') elementClass = 'eui-editor-custom-toolbar';\n}\n/* eslint-enable */\n\n/**\n * Pipe to remove classes from the editor\n */\n@Pipe({ name: 'classFilter', })\nexport class ClassFilterPipe {\n transform(value: string): string {\n return value\n .replace(/eui-editor-wrapper/g, '')\n .replace(/eui-editor--readonly/g, '')\n .replace(/eui-editor--empty/g, '');\n }\n}\n" }, { "name": "EuiCoerceBooleanPipe", "id": "pipe-EuiCoerceBooleanPipe-f6f5fe55d101ca6537aacc482fa090795adfd69b2a13b1914cb2ce00766cdbee119c2072b533ca4faabc32895af966bf604be5b73d53578a126c35dacdc49b6a", "file": "packages/components/pipes/eui-is-empty.pipe.ts", "type": "pipe", "deprecated": false, "deprecationMessage": "", "description": "", "rawdescription": "\n", "properties": [], "methods": [ { "name": "transform", "args": [ { "name": "value", "type": "BooleanInput", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" } ], "optional": false, "returnType": "boolean", "typeParameters": [], "line": 9, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "value", "type": "BooleanInput", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } } ] } ], "standalone": false, "pure": true, "ngname": "coerceBool", "sourceCode": "import { Pipe, PipeTransform } from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Pipe({\n name: 'coerceBool',\n pure: true,\n})\nexport class EuiCoerceBooleanPipe implements PipeTransform {\n transform(value: BooleanInput): boolean {\n return coerceBooleanProperty(value);\n }\n}\n" }, { "name": "EuiFileSizePipe", "id": "pipe-EuiFileSizePipe-448ca0e6ea2d28c32307cf8a91e9ec07bb14e6b48d925213113821cb3c2bb7cc7b8e3d355dcf601cd436c936c15fb47a32b15d6b0d40e7517001cd93d24de169", "file": "packages/components/eui-file-upload/pipes/filesize.pipe.ts", "type": "pipe", "deprecated": false, "deprecationMessage": "", "description": "

A pipe that transforms a file size in bytes into a human-readable format (e.g., KB, MB, GB).

\nExample :
{{ 1024 | filesize }}  // Outputs: "1.00 KB"\n{{ 1048576 | filesize:1 }}  // Outputs: "1.0 MB"
", "rawdescription": "\n\nA pipe that transforms a file size in bytes into a human-readable format (e.g., KB, MB, GB).\n\n```html\n{{ 1024 | filesize }} // Outputs: \"1.00 KB\"\n{{ 1048576 | filesize:1 }} // Outputs: \"1.0 MB\"\n```\n", "properties": [], "methods": [ { "name": "transform", "args": [ { "name": "bytes", "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "0" }, { "name": "precision", "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "2" } ], "optional": false, "returnType": "string", "typeParameters": [], "line": 27, "deprecated": false, "deprecationMessage": "", "rawdescription": "\n\nMethod used to format a size.\n\n", "description": "

Method used to format a size.

\n", "jsdoctags": [ { "name": { "pos": 706, "end": 711, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "bytes" }, "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "0", "tagName": { "pos": 700, "end": 705, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "param" }, "comment": "

Bytes to format.

\n" }, { "name": { "pos": 743, "end": 752, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "precision" }, "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "2", "tagName": { "pos": 737, "end": 742, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "param" }, "comment": "

Number of decimal

\n" }, { "tagName": { "pos": 779, "end": 786, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "returns" }, "comment": "

String with formated size and unit.

\n" } ] } ], "standalone": false, "ngname": "filesize", "sourceCode": "import { Pipe, PipeTransform } from '@angular/core';\n\n/**\n * A pipe that transforms a file size in bytes into a human-readable format (e.g., KB, MB, GB).\n *\n * @example\n * {{ 1024 | filesize }} // Outputs: \"1.00 KB\"\n * {{ 1048576 | filesize:1 }} // Outputs: \"1.0 MB\"\n *\n * @param {number} bytes - The file size in bytes.\n * @param {number} [precision=2] - The number of decimal places to include in the output.\n * @returns {string} The formatted file size with the appropriate unit.\n */\n@Pipe({\n name: 'filesize',\n})\nexport class EuiFileSizePipe implements PipeTransform {\n private units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];\n\n /**\n * Method used to format a size.\n *\n * @param bytes Bytes to format.\n * @param precision Number of decimal\n * @returns String with formated size and unit.\n */\n transform(bytes = 0, precision = 2): string {\n if (isNaN(parseFloat(String(bytes))) || !isFinite(bytes)) {\n return '?';\n }\n\n let unit = 0;\n\n while (bytes >= 1024) {\n bytes /= 1024;\n unit++;\n }\n\n return bytes.toFixed(+precision) + ' ' + this.units[unit];\n }\n}\n" }, { "name": "EuiTableHighlightPipe", "id": "pipe-EuiTableHighlightPipe-00772222ded46fb9350df9c77b4aca50e979bfbe4624eda9f1be28919e0ea9b7273e6405b8b7eeac20ddf164c507882047ba39618a6c57b1be17a79845c8ef3c", "file": "packages/components/eui-table/pipes/eui-table-highlight.pipe.ts", "type": "pipe", "deprecated": false, "deprecationMessage": "", "description": "

Pipe used to highlight the matching string in the data of the table when used with filter feature.

\nExample :
<td><span [innerHTML]="row.year | euiTableHighlight: strFilter"></span></td>\n___COMPODOC_EMPTY_LINE___\nstrFilter = '19'
", "rawdescription": "\n\nPipe used to highlight the matching string in the data of the table when used with filter feature.\n\n```\n\n___COMPODOC_EMPTY_LINE___\nstrFilter = '19'\n```", "properties": [], "methods": [ { "name": "transform", "args": [ { "name": "value", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" }, { "name": "strFilter", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" }, { "name": "className", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "'eui-u-text-search'" } ], "optional": false, "returnType": "string", "typeParameters": [], "line": 26, "deprecated": false, "deprecationMessage": "", "rawdescription": "\n\nWrap a matching string with a span element with a class name in the data of the table\n\n", "description": "

Wrap a matching string with a span element with a class name in the data of the table

\n", "jsdoctags": [ { "name": { "pos": 538, "end": 543, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "value" }, "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "pos": 532, "end": 537, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "param" }, "comment": "

Data displayed in a cell.

\n" }, { "name": { "pos": 584, "end": 593, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "strFilter" }, "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "pos": 578, "end": 583, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "param" }, "comment": "

Search string to highlight.

\n" }, { "name": { "pos": 636, "end": 645, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "className" }, "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "'eui-u-text-search'", "tagName": { "pos": 630, "end": 635, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "param" }, "comment": "

CSS class to add to the span element. Default: 'eui-u-text-search'

\n" }, { "tagName": { "pos": 721, "end": 728, "kind": 80, "id": 0, "flags": 16842752, "transformFlags": 0, "escapedText": "returns" }, "comment": "" } ] } ], "standalone": false, "ngname": "euiTableHighlight", "sourceCode": "import { Pipe, PipeTransform } from '@angular/core';\n\n/**\n * @description\n * Pipe used to highlight the matching string in the data of the table when used with filter feature.\n *\n * @example\n * ```\n * \n *\n * strFilter = '19'\n * ```\n */\n@Pipe({\n name: 'euiTableHighlight',\n})\nexport class EuiTableHighlightPipe implements PipeTransform {\n /**\n * Wrap a matching string with a span element with a class name in the data of the table\n *\n * @param value Data displayed in a cell.\n * @param strFilter Search string to highlight.\n * @param className CSS class to add to the span element. Default: 'eui-u-text-search'\n * @returns\n */\n transform(value: string, strFilter: string, className = 'eui-u-text-search'): string {\n if (!value) return '';\n if (!strFilter || strFilter.length === 0) return value;\n\n const generateVariants = (str: string): string[] => {\n const variants: Set = new Set([str]);\n\n for (let j = 1; j <= 3; j++) {\n for (const separator of ['.', ',', ' ']) {\n let newVariant = str;\n let i = j;\n\n while (i < newVariant.length) {\n newVariant = newVariant.slice(0, i) + separator + newVariant.slice(i);\n i += 4;\n }\n variants.add(newVariant);\n }\n }\n return Array.from(variants);\n };\n\n const isNumber = (str: string): boolean => !isNaN(Number(str)) && str.trim() !== '';\n const variants = isNumber(strFilter) ? generateVariants(strFilter) : [strFilter];\n const regex = new RegExp(`(${variants.map(v => v.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')).join('|')})`, 'gi');\n\n return value.toString().replace(regex, `$1`);\n }\n\n}\n" }, { "name": "EuiTruncatePipe", "id": "pipe-EuiTruncatePipe-de4af34870606cf80d7e9e8018d422b3c54e6ea09d878d49671639ca8888e905547a23389287b8ba19c7ba8672010180a940d00d8684f4bc46bd40995ebc9cb9", "file": "packages/components/pipes/eui-truncate.pipe.ts", "type": "pipe", "deprecated": false, "deprecationMessage": "", "description": "

Pipe for truncating strings to a specified length with trailing indicator.\nSupports both start and end truncation based on limit sign.\nPositive limit truncates from the end, negative limit truncates from the start.\nCommonly used for displaying long text in constrained spaces like tables, cards, or lists.

\n", "rawdescription": "\n\nPipe for truncating strings to a specified length with trailing indicator.\nSupports both start and end truncation based on limit sign.\nPositive limit truncates from the end, negative limit truncates from the start.\nCommonly used for displaying long text in constrained spaces like tables, cards, or lists.\n", "properties": [], "methods": [ { "name": "transform", "args": [ { "name": "value", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" }, { "name": "limit", "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "40" }, { "name": "trail", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "'\\u2026'" } ], "optional": false, "returnType": "string", "typeParameters": [], "line": 18, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "value", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } }, { "name": "limit", "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "40", "tagName": { "text": "param" } }, { "name": "trail", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "defaultValue": "'\\u2026'", "tagName": { "text": "param" } } ] } ], "standalone": false, "ngname": "euiTruncate", "sourceCode": "import { Pipe, PipeTransform } from '@angular/core';\n\n/**\n * @description\n * Pipe for truncating strings to a specified length with trailing indicator.\n * Supports both start and end truncation based on limit sign.\n * Positive limit truncates from the end, negative limit truncates from the start.\n * Commonly used for displaying long text in constrained spaces like tables, cards, or lists.\n * @param value - The string to truncate\n * @param limit - Maximum character length (positive for end truncation, negative for start truncation). Default: 40\n * @param trail - Trailing indicator appended to truncated text. Default: '…' (ellipsis character U+2026)\n * @returns Truncated string with trail indicator, or original string if within limit\n */\n@Pipe({\n name: 'euiTruncate',\n})\nexport class EuiTruncatePipe implements PipeTransform {\n transform(value: string, limit = 40, trail = '\\u2026'): string {\n if (value) {\n if (limit < 0) {\n limit *= -1;\n return value.length > limit ? trail + value.substring(value.length - limit, value.length) : value;\n } else {\n return value.length > limit ? value.substring(0, limit) + trail : value;\n }\n }\n return;\n }\n}\n" }, { "name": "TranslateMockPipe", "id": "pipe-TranslateMockPipe-e3c844261cc3a1e10dba51814a8cf95ce5736d1d5116dc3caadbbf65259d92910963e3735a4fe0cc049f8361f818ef98c638c75bca1144acfcb3a5950d11b4f8", "file": "packages/components/testing/mocks/translate.module.mock.ts", "type": "pipe", "deprecated": false, "deprecationMessage": "", "description": "", "rawdescription": "\n", "properties": [], "methods": [ { "name": "transform", "args": [ { "name": "text", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" } ], "optional": false, "returnType": "string", "typeParameters": [], "line": 68, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "text", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } } ] } ], "standalone": false, "ngname": "translate", "sourceCode": "import { AfterViewChecked, Directive, ElementRef, Input, NgModule, Pipe, PipeTransform, inject } from '@angular/core';\nimport { LangChangeEvent, TranslateService } from '@ngx-translate/core';\nimport { BehaviorSubject, Observable, of, Subject } from 'rxjs';\n\nexport const TRANSLATED_STRING = 'i18n';\n\nexport class TranslateServiceMock {\n onLangChangeSubject: Subject = new Subject();\n onFallbackLangChangeSubject: Subject = new Subject();\n onTranslationChangeSubject: Subject = new Subject();\n onDefaultLangChangeSubject: Subject = new Subject();\n isLoadedSubject: BehaviorSubject = new BehaviorSubject(true);\n\n onLangChange: Observable = this.onLangChangeSubject.asObservable();\n onFallbackLangChange: Observable = this.onFallbackLangChangeSubject.asObservable();\n onTranslationChange: Observable = this.onTranslationChangeSubject.asObservable();\n onDefaultLangChange: Observable = this.onDefaultLangChangeSubject.asObservable();\n isLoaded: Observable = this.isLoadedSubject.asObservable();\n\n currentLang: string;\n\n languages: string[] = ['de'];\n\n get(content: string): Observable {\n return of(TRANSLATED_STRING + content);\n }\n\n use(lang: string): void {\n this.currentLang = lang;\n this.onLangChangeSubject.next({ lang } as LangChangeEvent);\n }\n\n // stream(key: string | string[], interpolateParams?: InterpolationParameters): Observable;\n stream(content: string): Observable {\n return of(TRANSLATED_STRING + content);\n }\n\n addLangs(langs: string[]): void {\n this.languages = [...this.languages, ...langs];\n }\n\n getBrowserLang(): string {\n return '';\n }\n\n getLangs(): string[] {\n return this.languages;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n getTranslation(): Observable {\n return of({});\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n instant(key: string | string[], interpolateParams?: object): string {\n return TRANSLATED_STRING + key.toString();\n }\n\n setDefaultLang(lang: string): void {\n this.onDefaultLangChangeSubject.next(lang);\n }\n}\n\n@Pipe({ name: 'translate' })\nexport class TranslateMockPipe implements PipeTransform {\n transform(text: string): string {\n return !text ? TRANSLATED_STRING : `${text}-${TRANSLATED_STRING}`;\n }\n}\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[translate]',\n})\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport class TranslateMockDirective implements AfterViewChecked {\n @Input()\n translateParams: any;\n private readonly _element = inject(ElementRef);\n\n ngAfterViewChecked(): void {\n this._element.nativeElement.innerText += TRANSLATED_STRING;\n }\n}\n\n@NgModule({\n imports: [TranslateMockPipe, TranslateMockDirective],\n exports: [TranslateMockPipe, TranslateMockDirective],\n providers: [{ provide: TranslateService, useClass: TranslateServiceMock }],\n})\nexport class TranslateMockModule {}\n" } ], "interfaces": [ { "name": "AnnotationLabel", "id": "interface-AnnotationLabel-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "borderColor", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 286 }, { "name": "borderRadius", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 288 }, { "name": "borderWidth", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 287 }, { "name": "click", "deprecated": false, "deprecationMessage": "", "type": "Function", "indexKey": "", "optional": true, "description": "", "line": 298 }, { "name": "mouseEnter", "deprecated": false, "deprecationMessage": "", "type": "Function", "indexKey": "", "optional": true, "description": "", "line": 296 }, { "name": "mouseLeave", "deprecated": false, "deprecationMessage": "", "type": "Function", "indexKey": "", "optional": true, "description": "", "line": 297 }, { "name": "offsetX", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 291 }, { "name": "offsetY", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 292 }, { "name": "orientation", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 295 }, { "name": "position", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 294 }, { "name": "style", "deprecated": false, "deprecationMessage": "", "type": "AnnotationStyle", "indexKey": "", "optional": true, "description": "", "line": 293 }, { "name": "text", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 289 }, { "name": "textAnchor", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 290 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "AnnotationStyle", "id": "interface-AnnotationStyle-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "background", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 301 }, { "name": "color", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 302 }, { "name": "cssClass", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 306 }, { "name": "fontFamily", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 304 }, { "name": "fontSize", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 303 }, { "name": "fontWeight", "deprecated": false, "deprecationMessage": "", "type": "string | number", "indexKey": "", "optional": true, "description": "", "line": 305 }, { "name": "padding", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 307 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexAnnotations", "id": "interface-ApexAnnotations-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "images", "deprecated": false, "deprecationMessage": "", "type": "ImageAnnotations[]", "indexKey": "", "optional": true, "description": "", "line": 283 }, { "name": "points", "deprecated": false, "deprecationMessage": "", "type": "PointAnnotations[]", "indexKey": "", "optional": true, "description": "", "line": 281 }, { "name": "texts", "deprecated": false, "deprecationMessage": "", "type": "TextAnnotations[]", "indexKey": "", "optional": true, "description": "", "line": 282 }, { "name": "xaxis", "deprecated": false, "deprecationMessage": "", "type": "XAxisAnnotations[]", "indexKey": "", "optional": true, "description": "", "line": 280 }, { "name": "yaxis", "deprecated": false, "deprecationMessage": "", "type": "YAxisAnnotations[]", "indexKey": "", "optional": true, "description": "", "line": 279 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexChart", "id": "interface-ApexChart-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "animations", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 172 }, { "name": "background", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 45 }, { "name": "brush", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 73 }, { "name": "defaultLocale", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 83 }, { "name": "dropShadow", "deprecated": false, "deprecationMessage": "", "type": "unknown", "indexKey": "", "optional": true, "description": "", "line": 48 }, { "name": "events", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 52 }, { "name": "fontFamily", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 44 }, { "name": "foreColor", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 43 }, { "name": "group", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 80 }, { "name": "height", "deprecated": false, "deprecationMessage": "", "type": "string | number", "indexKey": "", "optional": true, "description": "", "line": 41 }, { "name": "id", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 79 }, { "name": "locales", "deprecated": false, "deprecationMessage": "", "type": "ApexLocale[]", "indexKey": "", "optional": true, "description": "", "line": 82 }, { "name": "nonce", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 81 }, { "name": "offsetX", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 46 }, { "name": "offsetY", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 47 }, { "name": "parentHeightOffset", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 84 }, { "name": "redrawOnParentResize", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 85 }, { "name": "redrawOnWindowResize", "deprecated": false, "deprecationMessage": "", "type": "boolean | Function", "indexKey": "", "optional": true, "description": "", "line": 86 }, { "name": "selection", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 150 }, { "name": "sparkline", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 87 }, { "name": "stacked", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 90 }, { "name": "stackOnlyBar", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 91 }, { "name": "stackType", "deprecated": false, "deprecationMessage": "", "type": "\"normal\" | \"100%\"", "indexKey": "", "optional": true, "description": "", "line": 92 }, { "name": "toolbar", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 93 }, { "name": "type", "deprecated": false, "deprecationMessage": "", "type": "ChartType", "indexKey": "", "optional": false, "description": "", "line": 42 }, { "name": "width", "deprecated": false, "deprecationMessage": "", "type": "string | number", "indexKey": "", "optional": true, "description": "", "line": 40 }, { "name": "zoom", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 133 } ], "indexSignatures": [], "kind": 172, "description": "

Main Chart options\nSee https://apexcharts.com/docs/options/chart/

\n", "rawdescription": "\n\nMain Chart options\nSee https://apexcharts.com/docs/options/chart/\n", "methods": [], "extends": [] }, { "name": "ApexDataLabels", "id": "interface-ApexDataLabels-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "background", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 788 }, { "name": "distributed", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 779 }, { "name": "dropShadow", "deprecated": false, "deprecationMessage": "", "type": "ApexDropShadow", "indexKey": "", "optional": true, "description": "", "line": 798 }, { "name": "enabled", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 776 }, { "name": "enabledOnSeries", "deprecated": false, "deprecationMessage": "", "type": "undefined | number[]", "indexKey": "", "optional": true, "description": "", "line": 777 }, { "name": "offsetX", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 780 }, { "name": "offsetY", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 781 }, { "name": "style", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 782 }, { "name": "textAnchor", "deprecated": false, "deprecationMessage": "", "type": "\"start\" | \"middle\" | \"end\"", "indexKey": "", "optional": true, "description": "", "line": 778 } ], "indexSignatures": [], "kind": 174, "description": "

Chart Datalabels options\nSee https://apexcharts.com/docs/options/datalabels/

\n", "rawdescription": "\n\nChart Datalabels options\nSee https://apexcharts.com/docs/options/datalabels/\n", "methods": [ { "name": "formatter", "args": [ { "name": "val", "type": "string | number | number[]", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" }, { "name": "opts", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" } ], "optional": true, "returnType": "string | number | []", "typeParameters": [], "line": 799, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "val", "type": "string | number | number[]", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } }, { "name": "opts", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } } ] } ], "extends": [] }, { "name": "ApexDiscretePoint", "id": "interface-ApexDiscretePoint-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "dataPointIndex", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1143 }, { "name": "fillColor", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 1144 }, { "name": "seriesIndex", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1142 }, { "name": "shape", "deprecated": false, "deprecationMessage": "", "type": "ApexMarkerShape", "indexKey": "", "optional": true, "description": "", "line": 1147 }, { "name": "size", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1146 }, { "name": "strokeColor", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 1145 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexDropShadow", "id": "interface-ApexDropShadow-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "blur", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 30 }, { "name": "color", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 32 }, { "name": "enabled", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 27 }, { "name": "left", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 29 }, { "name": "opacity", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 31 }, { "name": "top", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 28 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexFill", "id": "interface-ApexFill-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "colors", "deprecated": false, "deprecationMessage": "", "type": "any[]", "indexKey": "", "optional": true, "description": "", "line": 696 }, { "name": "gradient", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 699 }, { "name": "image", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 710 }, { "name": "opacity", "deprecated": false, "deprecationMessage": "", "type": "number | number[]", "indexKey": "", "optional": true, "description": "", "line": 697 }, { "name": "pattern", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 715 }, { "name": "type", "deprecated": false, "deprecationMessage": "", "type": "string | string[]", "indexKey": "", "optional": true, "description": "", "line": 698 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexForecastDataPoints", "id": "interface-ApexForecastDataPoints-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "count", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1071 }, { "name": "dashArray", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1074 }, { "name": "fillOpacity", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1072 }, { "name": "strokeWidth", "deprecated": false, "deprecationMessage": "", "type": "undefined | number", "indexKey": "", "optional": true, "description": "", "line": 1073 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexGrid", "id": "interface-ApexGrid-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "borderColor", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 1083 }, { "name": "column", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1104 }, { "name": "padding", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1108 }, { "name": "position", "deprecated": false, "deprecationMessage": "", "type": "\"front\" | \"back\"", "indexKey": "", "optional": true, "description": "", "line": 1085 }, { "name": "row", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1100 }, { "name": "show", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 1082 }, { "name": "strokeDashArray", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1084 }, { "name": "xaxis", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1086 }, { "name": "yaxis", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1093 } ], "indexSignatures": [], "kind": 172, "description": "

Plot X and Y grid options\nSee https://apexcharts.com/docs/options/grid/

\n", "rawdescription": "\n\nPlot X and Y grid options\nSee https://apexcharts.com/docs/options/grid/\n", "methods": [], "extends": [] }, { "name": "ApexLegend", "id": "interface-ApexLegend-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "customLegendItems", "deprecated": false, "deprecationMessage": "", "type": "string[]", "indexKey": "", "optional": true, "description": "", "line": 743 }, { "name": "floating", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 732 }, { "name": "fontFamily", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 737 }, { "name": "fontSize", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 736 }, { "name": "fontWeight", "deprecated": false, "deprecationMessage": "", "type": "string | number", "indexKey": "", "optional": true, "description": "", "line": 738 }, { "name": "height", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 740 }, { "name": "horizontalAlign", "deprecated": false, "deprecationMessage": "", "type": "\"left\" | \"center\" | \"right\"", "indexKey": "", "optional": true, "description": "", "line": 735 }, { "name": "inverseOrder", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 733 }, { "name": "itemMargin", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 757 }, { "name": "labels", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 744 }, { "name": "markers", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 748 }, { "name": "offsetX", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 741 }, { "name": "offsetY", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 742 }, { "name": "onItemClick", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 761 }, { "name": "onItemHover", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 764 }, { "name": "position", "deprecated": false, "deprecationMessage": "", "type": "\"top\" | \"right\" | \"bottom\" | \"left\"", "indexKey": "", "optional": true, "description": "", "line": 734 }, { "name": "show", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 728 }, { "name": "showForNullSeries", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 730 }, { "name": "showForSingleSeries", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 729 }, { "name": "showForZeroSeries", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 731 }, { "name": "width", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 739 } ], "indexSignatures": [], "kind": 174, "description": "

Chart Legend configuration options.\nSee https://apexcharts.com/docs/options/legend/

\n", "rawdescription": "\n\nChart Legend configuration options.\nSee https://apexcharts.com/docs/options/legend/\n", "methods": [ { "name": "formatter", "args": [ { "name": "legendName", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" }, { "name": "opts", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" } ], "optional": true, "returnType": "string", "typeParameters": [], "line": 767, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "legendName", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } }, { "name": "opts", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } } ] }, { "name": "tooltipHoverFormatter", "args": [ { "name": "legendName", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" }, { "name": "opts", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" } ], "optional": true, "returnType": "string", "typeParameters": [], "line": 768, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "legendName", "type": "string", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } }, { "name": "opts", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } } ] } ], "extends": [] }, { "name": "ApexLocale", "id": "interface-ApexLocale-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "name", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 405 }, { "name": "options", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 406 } ], "indexSignatures": [], "kind": 172, "description": "

Options for localization.\nSee https://apexcharts.com/docs/options/chart/locales

\n", "rawdescription": "\n\nOptions for localization.\nSee https://apexcharts.com/docs/options/chart/locales\n", "methods": [], "extends": [] }, { "name": "ApexMarkers", "id": "interface-ApexMarkers-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "colors", "deprecated": false, "deprecationMessage": "", "type": "string[]", "indexKey": "", "optional": true, "description": "", "line": 1152 }, { "name": "discrete", "deprecated": false, "deprecationMessage": "", "type": "ApexDiscretePoint[]", "indexKey": "", "optional": true, "description": "", "line": 1158 }, { "name": "fillOpacity", "deprecated": false, "deprecationMessage": "", "type": "number | number[]", "indexKey": "", "optional": true, "description": "", "line": 1157 }, { "name": "hover", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1163 }, { "name": "offsetX", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1160 }, { "name": "offsetY", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1161 }, { "name": "shape", "deprecated": false, "deprecationMessage": "", "type": "ApexMarkerShape", "indexKey": "", "optional": true, "description": "", "line": 1159 }, { "name": "showNullDataPoints", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 1162 }, { "name": "size", "deprecated": false, "deprecationMessage": "", "type": "number | number[]", "indexKey": "", "optional": true, "description": "", "line": 1151 }, { "name": "strokeColors", "deprecated": false, "deprecationMessage": "", "type": "string | string[]", "indexKey": "", "optional": true, "description": "", "line": 1153 }, { "name": "strokeDashArray", "deprecated": false, "deprecationMessage": "", "type": "number | number[]", "indexKey": "", "optional": true, "description": "", "line": 1156 }, { "name": "strokeOpacity", "deprecated": false, "deprecationMessage": "", "type": "number | number[]", "indexKey": "", "optional": true, "description": "", "line": 1155 }, { "name": "strokeWidth", "deprecated": false, "deprecationMessage": "", "type": "number | number[]", "indexKey": "", "optional": true, "description": "", "line": 1154 } ], "indexSignatures": [], "kind": 174, "methods": [ { "name": "onClick", "args": [ { "name": "e", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" } ], "optional": true, "returnType": "void", "typeParameters": [], "line": 1167, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "e", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } } ] }, { "name": "onDblClick", "args": [ { "name": "e", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" } ], "optional": true, "returnType": "void", "typeParameters": [], "line": 1168, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "e", "type": "any", "optional": true, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } } ] } ], "extends": [] }, { "name": "ApexNoData", "id": "interface-ApexNoData-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "align", "deprecated": false, "deprecationMessage": "", "type": "\"left\" | \"right\" | \"center\"", "indexKey": "", "optional": true, "description": "", "line": 1173 }, { "name": "offsetX", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1175 }, { "name": "offsetY", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1176 }, { "name": "style", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1177 }, { "name": "text", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 1172 }, { "name": "verticalAlign", "deprecated": false, "deprecationMessage": "", "type": "\"top\" | \"middle\" | \"bottom\"", "indexKey": "", "optional": true, "description": "", "line": 1174 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexOptions", "id": "interface-ApexOptions-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "annotations", "deprecated": false, "deprecationMessage": "", "type": "ApexAnnotations", "indexKey": "", "optional": true, "description": "", "line": 2 }, { "name": "chart", "deprecated": false, "deprecationMessage": "", "type": "ApexChart", "indexKey": "", "optional": true, "description": "", "line": 3 }, { "name": "colors", "deprecated": false, "deprecationMessage": "", "type": "any[]", "indexKey": "", "optional": true, "description": "", "line": 4 }, { "name": "dataLabels", "deprecated": false, "deprecationMessage": "", "type": "ApexDataLabels", "indexKey": "", "optional": true, "description": "", "line": 5 }, { "name": "fill", "deprecated": false, "deprecationMessage": "", "type": "ApexFill", "indexKey": "", "optional": true, "description": "", "line": 10 }, { "name": "forecastDataPoints", "deprecated": false, "deprecationMessage": "", "type": "ApexForecastDataPoints", "indexKey": "", "optional": true, "description": "", "line": 18 }, { "name": "grid", "deprecated": false, "deprecationMessage": "", "type": "ApexGrid", "indexKey": "", "optional": true, "description": "", "line": 19 }, { "name": "labels", "deprecated": false, "deprecationMessage": "", "type": "string[]", "indexKey": "", "optional": true, "description": "", "line": 8 }, { "name": "legend", "deprecated": false, "deprecationMessage": "", "type": "ApexLegend", "indexKey": "", "optional": true, "description": "", "line": 9 }, { "name": "markers", "deprecated": false, "deprecationMessage": "", "type": "ApexMarkers", "indexKey": "", "optional": true, "description": "", "line": 14 }, { "name": "noData", "deprecated": false, "deprecationMessage": "", "type": "ApexNoData", "indexKey": "", "optional": true, "description": "", "line": 15 }, { "name": "plotOptions", "deprecated": false, "deprecationMessage": "", "type": "ApexPlotOptions", "indexKey": "", "optional": true, "description": "", "line": 12 }, { "name": "responsive", "deprecated": false, "deprecationMessage": "", "type": "ApexResponsive[]", "indexKey": "", "optional": true, "description": "", "line": 13 }, { "name": "series", "deprecated": false, "deprecationMessage": "", "type": "ApexAxisChartSeries | ApexNonAxisChartSeries", "indexKey": "", "optional": true, "description": "", "line": 6 }, { "name": "states", "deprecated": false, "deprecationMessage": "", "type": "ApexStates", "indexKey": "", "optional": true, "description": "", "line": 20 }, { "name": "stroke", "deprecated": false, "deprecationMessage": "", "type": "ApexStroke", "indexKey": "", "optional": true, "description": "", "line": 7 }, { "name": "subtitle", "deprecated": false, "deprecationMessage": "", "type": "ApexTitleSubtitle", "indexKey": "", "optional": true, "description": "", "line": 22 }, { "name": "theme", "deprecated": false, "deprecationMessage": "", "type": "ApexTheme", "indexKey": "", "optional": true, "description": "", "line": 23 }, { "name": "title", "deprecated": false, "deprecationMessage": "", "type": "ApexTitleSubtitle", "indexKey": "", "optional": true, "description": "", "line": 21 }, { "name": "tooltip", "deprecated": false, "deprecationMessage": "", "type": "ApexTooltip", "indexKey": "", "optional": true, "description": "", "line": 11 }, { "name": "xaxis", "deprecated": false, "deprecationMessage": "", "type": "ApexXAxis", "indexKey": "", "optional": true, "description": "", "line": 16 }, { "name": "yaxis", "deprecated": false, "deprecationMessage": "", "type": "ApexYAxis | ApexYAxis[]", "indexKey": "", "optional": true, "description": "", "line": 17 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexPlotOptions", "id": "interface-ApexPlotOptions-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "area", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 440 }, { "name": "bar", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 443 }, { "name": "boxPlot", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 501 }, { "name": "bubble", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 487 }, { "name": "candlestick", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 492 }, { "name": "heatmap", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 507 }, { "name": "line", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 432 }, { "name": "pie", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 548 }, { "name": "polarArea", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 595 }, { "name": "radar", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 605 }, { "name": "radialBar", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 618 }, { "name": "treemap", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 527 } ], "indexSignatures": [], "kind": 172, "description": "

PlotOptions for specifying chart-type-specific configuration.\nSee https://apexcharts.com/docs/options/plotoptions/bar/

\n", "rawdescription": "\n\nPlotOptions for specifying chart-type-specific configuration.\nSee https://apexcharts.com/docs/options/plotoptions/bar/\n", "methods": [], "extends": [] }, { "name": "ApexResponsive", "id": "interface-ApexResponsive-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "breakpoint", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 806 }, { "name": "options", "deprecated": false, "deprecationMessage": "", "type": "any", "indexKey": "", "optional": true, "description": "", "line": 807 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexStates", "id": "interface-ApexStates-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "active", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 192 }, { "name": "hover", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 187 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexStroke", "id": "interface-ApexStroke-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "colors", "deprecated": false, "deprecationMessage": "", "type": "any[]", "indexKey": "", "optional": true, "description": "", "line": 272 }, { "name": "curve", "deprecated": false, "deprecationMessage": "", "type": "\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\" | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[]", "indexKey": "", "optional": true, "description": "", "line": 265 }, { "name": "dashArray", "deprecated": false, "deprecationMessage": "", "type": "number | number[]", "indexKey": "", "optional": true, "description": "", "line": 274 }, { "name": "fill", "deprecated": false, "deprecationMessage": "", "type": "ApexFill", "indexKey": "", "optional": true, "description": "", "line": 275 }, { "name": "lineCap", "deprecated": false, "deprecationMessage": "", "type": "\"butt\" | \"square\" | \"round\"", "indexKey": "", "optional": true, "description": "", "line": 271 }, { "name": "show", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 264 }, { "name": "width", "deprecated": false, "deprecationMessage": "", "type": "number | number[]", "indexKey": "", "optional": true, "description": "", "line": 273 } ], "indexSignatures": [], "kind": 172, "description": "

Options for the line drawn on line and area charts.\nSee https://apexcharts.com/docs/options/stroke/

\n", "rawdescription": "\n\nOptions for the line drawn on line and area charts.\nSee https://apexcharts.com/docs/options/stroke/\n", "methods": [], "extends": [] }, { "name": "ApexTheme", "id": "interface-ApexTheme-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "mode", "deprecated": false, "deprecationMessage": "", "type": "\"light\" | \"dark\"", "indexKey": "", "optional": true, "description": "", "line": 1117 }, { "name": "monochrome", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1119 }, { "name": "palette", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 1118 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "ApexTitleSubtitle", "id": "interface-ApexTitleSubtitle-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "align", "deprecated": false, "deprecationMessage": "", "type": "\"left\" | \"center\" | \"right\"", "indexKey": "", "optional": true, "description": "", "line": 206 }, { "name": "floating", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 210 }, { "name": "margin", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 207 }, { "name": "offsetX", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 208 }, { "name": "offsetY", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 209 }, { "name": "style", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 211 }, { "name": "text", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 205 } ], "indexSignatures": [], "kind": 172, "description": "

Chart Title options\nSee https://apexcharts.com/docs/options/title/

\n", "rawdescription": "\n\nChart Title options\nSee https://apexcharts.com/docs/options/title/\n", "methods": [], "extends": [] }, { "name": "ApexTooltip", "id": "interface-ApexTooltip-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "cssClass", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 830 }, { "name": "custom", "deprecated": false, "deprecationMessage": "", "type": "unknown | (function)[]", "indexKey": "", "optional": true, "description": "", "line": 827 }, { "name": "enabled", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 821 }, { "name": "enabledOnSeries", "deprecated": false, "deprecationMessage": "", "type": "undefined | number[]", "indexKey": "", "optional": true, "description": "", "line": 822 }, { "name": "fillSeriesColor", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 828 }, { "name": "fixed", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 856 }, { "name": "followCursor", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 824 }, { "name": "hideEmptySeries", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 831 }, { "name": "intersect", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 825 }, { "name": "inverseOrder", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 826 }, { "name": "items", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 853 }, { "name": "marker", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 849 }, { "name": "onDatasetHover", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 836 }, { "name": "shared", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 823 }, { "name": "style", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 832 }, { "name": "theme", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 829 }, { "name": "x", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 839 }, { "name": "y", "deprecated": false, "deprecationMessage": "", "type": "ApexTooltipY | ApexTooltipY[]", "indexKey": "", "optional": true, "description": "", "line": 844 }, { "name": "z", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 845 } ], "indexSignatures": [], "kind": 172, "description": "

Chart Tooltip options\nSee https://apexcharts.com/docs/options/tooltip/

\n", "rawdescription": "\n\nChart Tooltip options\nSee https://apexcharts.com/docs/options/tooltip/\n", "methods": [], "extends": [] }, { "name": "ApexXAxis", "id": "interface-ApexXAxis-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "axisBorder", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 919 }, { "name": "axisTicks", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 926 }, { "name": "categories", "deprecated": false, "deprecationMessage": "", "type": "any", "indexKey": "", "optional": true, "description": "", "line": 870 }, { "name": "crosshairs", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 955 }, { "name": "decimalsInFloat", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 941 }, { "name": "floating", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 940 }, { "name": "group", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 909 }, { "name": "labels", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 875 }, { "name": "max", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 938 }, { "name": "min", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 937 }, { "name": "offsetX", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 872 }, { "name": "offsetY", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 873 }, { "name": "overwriteCategories", "deprecated": false, "deprecationMessage": "", "type": "number[] | string[] | undefined", "indexKey": "", "optional": true, "description": "", "line": 871 }, { "name": "position", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 942 }, { "name": "range", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 939 }, { "name": "sorted", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 874 }, { "name": "stepSize", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 935 }, { "name": "tickAmount", "deprecated": false, "deprecationMessage": "", "type": "number | \"dataPoints\"", "indexKey": "", "optional": true, "description": "", "line": 936 }, { "name": "tickPlacement", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": true, "description": "", "line": 934 }, { "name": "title", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 943 }, { "name": "tooltip", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 978 }, { "name": "type", "deprecated": false, "deprecationMessage": "", "type": "\"category\" | \"datetime\" | \"numeric\"", "indexKey": "", "optional": true, "description": "", "line": 869 } ], "indexSignatures": [], "kind": 172, "description": "

X Axis options\nSee https://apexcharts.com/docs/options/xaxis/

\n", "rawdescription": "\n\nX Axis options\nSee https://apexcharts.com/docs/options/xaxis/\n", "methods": [], "extends": [] }, { "name": "ApexYAxis", "id": "interface-ApexYAxis-6a3ffa90ee630f983d40fa66d01b1bd58777335141852d8ec38fb75c59690dc00ffb7a3b9ec578d06c8ba8db2b06ac50405314cbca8cf04483085e580ade11db", "file": "packages/components/externals/charts/model/apex-types.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface ApexOptions {\n annotations?: ApexAnnotations;\n chart?: ApexChart;\n colors?: any[];\n dataLabels?: ApexDataLabels;\n series?: ApexAxisChartSeries | ApexNonAxisChartSeries;\n stroke?: ApexStroke;\n labels?: string[];\n legend?: ApexLegend;\n fill?: ApexFill;\n tooltip?: ApexTooltip;\n plotOptions?: ApexPlotOptions;\n responsive?: ApexResponsive[];\n markers?: ApexMarkers;\n noData?: ApexNoData;\n xaxis?: ApexXAxis;\n yaxis?: ApexYAxis | ApexYAxis[];\n forecastDataPoints?: ApexForecastDataPoints;\n grid?: ApexGrid;\n states?: ApexStates;\n title?: ApexTitleSubtitle;\n subtitle?: ApexTitleSubtitle;\n theme?: ApexTheme;\n }\n\n interface ApexDropShadow {\n enabled?: boolean;\n top?: number;\n left?: number;\n blur?: number;\n opacity?: number;\n color?: string;\n }\n\n /**\n * Main Chart options\n * See https://apexcharts.com/docs/options/chart/\n */\n export interface ApexChart {\n width?: string | number;\n height?: string | number;\n type: ChartType;\n foreColor?: string;\n fontFamily?: string;\n background?: string;\n offsetX?: number;\n offsetY?: number;\n dropShadow?: ApexDropShadow & {\n enabledOnSeries?: undefined | number[];\n color?: string | string[];\n };\n events?: {\n animationEnd?(chart: any, options?: any): void;\n beforeMount?(chart: any, options?: any): void;\n mounted?(chart: any, options?: any): void;\n updated?(chart: any, options?: any): void;\n mouseMove?(e: any, chart?: any, options?: any): void;\n mouseLeave?(e: any, chart?: any, options?: any): void;\n click?(e: any, chart?: any, options?: any): void;\n legendClick?(chart: any, seriesIndex?: number, options?: any): void;\n markerClick?(e: any, chart?: any, options?: any): void;\n xAxisLabelClick?(e: any, chart?: any, options?: any): void;\n selection?(chart: any, options?: any): void;\n dataPointSelection?(e: any, chart?: any, options?: any): void;\n dataPointMouseEnter?(e: any, chart?: any, options?: any): void;\n dataPointMouseLeave?(e: any, chart?: any, options?: any): void;\n beforeZoom?(chart: any, options?: any): void;\n beforeResetZoom?(chart: any, options?: any): void;\n zoomed?(chart: any, options?: any): void;\n scrolled?(chart: any, options?: any): void;\n brushScrolled?(chart: any, options?: any): void;\n };\n brush?: {\n enabled?: boolean;\n autoScaleYaxis?: boolean;\n target?: string;\n targets?: string[];\n };\n id?: string;\n group?: string;\n nonce?: string;\n locales?: ApexLocale[];\n defaultLocale?: string;\n parentHeightOffset?: number;\n redrawOnParentResize?: boolean;\n redrawOnWindowResize?: boolean | Function;\n sparkline?: {\n enabled?: boolean;\n };\n stacked?: boolean;\n stackOnlyBar?: boolean;\n stackType?: \"normal\" | \"100%\";\n toolbar?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n tools?: {\n download?: boolean | string;\n selection?: boolean | string;\n zoom?: boolean | string;\n zoomin?: boolean | string;\n zoomout?: boolean | string;\n pan?: boolean | string;\n reset?: boolean | string;\n customIcons?: {\n icon?: string;\n title?: string;\n index?: number;\n class?: string;\n click?(chart?: any, options?: any, e?: any): any;\n }[];\n };\n export?: {\n csv?: {\n filename?: undefined | string;\n columnDelimiter?: string;\n headerCategory?: string;\n headerValue?: string;\n categoryFormatter?(value?: number): any;\n valueFormatter?(value?: number): any;\n };\n svg?: {\n filename?: undefined | string;\n };\n png?: {\n filename?: undefined | string;\n };\n width?: number;\n scale?: number;\n };\n autoSelected?: \"zoom\" | \"selection\" | \"pan\";\n };\n zoom?: {\n enabled?: boolean;\n type?: \"x\" | \"y\" | \"xy\";\n autoScaleYaxis?: boolean;\n allowMouseWheelZoom?: boolean;\n zoomedArea?: {\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n color?: string;\n opacity?: number;\n width?: number;\n };\n };\n };\n selection?: {\n enabled?: boolean;\n type?: string;\n fill?: {\n color?: string;\n opacity?: number;\n };\n stroke?: {\n width?: number;\n color?: string;\n opacity?: number;\n dashArray?: number;\n };\n xaxis?: {\n min?: number;\n max?: number;\n };\n yaxis?: {\n min?: number;\n max?: number;\n };\n };\n animations?: {\n enabled?: boolean;\n speed?: number;\n animateGradually?: {\n enabled?: boolean;\n delay?: number;\n };\n dynamicAnimation?: {\n enabled?: boolean;\n speed?: number;\n };\n };\n }\n\n export interface ApexStates {\n hover?: {\n filter?: {\n type?: string;\n };\n };\n active?: {\n allowMultipleDataPointsSelection?: boolean;\n filter?: {\n type?: string;\n };\n };\n }\n\n /**\n * Chart Title options\n * See https://apexcharts.com/docs/options/title/\n */\n export interface ApexTitleSubtitle {\n text?: string;\n align?: \"left\" | \"center\" | \"right\";\n margin?: number;\n offsetX?: number;\n offsetY?: number;\n floating?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n };\n }\n\n /**\n * Chart Series options.\n * Use ApexNonAxisChartSeries for Pie and Donut charts.\n * See https://apexcharts.com/docs/options/series/\n */\n export type ApexAxisChartSeries = {\n name?: string;\n type?: string;\n color?: string;\n group?: string;\n zIndex?: number;\n hidden?: boolean;\n data:\n | (number | null)[]\n | {\n x: any;\n y: any;\n fill?: ApexFill;\n fillColor?: string;\n strokeColor?: string;\n meta?: any;\n goals?: {\n name?: string;\n value: number;\n strokeHeight?: number;\n strokeWidth?: number;\n strokeColor?: string;\n strokeDashArray?: number;\n strokeLineCap?: \"butt\" | \"square\" | \"round\";\n }[];\n barHeightOffset?: number;\n columnWidthOffset?: number;\n }[]\n | [number, number | null][]\n | [number, (number | null)[]][]\n | number[][];\n }[];\n\n export type ApexNonAxisChartSeries = number[];\n\n /**\n * Options for the line drawn on line and area charts.\n * See https://apexcharts.com/docs/options/stroke/\n */\n export interface ApexStroke {\n show?: boolean;\n curve?:\n | \"smooth\"\n | \"straight\"\n | \"stepline\"\n | \"monotoneCubic\"\n | (\"smooth\" | \"straight\" | \"stepline\" | \"monotoneCubic\")[];\n lineCap?: \"butt\" | \"square\" | \"round\";\n colors?: any[];\n width?: number | number[];\n dashArray?: number | number[];\n fill?: ApexFill;\n }\n\n export interface ApexAnnotations {\n yaxis?: YAxisAnnotations[];\n xaxis?: XAxisAnnotations[];\n points?: PointAnnotations[];\n texts?: TextAnnotations[];\n images?: ImageAnnotations[];\n }\n export interface AnnotationLabel {\n borderColor?: string;\n borderWidth?: number;\n borderRadius?: number;\n text?: string;\n textAnchor?: string;\n offsetX?: number;\n offsetY?: number;\n style?: AnnotationStyle;\n position?: string;\n orientation?: string;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n }\n export interface AnnotationStyle {\n background?: string;\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n padding?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n }\n export interface XAxisAnnotations {\n id?: number | string;\n x?: null | number | string;\n x2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n label?: AnnotationLabel;\n }\n export interface YAxisAnnotations {\n id?: number | string;\n y?: null | number | string;\n y2?: null | number | string;\n strokeDashArray?: number;\n fillColor?: string;\n borderColor?: string;\n borderWidth?: number;\n opacity?: number;\n offsetX?: number;\n offsetY?: number;\n width?: number | string;\n yAxisIndex?: number;\n label?: AnnotationLabel;\n }\n export interface PointAnnotations {\n id?: number | string;\n x?: number | string;\n y?: null | number;\n yAxisIndex?: number;\n seriesIndex?: number;\n mouseEnter?: Function;\n mouseLeave?: Function;\n click?: Function;\n marker?: {\n size?: number;\n fillColor?: string;\n strokeColor?: string;\n strokeWidth?: number;\n shape?: string;\n offsetX?: number;\n offsetY?: number;\n cssClass?: string;\n };\n label?: AnnotationLabel;\n image?: {\n path?: string;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n export interface ImageAnnotations {\n path?: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n appendTo?: string;\n }\n\n export interface TextAnnotations {\n x?: number;\n y?: number;\n text?: string;\n textAnchor?: string;\n foreColor?: string;\n fontSize?: string | number;\n fontFamily?: undefined | string;\n fontWeight?: string | number;\n appendTo?: string;\n backgroundColor?: string;\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n paddingLeft?: number;\n paddingRight?: number;\n paddingTop?: number;\n paddingBottom?: number;\n }\n\n /**\n * Options for localization.\n * See https://apexcharts.com/docs/options/chart/locales\n */\n export interface ApexLocale {\n name?: string;\n options?: {\n months?: string[];\n shortMonths?: string[];\n days?: string[];\n shortDays?: string[];\n toolbar?: {\n download?: string;\n selection?: string;\n selectionZoom?: string;\n zoomIn?: string;\n zoomOut?: string;\n pan?: string;\n reset?: string;\n exportToSVG?: string;\n exportToPNG?: string;\n exportToCSV?: string;\n menu?: string;\n };\n };\n }\n\n /**\n * PlotOptions for specifying chart-type-specific configuration.\n * See https://apexcharts.com/docs/options/plotoptions/bar/\n */\n export interface ApexPlotOptions {\n line?: {\n isSlopeChart?: boolean;\n colors?: {\n threshold?: number;\n colorAboveThreshold?: string;\n colorBelowThreshold?: string;\n };\n };\n area?: {\n fillTo?: \"origin\" | \"end\";\n };\n bar?: {\n horizontal?: boolean;\n columnWidth?: string | number;\n barHeight?: string | number;\n distributed?: boolean;\n borderRadius?: number;\n borderRadiusApplication?: \"around\" | \"end\";\n borderRadiusWhenStacked?: \"all\" | \"last\";\n hideZeroBarsWhenGrouped?: boolean;\n rangeBarOverlap?: boolean;\n rangeBarGroupRows?: boolean;\n isDumbbell?: boolean;\n dumbbellColors?: string[][];\n isFunnel?: boolean;\n isFunnel3d?: boolean;\n colors?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n }[];\n backgroundBarColors?: string[];\n backgroundBarOpacity?: number;\n backgroundBarRadius?: number;\n };\n dataLabels?: {\n maxItems?: number;\n hideOverflowingLabels?: boolean;\n position?: string;\n orientation?: \"horizontal\" | \"vertical\";\n total?: {\n enabled?: boolean;\n formatter?(val?: string, opts?: any): string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: number | string;\n };\n };\n };\n };\n bubble?: {\n zScaling?: boolean;\n minBubbleRadius?: number;\n maxBubbleRadius?: number;\n };\n candlestick?: {\n colors?: {\n upward?: string;\n downward?: string;\n };\n wick?: {\n useFillColor?: boolean;\n };\n };\n boxPlot?: {\n colors?: {\n upper?: string;\n lower?: string;\n };\n };\n heatmap?: {\n radius?: number;\n enableShades?: boolean;\n shadeIntensity?: number;\n reverseNegativeShade?: boolean;\n distributed?: boolean;\n useFillColorAsStroke?: boolean;\n colorScale?: {\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n inverse?: boolean;\n min?: number;\n max?: number;\n };\n };\n treemap?: {\n enableShades?: boolean;\n shadeIntensity?: number;\n distributed?: boolean;\n reverseNegativeShade?: boolean;\n useFillColorAsStroke?: boolean;\n dataLabels?: { format?: \"scale\" | \"truncate\" };\n borderRadius?: number;\n colorScale?: {\n inverse?: boolean;\n ranges?: {\n from?: number;\n to?: number;\n color?: string;\n foreColor?: string;\n name?: string;\n }[];\n min?: number;\n max?: number;\n };\n };\n pie?: {\n startAngle?: number;\n endAngle?: number;\n customScale?: number;\n offsetX?: number;\n offsetY?: number;\n expandOnClick?: boolean;\n dataLabels?: {\n offset?: number;\n minAngleToShowLabel?: number;\n };\n donut?: {\n size?: string;\n background?: string;\n labels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: string): string;\n };\n total?: {\n show?: boolean;\n showAlways?: boolean;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n label?: string;\n color?: string;\n formatter?(w: any): string;\n };\n };\n };\n };\n polarArea?: {\n rings?: {\n strokeWidth?: number;\n strokeColor?: string;\n };\n spokes?: {\n strokeWidth?: number;\n connectorColors?: string | string[];\n };\n };\n radar?: {\n size?: number;\n offsetX?: number;\n offsetY?: number;\n polygons?: {\n strokeColors?: string | string[];\n strokeWidth?: string | string[];\n connectorColors?: string | string[];\n fill?: {\n colors?: string[];\n };\n };\n };\n radialBar?: {\n inverseOrder?: boolean;\n startAngle?: number;\n endAngle?: number;\n offsetX?: number;\n offsetY?: number;\n hollow?: {\n margin?: number;\n size?: string;\n background?: string;\n image?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageOffsetX?: number;\n imageOffsetY?: number;\n imageClipped?: boolean;\n position?: \"front\" | \"back\";\n dropShadow?: ApexDropShadow;\n };\n track?: {\n show?: boolean;\n startAngle?: number;\n endAngle?: number;\n background?: string | string[];\n strokeWidth?: string;\n opacity?: number;\n margin?: number;\n dropShadow?: ApexDropShadow;\n };\n dataLabels?: {\n show?: boolean;\n name?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n };\n value?: {\n show?: boolean;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n color?: string;\n offsetY?: number;\n formatter?(val: number): string;\n };\n total?: {\n show?: boolean;\n label?: string;\n fontFamily?: string;\n fontSize?: string;\n fontWeight?: string | number;\n color?: string;\n formatter?(opts: any): string;\n };\n };\n barLabels?: {\n enabled?: boolean;\n offsetX?: number;\n offsetY?: number;\n useSeriesColors?: boolean;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n formatter?: (barName: string, opts?: any) => string;\n onClick?: (barName: string, opts?: any) => void;\n };\n };\n }\n\n type ApexColorStop = {\n offset: number;\n color: string;\n opacity: number;\n };\n export interface ApexFill {\n colors?: any[];\n opacity?: number | number[];\n type?: string | string[];\n gradient?: {\n shade?: string;\n type?: string;\n shadeIntensity?: number;\n gradientToColors?: string[];\n inverseColors?: boolean;\n opacityFrom?: number | number[];\n opacityTo?: number | number[];\n stops?: number[];\n colorStops?: ApexColorStop[][] | ApexColorStop[];\n };\n image?: {\n src?: string | string[];\n width?: number;\n height?: number;\n };\n pattern?: {\n style?: string | string[];\n width?: number;\n height?: number;\n strokeWidth?: number;\n };\n }\n\n /**\n * Chart Legend configuration options.\n * See https://apexcharts.com/docs/options/legend/\n */\n export interface ApexLegend {\n show?: boolean;\n showForSingleSeries?: boolean;\n showForNullSeries?: boolean;\n showForZeroSeries?: boolean;\n floating?: boolean;\n inverseOrder?: boolean;\n position?: \"top\" | \"right\" | \"bottom\" | \"left\";\n horizontalAlign?: \"left\" | \"center\" | \"right\";\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n width?: number;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n customLegendItems?: string[];\n labels?: {\n colors?: string | string[];\n useSeriesColors?: boolean;\n };\n markers?: {\n strokeWidth?: number;\n fillColors?: string[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n customHTML?(): any;\n onClick?(): void;\n };\n itemMargin?: {\n horizontal?: number;\n vertical?: number;\n };\n onItemClick?: {\n toggleDataSeries?: boolean;\n };\n onItemHover?: {\n highlightDataSeries?: boolean;\n };\n formatter?(legendName: string, opts?: any): string;\n tooltipHoverFormatter?(legendName: string, opts?: any): string;\n }\n\n /**\n * Chart Datalabels options\n * See https://apexcharts.com/docs/options/datalabels/\n */\n export interface ApexDataLabels {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n textAnchor?: \"start\" | \"middle\" | \"end\";\n distributed?: boolean;\n offsetX?: number;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n colors?: any[];\n };\n background?: {\n enabled?: boolean;\n foreColor?: string;\n borderRadius?: number;\n padding?: number;\n opacity?: number;\n borderWidth?: number;\n borderColor?: string;\n dropShadow?: ApexDropShadow;\n };\n dropShadow?: ApexDropShadow;\n formatter?(\n val: string | number | number[],\n opts?: any\n ): string | number | string[];\n }\n\n export interface ApexResponsive {\n breakpoint?: number;\n options?: any;\n }\n\n type ApexTooltipY = {\n title?: {\n formatter?(seriesName: string, opts?: any): string;\n };\n formatter?(val: number, opts?: any): string;\n };\n /**\n * Chart Tooltip options\n * See https://apexcharts.com/docs/options/tooltip/\n */\n export interface ApexTooltip {\n enabled?: boolean;\n enabledOnSeries?: undefined | number[];\n shared?: boolean;\n followCursor?: boolean;\n intersect?: boolean;\n inverseOrder?: boolean;\n custom?: ((options: any) => any) | ((options: any) => any)[];\n fillSeriesColor?: boolean;\n theme?: string;\n cssClass?: string;\n hideEmptySeries?: boolean;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n onDatasetHover?: {\n highlightDataSeries?: boolean;\n };\n x?: {\n show?: boolean;\n format?: string;\n formatter?(val: number, opts?: any): string;\n };\n y?: ApexTooltipY | ApexTooltipY[];\n z?: {\n title?: string;\n formatter?(val: number): string;\n };\n marker?: {\n show?: boolean;\n fillColors?: string[];\n };\n items?: {\n display?: string;\n };\n fixed?: {\n enabled?: boolean;\n position?: string; // topRight; topLeft; bottomRight; bottomLeft\n offsetX?: number;\n offsetY?: number;\n };\n }\n\n /**\n * X Axis options\n * See https://apexcharts.com/docs/options/xaxis/\n */\n export interface ApexXAxis {\n type?: \"category\" | \"datetime\" | \"numeric\";\n categories?: any;\n overwriteCategories?: number[] | string[] | undefined;\n offsetX?: number;\n offsetY?: number;\n sorted?: boolean;\n labels?: {\n show?: boolean;\n rotate?: number;\n rotateAlways?: boolean;\n hideOverlappingLabels?: boolean;\n showDuplicates?: boolean;\n trim?: boolean;\n minHeight?: number;\n maxHeight?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontWeight?: string | number;\n fontFamily?: string;\n cssClass?: string;\n };\n offsetX?: number;\n offsetY?: number;\n format?: string;\n datetimeUTC?: boolean;\n datetimeFormatter?: {\n year?: string;\n month?: string;\n day?: string;\n hour?: string;\n minute?: string;\n second?: string;\n };\n formatter?(\n value: string,\n timestamp?: number,\n opts?: any\n ): string | string[];\n };\n group?: {\n groups?: { title: string; cols: number }[];\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n offsetX?: number;\n offsetY?: number;\n strokeWidth?: number;\n };\n axisTicks?: {\n show?: boolean;\n borderType?: string;\n color?: string;\n height?: number;\n offsetX?: number;\n offsetY?: number;\n };\n tickPlacement?: string;\n stepSize?: number;\n tickAmount?: number | \"dataPoints\";\n min?: number;\n max?: number;\n range?: number;\n floating?: boolean;\n decimalsInFloat?: number;\n position?: string;\n title?: {\n text?: string;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n fontSize?: string;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n width?: number | string;\n position?: string;\n opacity?: number;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n fill?: {\n type?: string;\n color?: string;\n gradient?: {\n colorFrom?: string;\n colorTo?: string;\n stops?: number[];\n opacityFrom?: number;\n opacityTo?: number;\n };\n };\n dropShadow?: ApexDropShadow;\n };\n tooltip?: {\n enabled?: boolean;\n offsetY?: number;\n style?: {\n fontSize?: string;\n fontFamily?: string;\n };\n formatter?(value: string, opts?: object): string;\n };\n }\n\n /**\n * Y Axis options\n * See https://apexcharts.com/docs/options/yaxis/\n */\n export interface ApexYAxis {\n show?: boolean;\n showAlways?: boolean;\n showForNullSeries?: boolean;\n seriesName?: string | string[];\n opposite?: boolean;\n reversed?: boolean;\n logarithmic?: boolean;\n logBase?: number;\n tickAmount?: number;\n stepSize?: number;\n forceNiceScale?: boolean;\n min?: number | ((min: number) => number);\n max?: number | ((max: number) => number);\n floating?: boolean;\n decimalsInFloat?: number;\n labels?: {\n show?: boolean;\n showDuplicates?: boolean;\n minWidth?: number;\n maxWidth?: number;\n offsetX?: number;\n offsetY?: number;\n rotate?: number;\n align?: \"left\" | \"center\" | \"right\";\n padding?: number;\n style?: {\n colors?: string | string[];\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n formatter?(val: number, opts?: any): string | string[];\n };\n axisBorder?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n axisTicks?: {\n show?: boolean;\n color?: string;\n width?: number;\n offsetX?: number;\n offsetY?: number;\n };\n title?: {\n text?: string;\n rotate?: number;\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string | number;\n cssClass?: string;\n };\n };\n crosshairs?: {\n show?: boolean;\n position?: string;\n stroke?: {\n color?: string;\n width?: number;\n dashArray?: number;\n };\n };\n tooltip?: {\n enabled?: boolean;\n offsetX?: number;\n };\n }\n\n export interface ApexForecastDataPoints {\n count?: number;\n fillOpacity?: number;\n strokeWidth?: undefined | number;\n dashArray?: number;\n }\n\n /**\n * Plot X and Y grid options\n * See https://apexcharts.com/docs/options/grid/\n */\n export interface ApexGrid {\n show?: boolean;\n borderColor?: string;\n strokeDashArray?: number;\n position?: \"front\" | \"back\";\n xaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n yaxis?: {\n lines?: {\n show?: boolean;\n offsetX?: number;\n offsetY?: number;\n };\n };\n row?: {\n colors?: string[];\n opacity?: number;\n };\n column?: {\n colors?: string[];\n opacity?: number;\n };\n padding?: {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n };\n }\n\n export interface ApexTheme {\n mode?: \"light\" | \"dark\";\n palette?: string;\n monochrome?: {\n enabled?: boolean;\n color?: string;\n shadeTo?: \"light\" | \"dark\";\n shadeIntensity?: number;\n };\n }\n\n type MarkerShapeOptions =\n | \"circle\"\n | \"square\"\n | \"rect\"\n | \"line\"\n | \"cross\"\n | \"plus\"\n | \"star\"\n | \"sparkle\"\n | \"diamond\"\n | \"triangle\";\n\n type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[];\n\n interface ApexDiscretePoint {\n seriesIndex?: number;\n dataPointIndex?: number;\n fillColor?: string;\n strokeColor?: string;\n size?: number;\n shape?: ApexMarkerShape;\n }\n\n export interface ApexMarkers {\n size?: number | number[];\n colors?: string[];\n strokeColors?: string | string[];\n strokeWidth?: number | number[];\n strokeOpacity?: number | number[];\n strokeDashArray?: number | number[];\n fillOpacity?: number | number[];\n discrete?: ApexDiscretePoint[];\n shape?: ApexMarkerShape;\n offsetX?: number;\n offsetY?: number;\n showNullDataPoints?: boolean;\n hover?: {\n size?: number;\n sizeOffset?: number;\n };\n onClick?(e?: any): void;\n onDblClick?(e?: any): void;\n }\n\n export interface ApexNoData {\n text?: string;\n align?: \"left\" | \"right\" | \"center\";\n verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n offsetX?: number;\n offsetY?: number;\n style?: {\n color?: string;\n fontSize?: string;\n fontFamily?: string;\n };\n }\n\n export type ChartType =\n | \"line\"\n | \"area\"\n | \"bar\"\n | \"pie\"\n | \"donut\"\n | \"radialBar\"\n | \"scatter\"\n | \"bubble\"\n | \"heatmap\"\n | \"candlestick\"\n | \"boxPlot\"\n | \"radar\"\n | \"polarArea\"\n | \"rangeBar\"\n | \"rangeArea\"\n | \"treemap\";\n", "properties": [ { "name": "axisBorder", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1028 }, { "name": "axisTicks", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1035 }, { "name": "crosshairs", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1055 }, { "name": "decimalsInFloat", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1008 }, { "name": "floating", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 1007 }, { "name": "forceNiceScale", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 1004 }, { "name": "labels", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1009 }, { "name": "logarithmic", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 1000 }, { "name": "logBase", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1001 }, { "name": "max", "deprecated": false, "deprecationMessage": "", "type": "number | unknown", "indexKey": "", "optional": true, "description": "", "line": 1006 }, { "name": "min", "deprecated": false, "deprecationMessage": "", "type": "number | unknown", "indexKey": "", "optional": true, "description": "", "line": 1005 }, { "name": "opposite", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 998 }, { "name": "reversed", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 999 }, { "name": "seriesName", "deprecated": false, "deprecationMessage": "", "type": "string | string[]", "indexKey": "", "optional": true, "description": "", "line": 997 }, { "name": "show", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 994 }, { "name": "showAlways", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 995 }, { "name": "showForNullSeries", "deprecated": false, "deprecationMessage": "", "type": "boolean", "indexKey": "", "optional": true, "description": "", "line": 996 }, { "name": "stepSize", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1003 }, { "name": "tickAmount", "deprecated": false, "deprecationMessage": "", "type": "number", "indexKey": "", "optional": true, "description": "", "line": 1002 }, { "name": "title", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1042 }, { "name": "tooltip", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": true, "description": "", "line": 1064 } ], "indexSignatures": [], "kind": 172, "description": "

Y Axis options\nSee https://apexcharts.com/docs/options/yaxis/

\n", "rawdescription": "\n\nY Axis options\nSee https://apexcharts.com/docs/options/yaxis/\n", "methods": [], "extends": [] }, { "name": "BetterTableModule", "id": "interface-BetterTableModule-ac75c23e756525716e7c4a46e4b323ebc8e13d3b9fa4961eec040d13616f5de31ef44d89586c853c4fb6a8906068f7f04a1255b38303c83d2f54667be080cc23", "file": "packages/components/externals/quill/models/editor.model.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface BetterTableModule {\n insertTable(rows: number, columns: number): void;\n}\n\nexport interface ToolbarItemConfig {\n name: string;\n label?: string;\n options?: any[];\n dialogMessage?: string;\n}\n\nexport type EditorChangeContent = ContentChange & { event: 'text-change' };\nexport type EditorChangeSelection = SelectionChange & { event: 'selection-change' };\n\nexport interface Focus {\n editor: any;\n source: string;\n}\n\nexport interface Range {\n index: number;\n length: number;\n}\n\nexport interface ContentChange {\n content: any;\n delta: any;\n editor: any;\n html: string | null;\n oldDelta: any;\n source: string;\n text: string;\n}\n\nexport interface SelectionChange {\n editor: any;\n oldRange: Range | null;\n range: Range | null;\n source: string;\n}\n\nexport interface Blur {\n editor: any;\n source: string;\n}\n", "properties": [], "indexSignatures": [], "kind": 174, "methods": [ { "name": "insertTable", "args": [ { "name": "rows", "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" }, { "name": "columns", "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "" } ], "optional": false, "returnType": "void", "typeParameters": [], "line": 2, "deprecated": false, "deprecationMessage": "", "jsdoctags": [ { "name": "rows", "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } }, { "name": "columns", "type": "number", "optional": false, "dotDotDotToken": false, "deprecated": false, "deprecationMessage": "", "tagName": { "text": "param" } } ] } ], "extends": [] }, { "name": "Blur", "id": "interface-Blur-ac75c23e756525716e7c4a46e4b323ebc8e13d3b9fa4961eec040d13616f5de31ef44d89586c853c4fb6a8906068f7f04a1255b38303c83d2f54667be080cc23", "file": "packages/components/externals/quill/models/editor.model.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface BetterTableModule {\n insertTable(rows: number, columns: number): void;\n}\n\nexport interface ToolbarItemConfig {\n name: string;\n label?: string;\n options?: any[];\n dialogMessage?: string;\n}\n\nexport type EditorChangeContent = ContentChange & { event: 'text-change' };\nexport type EditorChangeSelection = SelectionChange & { event: 'selection-change' };\n\nexport interface Focus {\n editor: any;\n source: string;\n}\n\nexport interface Range {\n index: number;\n length: number;\n}\n\nexport interface ContentChange {\n content: any;\n delta: any;\n editor: any;\n html: string | null;\n oldDelta: any;\n source: string;\n text: string;\n}\n\nexport interface SelectionChange {\n editor: any;\n oldRange: Range | null;\n range: Range | null;\n source: string;\n}\n\nexport interface Blur {\n editor: any;\n source: string;\n}\n", "properties": [ { "name": "editor", "deprecated": false, "deprecationMessage": "", "type": "any", "indexKey": "", "optional": false, "description": "", "line": 43 }, { "name": "source", "deprecated": false, "deprecationMessage": "", "type": "string", "indexKey": "", "optional": false, "description": "", "line": 44 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "CleaveEventOnChange", "id": "interface-CleaveEventOnChange-21c53e84e6e1d5d51456438f43b34c7f2356125a57b0c863cc12bfb104ad978779d3282722972943f0588b8828566ca1dbd23732892e85abfa082750329c1f66", "file": "packages/components/eui-input-number/models/cleave-event-onchange.model.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "export interface CleaveEventOnChange {\n target: {\n name: string;\n rawValue: string;\n value: string;\n };\n}\n", "properties": [ { "name": "target", "deprecated": false, "deprecationMessage": "", "type": "literal type", "indexKey": "", "optional": false, "description": "", "line": 3 } ], "indexSignatures": [], "kind": 172, "methods": [], "extends": [] }, { "name": "CleaveInstance", "id": "interface-CleaveInstance-a65d8229df08120f4293d4860fe2c155cb1c83c38d5ff82c5b01aaa9912bb5074fb668829cd28dfd2ebbb4e0e8962000ba1faf90c942b0d3469b61fcb29f1762", "file": "packages/components/eui-input-number/eui-input-number.component.ts", "deprecated": false, "deprecationMessage": "", "type": "interface", "sourceCode": "import {\n booleanAttribute,\n Component,\n computed,\n DoCheck,\n effect,\n ElementRef,\n HostBinding,\n HostListener,\n inject,\n input,\n InputSignal,\n LOCALE_ID,\n numberAttribute,\n OnChanges,\n OnDestroy,\n OnInit,\n PLATFORM_ID,\n Renderer2,\n Signal,\n signal,\n SimpleChanges,\n} from '@angular/core';\nimport { LocaleService, LocaleState, injectOptional } from '@eui/core';\nimport { BooleanInput, coerceBooleanProperty, NumberInput } from '@angular/cdk/coercion';\nimport { type CleaveOptions } from 'cleave.js/options';\nimport Cleave from 'cleave.js';\nimport { CleaveEventOnChange } from './models/cleave-event-onchange.model';\nimport { InputDirective } from '@eui/components/shared';\nimport { DOCUMENT, isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { EuiClearableDirective, EuiLoadingDirective } from '@eui/components/directives';\nimport { NgControl } from '@angular/forms';\n\nexport interface CleaveInstance extends Cleave {\n initSwapHiddenInput?: () => void;\n initNumeralFormatter?: () => void;\n initTimeFormatter?: () => void;\n initDateFormatter?: () => void;\n initPhoneFormatter?: () => void;\n updateCreditCardPropsByValue?: () => void;\n updateValueState?: () => void;\n callOnValueChanged?: () => void;\n onChange?: (event?: Event) => void;\n onCut?: (event?: Event) => void;\n onFocus?: (event?: Event) => void;\n onCopy?: (event?: Event) => void;\n onKeyDown?: (event?: Event) => void;\n onChangeListener?: (event?: Event) => void;\n onKeyDownListener?: (event?: Event) => void;\n onFocusListener?: (event?: Event) => void;\n onCutListener?: (event?: Event) => void;\n onCopyListener?: (event?: Event) => void;\n}\n\n/**\n * Get the decimal separator based on the locale\n *\n * @param locale value of the locale based on ISO 639-1\n */\nfunction getDecimal(locale: string): string {\n return getLocaleConfig(locale).decimal;\n}\n\n/**\n * Get the group separator based on the locale\n *\n * @param locale value of the locale based on ISO 639-1\n */\nfunction getGroup(locale: string): string {\n return getLocaleConfig(locale).group;\n}\n\n/**\n * Returns the decimal and group separators for a given locale\n *\n * @param locale value of the locale based on ISO 639-1\n */\nfunction getLocaleConfig(locale: string): { group: string; decimal: string } {\n const parts = new Intl.NumberFormat(locale, { useGrouping: true }).formatToParts(10000.1);\n\n return {\n group: parts.find(p => p.type === 'group')?.value || '',\n decimal: parts.find(p => p.type === 'decimal')?.value || '.',\n };\n}\n\n/**\n * @description\n * Input number component that allows the user to enter a number. It supports number\n * formatting and validation. It uses Cleave.js to format the number. It depends on\n * the {@link LocaleService} to get the current locale and format the number accordingly.\n *\n * It supports the following attributes:\n * - {@link min}: The minimum number can be entered. Blocks user's input if not in range.\n * - {@link max}: The maximum number can be entered. Blocks user's input if not in range.\n * - {@link leadingZero}: Adds leading zero to a number. Formatting will not work.\n * - {@link isInvalid}: Sets the invalid state of the input element.\n * - {@link fractionDigits}: Determines how many digits to show after the decimal point.\n * - {@link digits}: Determines how many digits to show before the decimal point.\n * - {@link fillFraction}: Fills the decimal part with zeros in case it's less than the fractionDigits.\n * - {@link roundUp}: Rounds a number with more than two decimals UP.\n * - {@link noFormat}: Disables the number formatting. It will be treated as a plain number.\n * - {@link value}: The value of the input element.\n * - {@link placeholder}: The placeholder value of the input element.\n * - {@link euiClearable}: Adds a clear button to the input element.\n * - {@link euiLoading}: Adds a loading spinner to the input element.\n * - {@link readonly}: Disables the input element.\n * - {@link disabled}: Disables the input element.\n * - {@link euiDanger}: Sets the invalid state of the input element.\n * - {@link euiSuccess}: Sets the success state of the input element.\n * - {@link euiWarning}: Sets the warning state of the input element.\n * - {@link euiInfo}: Sets the info state of the input element.\n * - {@link euiPrimary}: Sets the primary state of the input element.\n * - {@link euiSecondary}: Sets the secondary state of the input element.\n *\n * @usageNotes\n * ### Basic Usage\n * ```html\n * \n * ```\n *\n * ### With Min/Max Range\n * ```html\n * \n * ```\n *\n * ### Currency Format\n * ```html\n * \n * ```\n *\n * ### Accessibility\n * - Use associated `